kupos-ui-components-lib 10.4.45 → 10.4.47

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 (6) hide show
  1. package/dist/styles.css +3 -0
  2. package/dist/ui/DiscountBanners/discountUtils.js +4 -2
  3. package/dist/ui/mobileweb/BottomAmenitiesMobile.js +2 -2
  4. package/package.json +1 -1
  5. package/src/ui/DiscountBanners/discountUtils.ts +4 -2
  6. package/src/ui/mobileweb/BottomAmenitiesMobile.tsx +2 -2
package/dist/styles.css CHANGED
@@ -273,6 +273,9 @@
273
273
  .-mr-\[12px\] {
274
274
  margin-right: calc(12px * -1);
275
275
  }
276
+ .mr-\[1px\] {
277
+ margin-right: 1px;
278
+ }
276
279
  .mr-\[2px\] {
277
280
  margin-right: 2px;
278
281
  }
package/dist/ui/DiscountBanners/discountUtils.js CHANGED
@@ -45,13 +45,15 @@ function getServiceDiscount(service) {
45
45
  return { type: "percentage", amount: dpPercent };
46
46
  if ((service === null || service === void 0 ? void 0 : service.discount_type) === "percentage" &&
47
47
  (service === null || service === void 0 ? void 0 : service.discount_value) != null &&
48
- service.discount_value > 0) {
48
+ service.discount_value > 0 &&
49
+ (((service === null || service === void 0 ? void 0 : service.ui_type) === 1 && (service === null || service === void 0 ? void 0 : service.offer_text)) || (service === null || service === void 0 ? void 0 : service.ui_type) === 2)) {
49
50
  return { type: "percentage", amount: Number(service.discount_value) };
50
51
  }
51
52
  if (((service === null || service === void 0 ? void 0 : service.discount_type) === "fixed" ||
52
53
  (service === null || service === void 0 ? void 0 : service.discount_type) === "fixed_price") &&
53
54
  (service === null || service === void 0 ? void 0 : service.discount_value) != null &&
54
- service.discount_value > 0) {
55
+ service.discount_value > 0 &&
56
+ (((service === null || service === void 0 ? void 0 : service.ui_type) === 1 && (service === null || service === void 0 ? void 0 : service.offer_text)) || (service === null || service === void 0 ? void 0 : service.ui_type) === 2)) {
55
57
  const rawDiscount = Number(service.discount_value);
56
58
  const { max_discount } = service;
57
59
  const amount = max_discount != null && max_discount > 0
package/dist/ui/mobileweb/BottomAmenitiesMobile.js CHANGED
@@ -12,8 +12,8 @@ function BottomAmenitiesMobile({ isSoldOut, amenitiesNodes, hoursIcon, duration,
12
12
  React.createElement("div", { className: `cursor-default group min-[420]:text-[13px] text-[12px] ${isSoldOut ? "text-[#c0c0c0]" : ""}`, style: { lineHeight: "normal" } },
13
13
  DateService.formatDuration(duration),
14
14
  "hrs")),
15
- serviceType && (React.createElement("div", { className: "flex relative ", style: { color: isSoldOut ? "#bbb" : "text-[#464647]" } },
16
- React.createElement("div", { className: `w-[12px] h-auto mr-[2px] ${isSoldOut ? "grayscale" : ""}` }, renderIcon("serviceTypeIcon", "12px")),
15
+ serviceType && (React.createElement("div", { className: "flex relative items-center", style: { color: isSoldOut ? "#bbb" : "text-[#464647]" } },
16
+ React.createElement("div", { className: `w-[12px] h-auto mr-[1px] mt-[3px] ${isSoldOut ? "grayscale" : ""}` }, renderIcon("serviceTypeIcon", "12px")),
17
17
  "\u00A0",
18
18
  React.createElement("div", { className: `cursor-default group min-[420]:text-[13px] text-[12px] bold-text ${isSoldOut ? "text-[#c0c0c0]" : ""}`, style: { lineHeight: "normal" } }, commonService.capitalizeFirstLetter(serviceType))))),
19
19
  seatCategoryText && (React.createElement("div", { className: "flex-1 text-right whitespace-nowrap min-[420]:text-[13px] text-[12px]", style: { opacity: isSoldOut ? 0.5 : 1 } }, seatCategoryText)),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "kupos-ui-components-lib",
3
- "version": "10.4.45",
3
+ "version": "10.4.47",
4
4
  "description": "A reusable UI components package",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/src/ui/DiscountBanners/discountUtils.ts CHANGED
@@ -62,7 +62,8 @@ function getServiceDiscount(
62
62
  if (
63
63
  service?.discount_type === "percentage" &&
64
64
  service?.discount_value != null &&
65
- service.discount_value > 0
65
+ service.discount_value > 0 &&
66
+ ((service?.ui_type === 1 && service?.offer_text) || service?.ui_type === 2)
66
67
  ) {
67
68
  return { type: "percentage", amount: Number(service.discount_value) };
68
69
  }
@@ -71,7 +72,8 @@ function getServiceDiscount(
71
72
  (service?.discount_type === "fixed" ||
72
73
  service?.discount_type === "fixed_price") &&
73
74
  service?.discount_value != null &&
74
- service.discount_value > 0
75
+ service.discount_value > 0 &&
76
+ ((service?.ui_type === 1 && service?.offer_text) || service?.ui_type === 2)
75
77
  ) {
76
78
  const rawDiscount = Number(service.discount_value);
77
79
  const { max_discount } = service;
package/src/ui/mobileweb/BottomAmenitiesMobile.tsx CHANGED
@@ -96,11 +96,11 @@ function BottomAmenitiesMobile({
96
96
 
97
97
  {serviceType && (
98
98
  <div
99
- className="flex relative "
99
+ className="flex relative items-center"
100
100
  style={{ color: isSoldOut ? "#bbb" : "text-[#464647]" }}
101
101
  >
102
102
  <div
103
- className={`w-[12px] h-auto mr-[2px] ${
103
+ className={`w-[12px] h-auto mr-[1px] mt-[3px] ${
104
104
  isSoldOut ? "grayscale" : ""
105
105
  }`}
106
106
  >