@appcorp/app-corp-vista 0.2.26 → 0.2.27

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

@@ -17,7 +17,7 @@ var VistaProductListV5 = function (_a) {
             })
                 .sort(function (a, b) { return a.order - b.order; })
                 .map(function (_a) {
-                var id = _a.id, imageAlt = _a.imageAlt, imageSrc = _a.imageSrc, name = _a.name, color = _a.color, price = _a.price, href = _a.href;
+                var color = _a.color, ctaLabel = _a.ctaLabel, handleOnClick = _a.handleOnClick, id = _a.id, imageAlt = _a.imageAlt, imageSrc = _a.imageSrc, name = _a.name, price = _a.price;
                 return (react_1.default.createElement("div", { key: id },
                     react_1.default.createElement("div", { className: "relative" },
                         react_1.default.createElement("div", { className: "relative h-72 w-full overflow-hidden rounded-lg" },
@@ -29,8 +29,8 @@ 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("a", { href: href, className: "relative flex 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" },
-                            "Add to bag",
+                        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)))));

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

@@ -63,7 +63,7 @@ var DynamicReactSlick = (0, dynamic_1.default)(function () { return Promise.reso
     ssr: false,
 });
 var VistaProductOverviewV3 = function (_a) {
-    var averageReview = _a.averageReview, breadcrumbs = _a.breadcrumbs, description = _a.description, _b = _a.guaranteeInfo, guaranteeInfo = _b === void 0 ? false : _b, _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 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,
@@ -136,7 +136,7 @@ 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" }, "Add to bag")),
+                                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)),
                             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" }),

package/package.json

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

package/type/vista-product-list-type.d.ts

@@ -21,8 +21,9 @@ export interface VistaProductListV4Props {
 }
 export interface VistaProductListV5Item {
     color?: string;
+    ctaLabel?: string;
     enabled: boolean;
-    href: string;
+    handleOnClick: () => void;
     id: string;
     imageAlt: string;
     imageSrc: string;

package/type/vista-product-overview-type.d.ts

@@ -38,6 +38,8 @@ export interface VistaProductOverviewV3Image {
 export interface VistaProductOverviewV3Props {
     averageReview?: number;
     breadcrumbs: VistaProductOverviewV3BreadcrumbItem[];
+    ctaLabel: string;
+    handleCtaOnClick: () => void;
     description: string;
     guaranteeInfo?: boolean;
     helpInfo?: boolean;