@appcorp/kismaa-web-ui 0.1.100 → 0.2.2

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.
@@ -12,6 +12,7 @@ exports.customerReviewData = {
12
12
  isTrustPilot: true,
13
13
  quoteIconFill: '#B689E5',
14
14
  triangleIconFill: '#E7DEF1',
15
+ trustPilotSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/trust-pilot.svg',
15
16
  },
16
17
  {
17
18
  quote: 'Lorem Ipsum is a simply dummy text of an the printing and type settings for has been the industrys standard dumy text the ever since unknown printer.',
@@ -22,6 +23,7 @@ exports.customerReviewData = {
22
23
  isTrustPilot: true,
23
24
  quoteIconFill: '#B689E5',
24
25
  triangleIconFill: '#E7DEF1',
26
+ trustPilotSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/trust-pilot.svg',
25
27
  },
26
28
  {
27
29
  quote: 'Lorem Ipsum is a simply dummy text of an the printing and type settings for has been the industrys standard dumy text the ever since unknown printer.',
@@ -32,6 +34,7 @@ exports.customerReviewData = {
32
34
  isTrustPilot: true,
33
35
  quoteIconFill: '#B689E5',
34
36
  triangleIconFill: '#E7DEF1',
37
+ trustPilotSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/trust-pilot.svg',
35
38
  },
36
39
  {
37
40
  quote: 'Lorem Ipsum is a simply dummy text of an the printing and type settings for has been the industrys standard dumy text the ever since unknown printer.',
@@ -42,6 +45,7 @@ exports.customerReviewData = {
42
45
  isTrustPilot: true,
43
46
  quoteIconFill: '#B689E5',
44
47
  triangleIconFill: '#E7DEF1',
48
+ trustPilotSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/trust-pilot.svg',
45
49
  },
46
50
  {
47
51
  quote: 'Lorem Ipsum is a simply dummy text of an the printing and type settings for has been the industrys standard dumy text the ever since unknown printer.',
@@ -52,6 +56,7 @@ exports.customerReviewData = {
52
56
  isTrustPilot: true,
53
57
  quoteIconFill: '#B689E5',
54
58
  triangleIconFill: '#E7DEF1',
59
+ trustPilotSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/trust-pilot.svg',
55
60
  },
56
61
  ],
57
62
  heading: 'Customer Reviews',
@@ -7,6 +7,7 @@ export interface Review {
7
7
  isTrustPilot: boolean;
8
8
  quoteIconFill: string;
9
9
  triangleIconFill: string;
10
+ trustPilotSrc: string;
10
11
  }
11
12
  export interface CustomerReviewsProps {
12
13
  reviews: Review[];
@@ -96,12 +96,13 @@ var Footer = function (_a) {
96
96
  react_1.default.createElement("div", { className: "block h-full w-fit" },
97
97
  react_1.default.createElement("div", { className: "text-neutral-800" },
98
98
  react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.H5 }, "Payment Solutions")),
99
- react_1.default.createElement("div", { className: "mt-6 flex flex-wrap gap-2" },
100
- react_1.default.createElement("table", null,
99
+ react_1.default.createElement("div", { className: "mt-6 flex flex-wrap items-start gap-2" },
100
+ react_1.default.createElement("table", { className: "w-full" },
101
101
  react_1.default.createElement("tbody", null,
102
102
  react_1.default.createElement("tr", null,
103
- react_1.default.createElement("td", { align: "center" },
104
- react_1.default.createElement("a", { href: "https://www.paypal.com/webapps/mpp/paypal-popup", title: "How PayPal Works" },
105
- react_1.default.createElement(image_1.default, { alt: "PayPal Acceptance Mark", height: 90, src: "https://ccxavhjpwqlubqxzrdqp.supabase.co/storage/v1/object/public/publicBlob/assets/paypal-solutions.png", width: 220 })))))))))))));
103
+ react_1.default.createElement("td", null,
104
+ react_1.default.createElement("a", { href: "", title: "How PayPal Works" },
105
+ react_1.default.createElement("div", { className: "relative h-32 w-full" },
106
+ react_1.default.createElement(image_1.default, { alt: "PayPal Acceptance Mark", className: "object-contain object-top", fill: true, height: 0, sizes: "20vw", src: "https://ccxavhjpwqlubqxzrdqp.supabase.co/storage/v1/object/public/publicBlob/assets/paypal-solutions.png", width: 0 }))))))))))))));
106
107
  };
107
108
  exports.Footer = Footer;
@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.ReviewCardData = void 0;
4
4
  exports.ReviewCardData = {
5
5
  isActive: false,
6
- quote: 'Lorem Ipsum is a simply dummy text of an the printing and type settings for has been the industrys standard dumy text the ever since unknown printer.',
7
- personImage: '/person-img.png',
8
- name: 'John Smith',
9
- role: 'Web Developer',
10
- rating: 4.5,
11
6
  isTrustPilot: true,
7
+ name: 'John Smith',
8
+ quote: 'Lorem Ipsum is a simply dummy text of an the printing and type settings for has been the industrys standard dumy text the ever since unknown printer.',
12
9
  quoteIconFill: '#B689E5',
10
+ rating: 4.5,
11
+ role: 'Web Developer',
12
+ trustPilotSrc: 'https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/trust-pilot.svg',
13
13
  };
@@ -11,7 +11,7 @@ var ratings_1 = require("../../molecules/ratings/ratings");
11
11
  var image_1 = __importDefault(require("next/image"));
12
12
  var util_functions_1 = require("@react-pakistan/util-functions");
13
13
  var ReviewCard = function (_a) {
14
- var _b = _a.isActive, isActive = _b === void 0 ? false : _b, quote = _a.quote, personImage = _a.personImage, name = _a.name, rating = _a.rating, isTrustPilot = _a.isTrustPilot, _c = _a.quoteIconFill, quoteIconFill = _c === void 0 ? '#B689E5' : _c;
14
+ var _b = _a.isActive, isActive = _b === void 0 ? false : _b, isTrustPilot = _a.isTrustPilot, name = _a.name, quote = _a.quote, _c = _a.quoteIconFill, quoteIconFill = _c === void 0 ? '#B689E5' : _c, rating = _a.rating, trustPilotSrc = _a.trustPilotSrc;
15
15
  return (react_1.default.createElement("div", null,
16
16
  react_1.default.createElement("div", { className: "relative min-h-60 w-full rounded-lg p-10 ".concat(isActive
17
17
  ? 'bg-purple-400/75 text-white'
@@ -19,7 +19,8 @@ var ReviewCard = function (_a) {
19
19
  react_1.default.createElement("div", { className: "grid grid-cols-2" },
20
20
  react_1.default.createElement(quote_icon_1.QuoteIcon, { fill: isActive ? '#FFF' : quoteIconFill, className: "size-10" }),
21
21
  react_1.default.createElement("div", { className: "flex flex-row-reverse gap-2" },
22
- isTrustPilot && (react_1.default.createElement(image_1.default, { src: "https://ytiwekjzaihrkrirjgpk.supabase.co/storage/v1/object/public/publicBlob/assets/trust-pilot.svg", alt: "Trustpilot logo", width: 50, height: 50 })),
22
+ isTrustPilot && (react_1.default.createElement("div", { className: "relative size-10" },
23
+ react_1.default.createElement(image_1.default, { alt: "Trustpilot logo", fill: true, height: 0, sizes: "10vw", src: trustPilotSrc, width: 0 }))),
23
24
  react_1.default.createElement("div", { className: "flex flex-col items-end" },
24
25
  react_1.default.createElement("div", { className: "font-secondary" },
25
26
  react_1.default.createElement(molecules_1.Typography, { variant: molecules_1.TYPOGRAPHY_VARIANTS.H5 }, (0, util_functions_1.truncateText)(name, 10))),
@@ -1,10 +1,10 @@
1
1
  export interface ReviewCardProps {
2
2
  isActive?: boolean;
3
3
  quote: string;
4
- personImage: string;
5
4
  name: string;
6
5
  role: string;
7
6
  rating: number;
8
7
  isTrustPilot: boolean;
9
8
  quoteIconFill?: string;
9
+ trustPilotSrc: string;
10
10
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appcorp/kismaa-web-ui",
3
- "version": "0.1.100",
3
+ "version": "0.2.2",
4
4
  "source": "src/index.ts",
5
5
  "main": "lib/main.js",
6
6
  "module": "lib/module.js",