@appcorp/kismaa-web-ui 0.1.23 → 0.1.24

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 (14) hide show
  1. package/atoms/active-icon.d.ts +2 -1
  2. package/atoms/active-icon.js +9 -2
  3. package/molecules/user-card/props.js +6 -2
  4. package/molecules/user-card/type.d.ts +5 -1
  5. package/molecules/user-card/user-card.js +9 -41
  6. package/organisms/extended-user-card/extended-user-card.d.ts +2 -2
  7. package/organisms/extended-user-card/extended-user-card.js +2 -2
  8. package/organisms/extended-user-card/props.js +2 -1
  9. package/organisms/extended-user-card/type.d.ts +2 -1
  10. package/organisms/user-cards-grid/props.js +41 -10
  11. package/organisms/user-details/props.js +2 -1
  12. package/organisms/user-details/type.d.ts +2 -1
  13. package/organisms/user-details/user-details.js +4 -4
  14. package/package.json +2 -2
package/atoms/active-icon.d.ts CHANGED
@@ -1,5 +1,6 @@
1
+ import { PSYCHIC_ONLINE_STATUS } from '@appcorp/kismaa-utils';
1
2
  import { FC } from 'react';
2
3
  export interface ActiveIconProps {
3
- isActive: boolean;
4
+ onlineStatus: PSYCHIC_ONLINE_STATUS;
4
5
  }
5
6
  export declare const ActiveIcon: FC<ActiveIconProps>;
package/atoms/active-icon.js CHANGED
@@ -2,11 +2,18 @@
2
2
  var __importDefault = (this && this.__importDefault) || function (mod) {
3
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
4
  };
5
+ var _a;
5
6
  Object.defineProperty(exports, "__esModule", { value: true });
6
7
  exports.ActiveIcon = void 0;
8
+ var kismaa_utils_1 = require("@appcorp/kismaa-utils");
7
9
  var react_1 = __importDefault(require("react"));
10
+ var statusColorMap = (_a = {},
11
+ _a[kismaa_utils_1.PSYCHIC_ONLINE_STATUS.ONLINE] = 'bg-green-500',
12
+ _a[kismaa_utils_1.PSYCHIC_ONLINE_STATUS.BUSY] = 'bg-orange-500',
13
+ _a[kismaa_utils_1.PSYCHIC_ONLINE_STATUS.OFFLINE] = 'bg-gray-500',
14
+ _a);
8
15
  var ActiveIcon = function (_a) {
9
- var isActive = _a.isActive;
10
- return (react_1.default.createElement("div", { className: "w-fit rounded-full border-2 border-white p-1.5 shadow-[0px_0px_5px_2px_#00000080] lg:p-2 ".concat(isActive ? 'bg-emerald-500/90' : 'bg-gray-400') }));
16
+ var onlineStatus = _a.onlineStatus;
17
+ return (react_1.default.createElement("div", { className: "w-fit rounded-full border-2 border-white p-1.5 shadow-[0px_0px_5px_2px_#00000080] lg:p-2 ".concat(statusColorMap[onlineStatus]) }));
11
18
  };
12
19
  exports.ActiveIcon = ActiveIcon;
package/molecules/user-card/props.js CHANGED
@@ -1,11 +1,15 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.userCardData = void 0;
4
+ var kismaa_utils_1 = require("@appcorp/kismaa-utils");
4
5
  exports.userCardData = {
5
- isActive: true,
6
+ description: '19210 for reading 2001',
7
+ imageAlt: '',
6
8
  imageSrc: '/card-person.jpg',
9
+ isHovered: false,
7
10
  name: 'Manish Kumar Arora',
8
- description: '19210 for reading 2001',
11
+ onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.OFFLINE,
12
+ setIsHovered: function () { return void 0; },
9
13
  badges: [
10
14
  {
11
15
  label: 'Psychic Mediums',
package/molecules/user-card/type.d.ts CHANGED
@@ -1,6 +1,8 @@
1
+ import { PSYCHIC_ONLINE_STATUS } from '@appcorp/kismaa-utils';
1
2
  export interface UserCardProps {
2
- isActive: boolean;
3
+ onlineStatus: PSYCHIC_ONLINE_STATUS;
3
4
  imageSrc: string;
5
+ imageAlt: string;
4
6
  name: string;
5
7
  badges: {
6
8
  label: string;
@@ -13,4 +15,6 @@ export interface UserCardProps {
13
15
  originalPrice: number;
14
16
  handleButtonClick: () => void;
15
17
  description?: string;
18
+ isHovered: boolean;
19
+ setIsHovered: (b: boolean) => void;
16
20
  }
package/molecules/user-card/user-card.js CHANGED
@@ -1,44 +1,11 @@
1
1
  'use client';
2
2
  "use strict";
3
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
4
- if (k2 === undefined) k2 = k;
5
- var desc = Object.getOwnPropertyDescriptor(m, k);
6
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
- desc = { enumerable: true, get: function() { return m[k]; } };
8
- }
9
- Object.defineProperty(o, k2, desc);
10
- }) : (function(o, m, k, k2) {
11
- if (k2 === undefined) k2 = k;
12
- o[k2] = m[k];
13
- }));
14
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
15
- Object.defineProperty(o, "default", { enumerable: true, value: v });
16
- }) : function(o, v) {
17
- o["default"] = v;
18
- });
19
- var __importStar = (this && this.__importStar) || (function () {
20
- var ownKeys = function(o) {
21
- ownKeys = Object.getOwnPropertyNames || function (o) {
22
- var ar = [];
23
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
24
- return ar;
25
- };
26
- return ownKeys(o);
27
- };
28
- return function (mod) {
29
- if (mod && mod.__esModule) return mod;
30
- var result = {};
31
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
32
- __setModuleDefault(result, mod);
33
- return result;
34
- };
35
- })();
36
3
  var __importDefault = (this && this.__importDefault) || function (mod) {
37
4
  return (mod && mod.__esModule) ? mod : { "default": mod };
38
5
  };
39
6
  Object.defineProperty(exports, "__esModule", { value: true });
40
7
  exports.UserCard = void 0;
41
- var react_1 = __importStar(require("react"));
8
+ var react_1 = __importDefault(require("react"));
42
9
  var active_icon_1 = require("../../atoms/active-icon");
43
10
  var button_1 = require("../button");
44
11
  var typography_1 = require("../typography");
@@ -46,25 +13,26 @@ var badge_1 = require("../badge");
46
13
  var type_1 = require("../badge/type");
47
14
  var ratings_1 = require("../ratings");
48
15
  var image_1 = __importDefault(require("next/image"));
16
+ var kismaa_utils_1 = require("@appcorp/kismaa-utils");
49
17
  var UserCard = function (_a) {
50
- var isActive = _a.isActive, imageSrc = _a.imageSrc, name = _a.name, badges = _a.badges, rating = _a.rating, price = _a.price, originalPrice = _a.originalPrice, description = _a.description, handleButtonClick = _a.handleButtonClick;
51
- var _b = (0, react_1.useState)(false), isHovered = _b[0], setIsHovered = _b[1];
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;
52
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); } },
53
20
  react_1.default.createElement("div", { className: "relative overflow-hidden rounded-xl" },
54
21
  react_1.default.createElement("div", { className: "absolute right-4 top-4 z-10" },
55
- react_1.default.createElement(active_icon_1.ActiveIcon, { isActive: isActive })),
22
+ react_1.default.createElement(active_icon_1.ActiveIcon, { onlineStatus: onlineStatus })),
56
23
  react_1.default.createElement("div", { className: "" },
57
24
  react_1.default.createElement("div", { className: "relative pb-[76%]" },
58
- react_1.default.createElement(image_1.default, { src: imageSrc, alt: "Person Image", width: 100, height: 100, className: "absolute inset-0 h-full w-full object-cover" })),
59
- isHovered && isActive && (react_1.default.createElement(react_1.default.Fragment, null,
25
+ react_1.default.createElement(image_1.default, { src: imageSrc, alt: imageAlt, width: 100, height: 100, className: "absolute inset-0 h-full w-full object-cover" })),
26
+ isHovered && onlineStatus === kismaa_utils_1.PSYCHIC_ONLINE_STATUS.ONLINE && (react_1.default.createElement(react_1.default.Fragment, null,
60
27
  react_1.default.createElement("div", { className: "absolute inset-0 bg-gradient-to-b from-transparent to-[rgba(22,18,69,0.85)] transition-opacity duration-300" }),
61
28
  react_1.default.createElement("div", { className: "absolute bottom-7 flex w-full justify-center" },
62
29
  react_1.default.createElement("div", { className: "w-fit" },
63
- react_1.default.createElement(button_1.Button, { label: "Chat Now", type: button_1.BUTTON_TYPES.PRIMARY, size: button_1.BUTTON_SIZES.SM, handleOnClick: function () { return handleButtonClick(); } }))))))),
30
+ react_1.default.createElement(button_1.Button, { label: "Chat Now", type: button_1.BUTTON_TYPES.PRIMARY, size: button_1.BUTTON_SIZES.SM, handleOnClick: handleButtonClick }))))))),
64
31
  react_1.default.createElement("div", { className: "p-4 text-center" },
65
32
  react_1.default.createElement("div", { className: "mb-2" },
66
33
  react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.H3 }, name)),
67
- react_1.default.createElement("div", { className: "mb-2 min-h-5 text-gray-500" }, !!description && (react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.P1 }, description))),
34
+ !!description && (react_1.default.createElement("div", { className: "mb-2 min-h-5 text-gray-500" },
35
+ react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.P1 }, description))),
68
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 },
69
37
  react_1.default.createElement(badge_1.Badge, { label: badge.label, type: type_1.BADGE_TYPE.CARD_BADGE }))); })),
70
38
  react_1.default.createElement("div", { className: "my-5 flex justify-center" },
package/organisms/extended-user-card/extended-user-card.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- import React from 'react';
1
+ import { FC } from 'react';
2
2
  import { ExtendedUserCardProps } from './type';
3
- export declare const ExtendedUserCard: React.FC<ExtendedUserCardProps>;
3
+ export declare const ExtendedUserCard: FC<ExtendedUserCardProps>;
package/organisms/extended-user-card/extended-user-card.js CHANGED
@@ -11,11 +11,11 @@ var horizontal_divider_1 = require("../../molecules/horizontal-divider/horizonta
11
11
  var react_1 = __importDefault(require("react"));
12
12
  var image_1 = __importDefault(require("next/image"));
13
13
  var ExtendedUserCard = function (_a) {
14
- var avgRating = _a.avgRating, expertIn = _a.expertIn, fee = _a.fee, imageUrl = _a.imageUrl, isActive = _a.isActive, onChatClick = _a.onChatClick, otherExpertise = _a.otherExpertise, title = _a.title, totalChat = _a.totalChat, totalRating = _a.totalRating;
14
+ var avgRating = _a.avgRating, expertIn = _a.expertIn, fee = _a.fee, imageUrl = _a.imageUrl, onChatClick = _a.onChatClick, onlineStatus = _a.onlineStatus, otherExpertise = _a.otherExpertise, title = _a.title, totalChat = _a.totalChat, totalRating = _a.totalRating;
15
15
  return (react_1.default.createElement("div", { className: "overflow-hidden rounded-xl border-[1px] border-gray-300" },
16
16
  react_1.default.createElement("div", { className: "relative" },
17
17
  react_1.default.createElement("div", { className: "absolute right-3 top-3 z-10" },
18
- react_1.default.createElement(active_icon_1.ActiveIcon, { isActive: isActive })),
18
+ react_1.default.createElement(active_icon_1.ActiveIcon, { onlineStatus: onlineStatus })),
19
19
  react_1.default.createElement("div", { className: "h-72 w-full overflow-hidden rounded-xl" },
20
20
  react_1.default.createElement(image_1.default, { width: 0, height: 0, src: imageUrl, alt: title, className: "h-full w-full object-cover object-center" }))),
21
21
  react_1.default.createElement("div", { className: "mx-4 my-7 lg:mx-5 lg:my-6" },
package/organisms/extended-user-card/props.js CHANGED
@@ -1,8 +1,9 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.extendedUserCardData = void 0;
4
+ var kismaa_utils_1 = require("@appcorp/kismaa-utils");
4
5
  exports.extendedUserCardData = {
5
- isActive: true,
6
+ onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.OFFLINE,
6
7
  imageUrl: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
7
8
  title: 'TRUE HEALER',
8
9
  fee: '$199.00/min',
package/organisms/extended-user-card/type.d.ts CHANGED
@@ -1,10 +1,11 @@
1
+ import { PSYCHIC_ONLINE_STATUS } from '@appcorp/kismaa-utils';
1
2
  export interface Expertise {
2
3
  label: string;
3
4
  bgColor: string;
4
5
  textColor: string;
5
6
  }
6
7
  export interface ExtendedUserCardProps {
7
- isActive: boolean;
8
+ onlineStatus: PSYCHIC_ONLINE_STATUS;
8
9
  imageUrl: string;
9
10
  title: string;
10
11
  fee: string;
package/organisms/user-cards-grid/props.js CHANGED
@@ -1,10 +1,12 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.userGridData = exports.userCardGridData = void 0;
4
+ var kismaa_utils_1 = require("@appcorp/kismaa-utils");
4
5
  exports.userCardGridData = [
5
6
  {
6
- isActive: true,
7
+ onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.ONLINE,
7
8
  imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
9
+ imageAlt: '',
8
10
  name: 'Emma Thompson',
9
11
  description: '15420 reading for 2005',
10
12
  badges: [
@@ -28,10 +30,13 @@ exports.userCardGridData = [
28
30
  price: { current: 1, duration: 5 },
29
31
  originalPrice: 2,
30
32
  handleButtonClick: function () { return void 0; },
33
+ isHovered: false,
34
+ setIsHovered: function () { return void 0; },
31
35
  },
32
36
  {
33
- isActive: false,
37
+ onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.ONLINE,
34
38
  imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
39
+ imageAlt: '',
35
40
  name: 'Michael Chen',
36
41
  description: '15420 reading for 2005',
37
42
  badges: [
@@ -46,10 +51,13 @@ exports.userCardGridData = [
46
51
  price: { current: 1.5, duration: 10 },
47
52
  originalPrice: 3,
48
53
  handleButtonClick: function () { return void 0; },
54
+ isHovered: false,
55
+ setIsHovered: function () { return void 0; },
49
56
  },
50
57
  {
51
- isActive: true,
58
+ onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.OFFLINE,
52
59
  imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
60
+ imageAlt: '',
53
61
  name: 'Sophia Rodriguez',
54
62
  description: '15420 reading for 2005',
55
63
  badges: [
@@ -64,10 +72,13 @@ exports.userCardGridData = [
64
72
  price: { current: 2, duration: 15 },
65
73
  originalPrice: 4,
66
74
  handleButtonClick: function () { return void 0; },
75
+ isHovered: false,
76
+ setIsHovered: function () { return void 0; },
67
77
  },
68
78
  {
69
- isActive: true,
79
+ onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.ONLINE,
70
80
  imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
81
+ imageAlt: 'Alex Johnson',
71
82
  name: 'Alex Johnson',
72
83
  badges: [
73
84
  {
@@ -81,10 +92,13 @@ exports.userCardGridData = [
81
92
  price: { current: 1.2, duration: 8 },
82
93
  originalPrice: 2.4,
83
94
  handleButtonClick: function () { return void 0; },
95
+ isHovered: false,
96
+ setIsHovered: function () { return void 0; },
84
97
  },
85
98
  {
86
- isActive: false,
99
+ onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.OFFLINE,
87
100
  imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
101
+ imageAlt: 'Olivia Baker',
88
102
  name: 'Olivia Baker',
89
103
  badges: [
90
104
  {
@@ -98,10 +112,13 @@ exports.userCardGridData = [
98
112
  price: { current: 1.8, duration: 12 },
99
113
  originalPrice: 3.6,
100
114
  handleButtonClick: function () { return void 0; },
115
+ isHovered: false,
116
+ setIsHovered: function () { return void 0; },
101
117
  },
102
118
  {
103
- isActive: true,
119
+ onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.ONLINE,
104
120
  imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
121
+ imageAlt: 'Daniel Lee',
105
122
  name: 'Daniel Lee',
106
123
  description: '15420 reading for 2005',
107
124
  badges: [
@@ -116,10 +133,13 @@ exports.userCardGridData = [
116
133
  price: { current: 1.5, duration: 10 },
117
134
  originalPrice: 3,
118
135
  handleButtonClick: function () { return void 0; },
136
+ isHovered: false,
137
+ setIsHovered: function () { return void 0; },
119
138
  },
120
139
  {
121
- isActive: true,
140
+ onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.ONLINE,
122
141
  imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
142
+ imageAlt: 'Isbella Martineź',
123
143
  name: 'Isabella Martinez',
124
144
  description: '15420 reading for 2005',
125
145
  badges: [
@@ -134,10 +154,13 @@ exports.userCardGridData = [
134
154
  price: { current: 2.2, duration: 15 },
135
155
  originalPrice: 4.4,
136
156
  handleButtonClick: function () { return void 0; },
157
+ isHovered: false,
158
+ setIsHovered: function () { return void 0; },
137
159
  },
138
160
  {
139
- isActive: false,
161
+ onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.BUSY,
140
162
  imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
163
+ imageAlt: 'William Taylor',
141
164
  name: 'William Taylor',
142
165
  description: '15420 reading for 2005',
143
166
  badges: [
@@ -152,10 +175,13 @@ exports.userCardGridData = [
152
175
  price: { current: 1.3, duration: 8 },
153
176
  originalPrice: 2.6,
154
177
  handleButtonClick: function () { return void 0; },
178
+ isHovered: false,
179
+ setIsHovered: function () { return void 0; },
155
180
  },
156
181
  {
157
- isActive: true,
182
+ onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.ONLINE,
158
183
  imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
184
+ imageAlt: 'Ava Wilson',
159
185
  name: 'Ava Wilson',
160
186
  description: '15420 reading for 2005',
161
187
  badges: [
@@ -170,10 +196,13 @@ exports.userCardGridData = [
170
196
  price: { current: 1.7, duration: 12 },
171
197
  originalPrice: 3.4,
172
198
  handleButtonClick: function () { return void 0; },
199
+ isHovered: false,
200
+ setIsHovered: function () { return void 0; },
173
201
  },
174
202
  {
175
- isActive: true,
203
+ onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.ONLINE,
176
204
  imageSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/psychic.webp',
205
+ imageAlt: 'Ethan Brown',
177
206
  name: 'Ethan Brown',
178
207
  description: '15420 reading for 2005',
179
208
  badges: [
@@ -188,6 +217,8 @@ exports.userCardGridData = [
188
217
  price: { current: 1.6, duration: 10 },
189
218
  originalPrice: 3.2,
190
219
  handleButtonClick: function () { return void 0; },
220
+ isHovered: false,
221
+ setIsHovered: function () { return void 0; },
191
222
  },
192
223
  ];
193
224
  exports.userGridData = {
package/organisms/user-details/props.js CHANGED
@@ -1,6 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.userDetailsData = void 0;
4
+ var kismaa_utils_1 = require("@appcorp/kismaa-utils");
4
5
  var props_1 = require("../attributes-section/props");
5
6
  exports.userDetailsData = {
6
7
  heading: 'Advisors',
@@ -11,7 +12,7 @@ exports.userDetailsData = {
11
12
  description: 'My clairsentient abilities enable me to receive psychic insights by sensing subtle energies and interpreting images from my angels. Starting as a teenager, I discovered my unique gift of consistently seeing a persons soul, always radiating unconditional love, irrespective of their actions. Guided by my angels, Ive honed this ability over 42 years of continuous learning. My extensive practice has allowed me to develop a range of skills, including clairaudience, clairvoyance, empathic abilities, autowriting, energy reading, and Tarot. Remote psychic readings are facilitated by tapping into your energy field, providing accurate insights for both you and those close to you.',
12
13
  attributesData: props_1.attributesData,
13
14
  attributeHeading: 'My Attributes',
14
- isActive: true,
15
+ onlineStatus: kismaa_utils_1.PSYCHIC_ONLINE_STATUS.ONLINE,
15
16
  profileImageUrl: '/card-person.jpg',
16
17
  title: 'TRUE HEALER',
17
18
  totalChat: 0,
package/organisms/user-details/type.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import { PSYCHIC_ONLINE_STATUS } from '@appcorp/kismaa-utils';
1
2
  import { BreadcrumbsProps } from '../../molecules/breadcrumbs';
2
3
  import { AttributeItem } from '../attributes-section';
3
4
  import { Expertise } from '../extended-user-card';
@@ -10,7 +11,7 @@ export interface UserDetailsProps {
10
11
  description: string;
11
12
  attributeHeading: string;
12
13
  attributesData: AttributeItem[];
13
- isActive: true;
14
+ onlineStatus: PSYCHIC_ONLINE_STATUS;
14
15
  profileImageUrl: string;
15
16
  title: string;
16
17
  fee: string;
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, isActive = _a.isActive, 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 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;
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, { isActive: isActive, 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, { onlineStatus: onlineStatus, imageUrl: profileImageUrl, onChatClick: onChatClick, otherExpertise: otherExpertise, fee: fee, title: title, avgRating: avgRating, totalRating: totalRating, totalChat: totalChat, expertIn: expertIn })),
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 })),
@@ -27,8 +27,8 @@ var UserDetails = function (_a) {
27
27
  react_1.default.createElement("div", { className: "lg:col-span-7 xl:col-span-9" },
28
28
  react_1.default.createElement(attributes_section_1.AttributeSection, { attributesData: attributesData, sectionHeading: attributeHeading })),
29
29
  react_1.default.createElement("div", { className: "hidden w-full md:block lg:col-span-5 xl:hidden" },
30
- react_1.default.createElement(extended_user_card_1.ExtendedUserCard, { isActive: isActive, imageUrl: profileImageUrl, onChatClick: onChatClick, otherExpertise: otherExpertise, fee: fee, title: title, avgRating: avgRating, totalRating: totalRating, totalChat: totalChat, expertIn: expertIn })))),
30
+ 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 })))),
31
31
  react_1.default.createElement("div", { className: "hidden w-full lg:col-span-4 lg:hidden xl:block" },
32
- react_1.default.createElement(extended_user_card_1.ExtendedUserCard, { isActive: isActive, imageUrl: profileImageUrl, onChatClick: onChatClick, otherExpertise: otherExpertise, fee: fee, title: title, avgRating: avgRating, totalRating: totalRating, totalChat: totalChat, expertIn: expertIn }))))));
32
+ 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 }))))));
33
33
  };
34
34
  exports.UserDetails = UserDetails;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appcorp/kismaa-web-ui",
3
- "version": "0.1.23",
3
+ "version": "0.1.24",
4
4
  "source": "src/index.ts",
5
5
  "main": "lib/main.js",
6
6
  "module": "lib/module.js",
@@ -44,7 +44,7 @@
44
44
  "devDependencies": {
45
45
  "@appcorp/app-corp-designs": "^0.4.43",
46
46
  "@appcorp/app-corp-vista": "^0.0.4",
47
- "@appcorp/kismaa-utils": "^0.1.36",
47
+ "@appcorp/kismaa-utils": "^0.1.38",
48
48
  "@chromatic-com/storybook": "3.2.2",
49
49
  "@eslint/compat": "^1.2.3",
50
50
  "@headlessui/react": "^2.2.0",