@appcorp/app-corp-vista 0.2.12 → 0.2.14

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.highlights, highlights = _b === void 0 ? [] : _b, images = _a.images, name = _a.name, price = _a.price, totalCountReview = _a.totalCountReview, _c = _a.variants, variants = _c === void 0 ? [] : _c;
+    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 slickConfig = {
         dots: true,
         infinite: (images === null || images === void 0 ? void 0 : images.length) === 1 ? false : true,
@@ -72,7 +72,7 @@ var VistaProductOverviewV3 = function (_a) {
         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-24 lg:grid lg:max-w-7xl lg:grid-cols-2 lg:gap-x-8 lg:px-8" },
+        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" },
                 react_1.default.createElement("nav", { "aria-label": "Breadcrumb" },
                     react_1.default.createElement("ol", { role: "list", className: "flex items-center space-x-2" }, breadcrumbs.map(function (_a, breadcrumbIdx) {
@@ -131,16 +131,16 @@ var VistaProductOverviewV3 = function (_a) {
                                         react_1.default.createElement("p", { className: "text-base font-medium text-primary" }, item.title),
                                         react_1.default.createElement("p", { className: "mt-1 text-sm text-gray-500" }, item.description),
                                         react_1.default.createElement("div", { "aria-hidden": "true", className: "pointer-events-none absolute -inset-px rounded-lg border-2 border-transparent group-data-checked:border-primary group-data-focus:border" }))); })))); }))),
-                            react_1.default.createElement("div", { className: "mt-4" },
+                            helpInfo && (react_1.default.createElement("div", { className: "mt-4" },
                                 react_1.default.createElement("a", { href: "#", className: "group inline-flex text-sm text-gray-500 hover:text-gray-700" },
                                     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(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("div", { className: "mt-6 text-center" },
+                            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("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;

package/package.json

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

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

@@ -39,6 +39,8 @@ export interface VistaProductOverviewV3Props {
     averageReview?: number;
     breadcrumbs: VistaProductOverviewV3BreadcrumbItem[];
     description: string;
+    guaranteeInfo?: boolean;
+    helpInfo?: boolean;
     highlights?: VistaProductOverviewV3Highlight[];
     images: VistaProductOverviewV3Image[];
     name: string;