@appcorp/app-corp-vista 0.2.35 → 0.2.37

package/organisms/vista-hero-v13/vista-hero-v13.js

@@ -11,17 +11,54 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaHeroV13 = void 0;
+var dynamic_1 = __importDefault(require("next/dynamic"));
 var react_1 = __importDefault(require("react"));
-var react_slick_1 = __importDefault(require("react-slick"));
 var vista_button_v1_1 = require("../../molecules/vista-button-v1/vista-button-v1");
 var vista_button_type_1 = require("../../type/vista-button-type");
 // import "slick-carousel/slick/slick.css";
 // import "slick-carousel/slick/slick-theme.css";
+var DynamicReactSlick = (0, dynamic_1.default)(function () { return Promise.resolve().then(function () { return __importStar(require('react-slick')); }); }, {
+    loading: function () { return react_1.default.createElement("p", null, "Loading..."); },
+    ssr: false,
+});
 var VistaHeroV13 = function (_a) {
     var items = _a.items;
     var settings = {
@@ -35,7 +72,7 @@ var VistaHeroV13 = function (_a) {
         speed: 2000,
     };
     return (react_1.default.createElement("div", { className: "slider-container overflow-x-hidden w-full" },
-        react_1.default.createElement(react_slick_1.default, __assign({}, settings), items.map(function (item) { return (react_1.default.createElement("div", { key: item.heading, className: "" },
+        react_1.default.createElement(DynamicReactSlick, __assign({}, settings), items.map(function (item) { return (react_1.default.createElement("div", { key: item.heading, className: "" },
             react_1.default.createElement("div", { className: "relative isolate overflow-hidden pt-14" },
                 react_1.default.createElement("img", { alt: item.bannerAlt, src: item.bannerSrc, className: "absolute inset-0 -z-10 size-full object-cover" }),
                 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" },

package/organisms/vista-product-list-v5/vista-product-list-v5.js

@@ -5,8 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaProductListV5 = void 0;
 var react_1 = __importDefault(require("react"));
+var vista_button_v1_1 = require("../../molecules/vista-button-v1/vista-button-v1");
+var vista_button_type_1 = require("../../type/vista-button-type");
 var VistaProductListV5 = function (_a) {
-    var title = _a.title, items = _a.items;
+    var items = _a.items, title = _a.title;
     return (react_1.default.createElement("div", { className: "bg-white" },
         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" },
             react_1.default.createElement("h2", { className: "text-xl font-bold text-gray-900" }, title),
@@ -29,11 +31,7 @@ var VistaProductListV5 = function (_a) {
                             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" }),
                             price && (react_1.default.createElement("p", { className: "relative text-lg font-semibold text-white" }, price)))),
                     react_1.default.createElement("div", { className: "mt-6" },
-                        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" },
-                            ctaLabel,
-                            react_1.default.createElement("span", { className: "sr-only" },
-                                ", ",
-                                name)))));
+                        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 }))));
             })))));
 };
 exports.VistaProductListV5 = VistaProductListV5;

package/organisms/vista-product-overview-v3/product-slider.d.ts

@@ -0,0 +1,10 @@
+import Image from "next/image";
+import { FC } from "react";
+interface Image {
+    url: string;
+    alt: string;
+}
+export declare const ProductSlider: FC<{
+    images: Image[];
+}>;
+export {};

package/organisms/vista-product-overview-v3/product-slider.js

@@ -0,0 +1,74 @@
+'use client';
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProductSlider = void 0;
+var dynamic_1 = __importDefault(require("next/dynamic"));
+var image_1 = __importDefault(require("next/image"));
+var react_1 = __importDefault(require("react"));
+var DynamicReactSlick = (0, dynamic_1.default)(function () { return Promise.resolve().then(function () { return __importStar(require('react-slick')); }); }, {
+    loading: function () { return react_1.default.createElement("p", null, "Loading..."); },
+    ssr: false,
+});
+var ProductSlider = function (_a) {
+    var images = _a.images;
+    var slickConfig = {
+        dots: true,
+        infinite: (images === null || images === void 0 ? void 0 : images.length) === 1 ? false : true,
+        slidesToScroll: 1,
+        slidesToShow: 1,
+        speed: 500,
+    };
+    return (react_1.default.createElement("div", { className: 'mt-10 lg:max-w-lg lg:self-center' },
+        react_1.default.createElement(DynamicReactSlick, __assign({}, slickConfig), images.map(function (_a, ind) {
+            var url = _a.url, alt = _a.alt;
+            return (react_1.default.createElement(image_1.default, { key: ind, alt: alt, className: 'aspect-square w-full rounded-lg object-cover', sizes: '50vw', height: 100, src: url, width: 150 }));
+        }))));
+};
+exports.ProductSlider = ProductSlider;

package/organisms/vista-product-overview-v3/vista-product-overview-v3.js

@@ -1,76 +1,21 @@
-'use client';
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaProductOverviewV3 = void 0;
 var react_1 = __importDefault(require("react"));
-var dynamic_1 = __importDefault(require("next/dynamic"));
-var image_1 = __importDefault(require("next/image"));
 var solid_1 = require("@heroicons/react/20/solid");
 var react_2 = require("@headlessui/react");
 var outline_1 = require("@heroicons/react/24/outline");
 var class_names_1 = require("../../utils/class-names");
+var vista_button_v1_1 = require("../../molecules/vista-button-v1/vista-button-v1");
+var vista_button_type_1 = require("../../type/vista-button-type");
+var product_slider_1 = require("./product-slider");
 // import "slick-carousel/slick/slick.css";
 // import "slick-carousel/slick/slick-theme.css";
-var DynamicReactSlick = (0, dynamic_1.default)(function () { return Promise.resolve().then(function () { return __importStar(require('react-slick')); }); }, {
-    loading: function () { return react_1.default.createElement("p", null, "Loading..."); },
-    ssr: false,
-});
 var VistaProductOverviewV3 = function (_a) {
     var averageReview = _a.averageReview, breadcrumbs = _a.breadcrumbs, ctaLabel = _a.ctaLabel, description = _a.description, _b = _a.guaranteeInfo, guaranteeInfo = _b === void 0 ? false : _b, handleCtaOnClick = _a.handleCtaOnClick, _c = _a.helpInfo, helpInfo = _c === void 0 ? false : _c, _d = _a.highlights, highlights = _d === void 0 ? [] : _d, images = _a.images, name = _a.name, price = _a.price, totalCountReview = _a.totalCountReview, _e = _a.variants, variants = _e === void 0 ? [] : _e;
-    var slickConfig = {
-        dots: true,
-        infinite: (images === null || images === void 0 ? void 0 : images.length) === 1 ? false : true,
-        speed: 500,
-        slidesToShow: 1,
-        slidesToScroll: 1,
-    };
     return (react_1.default.createElement("div", { className: "bg-white" },
         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" },
             react_1.default.createElement("div", { className: "lg:max-w-lg lg:self-end" },
@@ -136,15 +81,11 @@ var VistaProductOverviewV3 = function (_a) {
                                     react_1.default.createElement("span", null, "What size should I buy?"),
                                     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" })))),
                             react_1.default.createElement("div", { className: "mt-10" },
-                                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)),
+                                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 })),
                             guaranteeInfo && (react_1.default.createElement("div", { className: "mt-6 text-center" },
                                 react_1.default.createElement("a", { href: "#", className: "group inline-flex text-base font-medium" },
                                     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" }),
                                     react_1.default.createElement("span", { className: "text-gray-500 hover:text-gray-700" }, "Lifetime Guarantee")))))))),
-            react_1.default.createElement("div", { className: 'mt-10 lg:max-w-lg lg:self-center' },
-                react_1.default.createElement(DynamicReactSlick, __assign({}, slickConfig), images.map(function (_a, ind) {
-                    var url = _a.url, alt = _a.alt;
-                    return (react_1.default.createElement(image_1.default, { key: ind, alt: alt, className: 'aspect-square w-full rounded-lg object-cover', sizes: '50vw', height: 100, src: url, width: 150 }));
-                }))))));
+            react_1.default.createElement(product_slider_1.ProductSlider, { images: images }))));
 };
 exports.VistaProductOverviewV3 = VistaProductOverviewV3;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/app-corp-vista",
-  "version": "0.2.35",
+  "version": "0.2.37",
   "scripts": {
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
     "build:next": "next build",