@appcorp/kismaa-web-ui 0.1.26 → 0.1.28

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 (11) hide show
  1. package/molecules/user-card/props.js +2 -0
  2. package/molecules/user-card/type.d.ts +2 -0
  3. package/molecules/user-card/user-card.js +3 -3
  4. package/organisms/extended-user-card/props.js +1 -9
  5. package/organisms/extended-user-card/type.d.ts +0 -2
  6. package/organisms/user-cards-grid/props.js +20 -0
  7. package/organisms/user-cards-grid/user-cards-grid.js +1 -1
  8. package/organisms/user-details/props.js +3 -7
  9. package/organisms/user-details/type.d.ts +12 -12
  10. package/organisms/user-details/user-details.js +2 -2
  11. package/package.json +4 -4
package/molecules/user-card/props.js CHANGED
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.userCardData = void 0;
4
4
  var kismaa_utils_1 = require("@appcorp/kismaa-utils");
5
5
  exports.userCardData = {
6
+ id: '1',
6
7
  description: '19210 for reading 2001',
7
8
  imageAlt: '',
8
9
  imageSrc: '/card-person.jpg',
@@ -25,4 +26,5 @@ exports.userCardData = {
25
26
  price: { current: 1, duration: 5 },
26
27
  originalPrice: 2,
27
28
  handleButtonClick: function () { return void 0; },
29
+ handleCardClick: function () { return void 0; },
28
30
  };
package/molecules/user-card/type.d.ts CHANGED
@@ -17,4 +17,6 @@ export interface UserCardProps {
17
17
  description?: string;
18
18
  isHovered: boolean;
19
19
  setIsHovered: (b: boolean) => void;
20
+ handleCardClick: (id: string) => void;
21
+ id: string;
20
22
  }
package/molecules/user-card/user-card.js CHANGED
@@ -15,8 +15,8 @@ var ratings_1 = require("../ratings");
15
15
  var image_1 = __importDefault(require("next/image"));
16
16
  var kismaa_utils_1 = require("@appcorp/kismaa-utils");
17
17
  var UserCard = function (_a) {
18
- var badges = _a.badges, description = _a.description, handleButtonClick = _a.handleButtonClick, imageSrc = _a.imageSrc, imageAlt = _a.imageAlt, isHovered = _a.isHovered, name = _a.name, onlineStatus = _a.onlineStatus, originalPrice = _a.originalPrice, price = _a.price, rating = _a.rating, setIsHovered = _a.setIsHovered;
19
- return (react_1.default.createElement("div", { className: "w-full overflow-hidden rounded-xl shadow-[0px_5px_16px_0px_#0000001A] lg:max-w-[415px]", onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); } },
18
+ var badges = _a.badges, description = _a.description, handleButtonClick = _a.handleButtonClick, handleCardClick = _a.handleCardClick, id = _a.id, imageAlt = _a.imageAlt, imageSrc = _a.imageSrc, isHovered = _a.isHovered, name = _a.name, onlineStatus = _a.onlineStatus, originalPrice = _a.originalPrice, price = _a.price, rating = _a.rating, setIsHovered = _a.setIsHovered;
19
+ return (react_1.default.createElement("div", { className: "w-full overflow-hidden rounded-xl shadow-[0px_5px_16px_0px_#0000001A] hover:cursor-pointer lg:max-w-[415px]", onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, onClick: function () { return handleCardClick(id); } },
20
20
  react_1.default.createElement("div", { className: "relative overflow-hidden rounded-xl" },
21
21
  react_1.default.createElement("div", { className: "absolute right-4 top-4 z-10" },
22
22
  react_1.default.createElement(active_icon_1.ActiveIcon, { onlineStatus: onlineStatus })),
@@ -33,7 +33,7 @@ var UserCard = function (_a) {
33
33
  react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.H3 }, name)),
34
34
  !!description && (react_1.default.createElement("div", { className: "mb-2 min-h-5 text-gray-500" },
35
35
  react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.P1 }, description))),
36
- react_1.default.createElement("div", { className: "mt-1.5 flex w-full flex-wrap justify-center gap-1.5" }, badges.slice(0, 2).map(function (badge, index) { return (react_1.default.createElement("div", { className: "h-fit w-fit", key: index },
36
+ react_1.default.createElement("div", { className: "mt-1.5 flex w-full flex-wrap justify-center gap-1.5" }, badges.slice(0, 2).map(function (badge) { return (react_1.default.createElement("div", { className: "h-fit w-fit", key: badge.label },
37
37
  react_1.default.createElement(badge_1.Badge, { label: badge.label, type: type_1.BADGE_TYPE.CARD_BADGE }))); })),
38
38
  react_1.default.createElement("div", { className: "my-5 flex justify-center" },
39
39
  react_1.default.createElement(ratings_1.Ratings, { rating: rating })),
package/organisms/extended-user-card/props.js CHANGED
@@ -11,14 +11,6 @@ exports.extendedUserCardData = {
11
11
  totalRating: 100,
12
12
  totalChat: 50,
13
13
  expertIn: 'Love Psychics',
14
- otherExpertise: [
15
- { label: 'Clairvoyant', bgColor: '#FFC5671A', textColor: '#FFC567' },
16
- { label: 'Clairaudient', bgColor: '#B880F11A', textColor: '#B880F1' },
17
- {
18
- label: 'Destiny & Life Path',
19
- bgColor: '#9BB8ED1A',
20
- textColor: '#9BB8ED',
21
- },
22
- ],
14
+ otherExpertise: [{ label: 'Aura Cleansing' }, { label: 'Angel Readings' }],
23
15
  onChatClick: function () { return console.log('Chat button clicked'); },
24
16
  };
package/organisms/extended-user-card/type.d.ts CHANGED
@@ -1,8 +1,6 @@
1
1
  import { PSYCHIC_ONLINE_STATUS } from '@appcorp/kismaa-utils';
2
2
  export interface Expertise {
3
3
  label: string;
4
- bgColor: string;
5
- textColor: string;
6
4
  }
7
5
  export interface ExtendedUserCardProps {
8
6
  onlineStatus: PSYCHIC_ONLINE_STATUS;
package/organisms/user-cards-grid/props.js CHANGED
@@ -4,6 +4,7 @@ exports.userGridData = exports.userCardGridData = void 0;
4
4
  var kismaa_utils_1 = require("@appcorp/kismaa-utils");
5
5
  exports.userCardGridData = [
6
6
  {
7
+ id: '1',
7
8
  onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.ONLINE,
8
9
  imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
9
10
  imageAlt: '',
@@ -32,8 +33,10 @@ exports.userCardGridData = [
32
33
  handleButtonClick: function () { return void 0; },
33
34
  isHovered: false,
34
35
  setIsHovered: function () { return void 0; },
36
+ handleCardClick: function () { return void 0; },
35
37
  },
36
38
  {
39
+ id: '2',
37
40
  onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.ONLINE,
38
41
  imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
39
42
  imageAlt: '',
@@ -53,8 +56,10 @@ exports.userCardGridData = [
53
56
  handleButtonClick: function () { return void 0; },
54
57
  isHovered: false,
55
58
  setIsHovered: function () { return void 0; },
59
+ handleCardClick: function () { return void 0; },
56
60
  },
57
61
  {
62
+ id: '3',
58
63
  onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.OFFLINE,
59
64
  imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
60
65
  imageAlt: '',
@@ -74,8 +79,10 @@ exports.userCardGridData = [
74
79
  handleButtonClick: function () { return void 0; },
75
80
  isHovered: false,
76
81
  setIsHovered: function () { return void 0; },
82
+ handleCardClick: function () { return void 0; },
77
83
  },
78
84
  {
85
+ id: '4',
79
86
  onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.ONLINE,
80
87
  imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
81
88
  imageAlt: 'Alex Johnson',
@@ -94,8 +101,10 @@ exports.userCardGridData = [
94
101
  handleButtonClick: function () { return void 0; },
95
102
  isHovered: false,
96
103
  setIsHovered: function () { return void 0; },
104
+ handleCardClick: function () { return void 0; },
97
105
  },
98
106
  {
107
+ id: '5',
99
108
  onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.OFFLINE,
100
109
  imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
101
110
  imageAlt: 'Olivia Baker',
@@ -114,8 +123,10 @@ exports.userCardGridData = [
114
123
  handleButtonClick: function () { return void 0; },
115
124
  isHovered: false,
116
125
  setIsHovered: function () { return void 0; },
126
+ handleCardClick: function () { return void 0; },
117
127
  },
118
128
  {
129
+ id: '6',
119
130
  onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.ONLINE,
120
131
  imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
121
132
  imageAlt: 'Daniel Lee',
@@ -135,8 +146,10 @@ exports.userCardGridData = [
135
146
  handleButtonClick: function () { return void 0; },
136
147
  isHovered: false,
137
148
  setIsHovered: function () { return void 0; },
149
+ handleCardClick: function () { return void 0; },
138
150
  },
139
151
  {
152
+ id: '7',
140
153
  onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.ONLINE,
141
154
  imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
142
155
  imageAlt: 'Isbella Martineź',
@@ -156,8 +169,10 @@ exports.userCardGridData = [
156
169
  handleButtonClick: function () { return void 0; },
157
170
  isHovered: false,
158
171
  setIsHovered: function () { return void 0; },
172
+ handleCardClick: function () { return void 0; },
159
173
  },
160
174
  {
175
+ id: '8',
161
176
  onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.BUSY,
162
177
  imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
163
178
  imageAlt: 'William Taylor',
@@ -177,8 +192,10 @@ exports.userCardGridData = [
177
192
  handleButtonClick: function () { return void 0; },
178
193
  isHovered: false,
179
194
  setIsHovered: function () { return void 0; },
195
+ handleCardClick: function () { return void 0; },
180
196
  },
181
197
  {
198
+ id: '9',
182
199
  onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.ONLINE,
183
200
  imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
184
201
  imageAlt: 'Ava Wilson',
@@ -198,8 +215,10 @@ exports.userCardGridData = [
198
215
  handleButtonClick: function () { return void 0; },
199
216
  isHovered: false,
200
217
  setIsHovered: function () { return void 0; },
218
+ handleCardClick: function () { return void 0; },
201
219
  },
202
220
  {
221
+ id: '10',
203
222
  onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.ONLINE,
204
223
  imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
205
224
  imageAlt: 'Ethan Brown',
@@ -219,6 +238,7 @@ exports.userCardGridData = [
219
238
  handleButtonClick: function () { return void 0; },
220
239
  isHovered: false,
221
240
  setIsHovered: function () { return void 0; },
241
+ handleCardClick: function () { return void 0; },
222
242
  },
223
243
  ];
224
244
  exports.userGridData = {
package/organisms/user-cards-grid/user-cards-grid.js CHANGED
@@ -63,6 +63,6 @@ var UserCardsGrid = function (_a) {
63
63
  ? (_b = cardItems === null || cardItems === void 0 ? void 0 : cardItems.slice(0, cardsLimit)) === null || _b === void 0 ? void 0 : _b.filter(function (_, index) { return index !== 2; })
64
64
  : cardItems === null || cardItems === void 0 ? void 0 : cardItems.slice(0, cardsLimit);
65
65
  return (react_1.default.createElement("div", { className: "mt-10" },
66
- react_1.default.createElement("div", { className: "grid gap-10 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3" }, filteredCardItems === null || filteredCardItems === void 0 ? void 0 : filteredCardItems.map(function (userData, index) { return (react_1.default.createElement(user_card_1.UserCard, __assign({ key: index }, userData))); }))));
66
+ react_1.default.createElement("div", { className: "grid gap-10 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3" }, filteredCardItems === null || filteredCardItems === void 0 ? void 0 : filteredCardItems.map(function (userData) { return (react_1.default.createElement(user_card_1.UserCard, __assign({ key: userData.id }, userData))); }))));
67
67
  };
68
68
  exports.UserCardsGrid = UserCardsGrid;
package/organisms/user-details/props.js CHANGED
@@ -21,13 +21,9 @@ exports.userDetailsData = {
21
21
  expertIn: 'Love Psychics',
22
22
  onChatClick: function () { return void 0; },
23
23
  otherExpertise: [
24
- { label: 'Clairvoyant', bgColor: '#FFC5671A', textColor: '#FFC567' },
25
- { label: 'Clairaudient', bgColor: '#B880F11A', textColor: '#B880F1' },
26
- {
27
- label: 'Destiny & Life Path',
28
- bgColor: '#9BB8ED1A',
29
- textColor: '#9BB8ED',
30
- },
24
+ { label: 'Psychic Readings' },
25
+ { label: 'Aura Cleansing' },
26
+ { label: 'Angel Readings' },
31
27
  ],
32
28
  fee: '$199.00/min',
33
29
  breadcrumbs: { items: [] },
package/organisms/user-details/type.d.ts CHANGED
@@ -3,23 +3,23 @@ import { BreadcrumbsProps } from '../../molecules/breadcrumbs';
3
3
  import { AttributeItem } from '../attributes-section';
4
4
  import { Expertise } from '../extended-user-card';
5
5
  export interface UserDetailsProps {
6
- heading: string;
7
- userName: string;
8
- bannerImageSrc: string;
9
- aboutTitle: string;
10
6
  aboutImageSrc: string;
11
- description: string;
7
+ aboutTitle: string;
12
8
  attributeHeading: string;
13
9
  attributesData: AttributeItem[];
10
+ avgRating: number;
11
+ bannerImageSrc: string;
12
+ breadcrumbs: BreadcrumbsProps;
13
+ description: string;
14
+ expertIn: string;
15
+ fee: string;
16
+ heading: string;
17
+ onChatClick: () => void;
14
18
  onlineStatus: PSYCHIC_ONLINE_STATUS;
19
+ otherExpertise: Expertise[];
15
20
  profileImageUrl: string;
16
21
  title: string;
17
- fee: string;
18
- avgRating: number;
19
- totalRating: number;
20
22
  totalChat: number;
21
- expertIn: string;
22
- otherExpertise: Expertise[];
23
- onChatClick: () => void;
24
- breadcrumbs: BreadcrumbsProps;
23
+ totalRating: number;
24
+ userName: string;
25
25
  }
package/organisms/user-details/user-details.js CHANGED
@@ -11,13 +11,13 @@ var extended_user_card_1 = require("../extended-user-card");
11
11
  var attributes_section_1 = require("../attributes-section");
12
12
  var section_header_1 = require("../section-header");
13
13
  var UserDetails = function (_a) {
14
- var heading = _a.heading, userName = _a.userName, bannerImageSrc = _a.bannerImageSrc, aboutTitle = _a.aboutTitle, aboutImageSrc = _a.aboutImageSrc, description = _a.description, attributesData = _a.attributesData, attributeHeading = _a.attributeHeading, onlineStatus = _a.onlineStatus, profileImageUrl = _a.profileImageUrl, title = _a.title, totalChat = _a.totalChat, totalRating = _a.totalRating, avgRating = _a.avgRating, expertIn = _a.expertIn, onChatClick = _a.onChatClick, otherExpertise = _a.otherExpertise, fee = _a.fee, breadcrumbs = _a.breadcrumbs;
14
+ var aboutImageSrc = _a.aboutImageSrc, aboutTitle = _a.aboutTitle, attributeHeading = _a.attributeHeading, attributesData = _a.attributesData, avgRating = _a.avgRating, bannerImageSrc = _a.bannerImageSrc, breadcrumbs = _a.breadcrumbs, description = _a.description, expertIn = _a.expertIn, fee = _a.fee, heading = _a.heading, onChatClick = _a.onChatClick, onlineStatus = _a.onlineStatus, otherExpertise = _a.otherExpertise, profileImageUrl = _a.profileImageUrl, title = _a.title, totalChat = _a.totalChat, totalRating = _a.totalRating, userName = _a.userName;
15
15
  return (react_1.default.createElement("section", { className: "kismaa-section-spacing bg-white" },
16
16
  react_1.default.createElement("div", { className: "kismaa-container" },
17
17
  react_1.default.createElement(section_header_1.SectionHeader, { heading: heading, subheading: "", renderCtaButton: false, handleButtonClick: function () { return null; }, breadcrumbs: breadcrumbs }),
18
18
  react_1.default.createElement("div", { className: "grid w-full gap-6 xl:grid-cols-12 xl:gap-24" },
19
19
  react_1.default.createElement("div", { className: "block w-full md:hidden lg:hidden xl:hidden" },
20
- react_1.default.createElement(extended_user_card_1.ExtendedUserCard, { onlineStatus: onlineStatus, imageUrl: profileImageUrl, onChatClick: onChatClick, otherExpertise: otherExpertise, fee: fee, title: title, avgRating: avgRating, totalRating: totalRating, totalChat: totalChat, expertIn: expertIn })),
20
+ react_1.default.createElement(extended_user_card_1.ExtendedUserCard, { avgRating: avgRating, expertIn: expertIn, fee: fee, imageUrl: profileImageUrl, onChatClick: onChatClick, onlineStatus: onlineStatus, otherExpertise: otherExpertise, title: title, totalChat: totalChat, totalRating: totalRating })),
21
21
  react_1.default.createElement("div", { className: "w-full lg:col-span-7 xl:col-span-8" },
22
22
  react_1.default.createElement("div", { className: "mt-4 lg:mt-9" },
23
23
  react_1.default.createElement(user_detail_banner_1.UserDetailBanner, { userName: userName, bannerImageSrc: bannerImageSrc })),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appcorp/kismaa-web-ui",
3
- "version": "0.1.26",
3
+ "version": "0.1.28",
4
4
  "source": "src/index.ts",
5
5
  "main": "lib/main.js",
6
6
  "module": "lib/module.js",
@@ -42,9 +42,9 @@
42
42
  },
43
43
  "dependencies": {},
44
44
  "devDependencies": {
45
- "@appcorp/app-corp-designs": "^0.4.43",
46
- "@appcorp/app-corp-vista": "^0.0.4",
47
- "@appcorp/kismaa-utils": "^0.1.38",
45
+ "@appcorp/app-corp-designs": "^0.4.45",
46
+ "@appcorp/app-corp-vista": "^0.0.31",
47
+ "@appcorp/kismaa-utils": "^0.1.41",
48
48
  "@chromatic-com/storybook": "3.2.2",
49
49
  "@eslint/compat": "^1.2.3",
50
50
  "@headlessui/react": "^2.2.0",