@appcorp/app-corp-vista 0.2.10 → 0.2.13

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 (3) hide show
  1. package/organisms/vista-product-overview-v3/vista-product-overview-v3.js +10 -10
  2. package/package.json +1 -1
  3. package/type/vista-product-overview-type.d.ts +7 -5
package/organisms/vista-product-overview-v3/vista-product-overview-v3.js CHANGED
@@ -63,7 +63,7 @@ var DynamicReactSlick = (0, dynamic_1.default)(function () { return Promise.reso
63
63
  ssr: false,
64
64
  });
65
65
  var VistaProductOverviewV3 = function (_a) {
66
- var averageReview = _a.averageReview, breadcrumbs = _a.breadcrumbs, description = _a.description, highlights = _a.highlights, images = _a.images, name = _a.name, price = _a.price, totalCountReview = _a.totalCountReview, variants = _a.variants;
66
+ 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;
67
67
  var slickConfig = {
68
68
  dots: true,
69
69
  infinite: (images === null || images === void 0 ? void 0 : images.length) === 1 ? false : true,
@@ -88,8 +88,8 @@ var VistaProductOverviewV3 = function (_a) {
88
88
  react_1.default.createElement("section", { "aria-labelledby": "information-heading", className: "mt-4" },
89
89
  react_1.default.createElement("h2", { id: "information-heading", className: "sr-only" }, "Product information"),
90
90
  react_1.default.createElement("div", { className: "flex items-center" },
91
- react_1.default.createElement("p", { className: "text-lg text-primary sm:text-xl" }, price),
92
- react_1.default.createElement("div", { className: "ml-4 border-l border-gray-300 pl-4" },
91
+ price && (react_1.default.createElement("p", { className: "text-lg text-primary sm:text-xl" }, price)),
92
+ averageReview && (react_1.default.createElement("div", { className: "ml-4 border-l border-gray-300 pl-4" },
93
93
  react_1.default.createElement("h2", { className: "sr-only" }, "Reviews"),
94
94
  react_1.default.createElement("div", { className: "flex items-center" },
95
95
  react_1.default.createElement("div", null,
@@ -99,10 +99,10 @@ var VistaProductOverviewV3 = function (_a) {
99
99
  " out of 5 stars")),
100
100
  react_1.default.createElement("p", { className: "ml-2 text-sm text-gray-500" },
101
101
  totalCountReview,
102
- " reviews")))),
102
+ " reviews"))))),
103
103
  react_1.default.createElement("div", { className: "mt-4 space-y-6" },
104
104
  react_1.default.createElement("p", { className: "text-base text-gray-500" }, description)),
105
- highlights
105
+ highlights.length > 1 && highlights
106
106
  .filter(function (_a) {
107
107
  var enabled = _a.enabled;
108
108
  return enabled;
@@ -119,7 +119,7 @@ var VistaProductOverviewV3 = function (_a) {
119
119
  react_1.default.createElement("h2", { id: "options-heading", className: "sr-only" }, "Product options"),
120
120
  react_1.default.createElement("form", null,
121
121
  react_1.default.createElement("div", { className: "sm:flex sm:justify-between" },
122
- react_1.default.createElement("fieldset", { className: 'flex flex-col gap-4' }, variants
122
+ react_1.default.createElement("fieldset", { className: 'flex flex-col gap-4' }, variants.length > 1 && variants
123
123
  .filter(function (_a) {
124
124
  var enabled = _a.enabled;
125
125
  return enabled;
@@ -131,16 +131,16 @@ var VistaProductOverviewV3 = function (_a) {
131
131
  react_1.default.createElement("p", { className: "text-base font-medium text-primary" }, item.title),
132
132
  react_1.default.createElement("p", { className: "mt-1 text-sm text-gray-500" }, item.description),
133
133
  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" }))); })))); }))),
134
- react_1.default.createElement("div", { className: "mt-4" },
134
+ helpInfo && (react_1.default.createElement("div", { className: "mt-4" },
135
135
  react_1.default.createElement("a", { href: "#", className: "group inline-flex text-sm text-gray-500 hover:text-gray-700" },
136
136
  react_1.default.createElement("span", null, "What size should I buy?"),
137
- 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" }))),
137
+ 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
138
  react_1.default.createElement("div", { className: "mt-10" },
139
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" }, "Add to bag")),
140
- react_1.default.createElement("div", { className: "mt-6 text-center" },
140
+ guaranteeInfo && (react_1.default.createElement("div", { className: "mt-6 text-center" },
141
141
  react_1.default.createElement("a", { href: "#", className: "group inline-flex text-base font-medium" },
142
142
  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" }),
143
- react_1.default.createElement("span", { className: "text-gray-500 hover:text-gray-700" }, "Lifetime Guarantee"))))))),
143
+ react_1.default.createElement("span", { className: "text-gray-500 hover:text-gray-700" }, "Lifetime Guarantee")))))))),
144
144
  react_1.default.createElement("div", { className: 'mt-10 lg:max-w-lg lg:self-center' },
145
145
  react_1.default.createElement(DynamicReactSlick, __assign({}, slickConfig), images.map(function (_a, ind) {
146
146
  var url = _a.url, alt = _a.alt;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appcorp/app-corp-vista",
3
- "version": "0.2.10",
3
+ "version": "0.2.13",
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",
package/type/vista-product-overview-type.d.ts CHANGED
@@ -36,15 +36,17 @@ export interface VistaProductOverviewV3Image {
36
36
  url: string;
37
37
  }
38
38
  export interface VistaProductOverviewV3Props {
39
- averageReview: number;
39
+ averageReview?: number;
40
40
  breadcrumbs: VistaProductOverviewV3BreadcrumbItem[];
41
41
  description: string;
42
- highlights: VistaProductOverviewV3Highlight[];
42
+ guaranteeInfo?: boolean;
43
+ helpInfo?: boolean;
44
+ highlights?: VistaProductOverviewV3Highlight[];
43
45
  images: VistaProductOverviewV3Image[];
44
46
  name: string;
45
- price: string;
46
- totalCountReview: number;
47
- variants: VistaProductOverviewV3Variant[];
47
+ price?: string;
48
+ totalCountReview?: number;
49
+ variants?: VistaProductOverviewV3Variant[];
48
50
  }
49
51
  export interface VistaProductOverviewV4Props {
50
52
  id: string;