@npm_leadtech/legal-lib-components 7.106.7 → 7.106.8
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.
- package/dist/images/componentsSvg/TrustpilotLogo.d.ts +7 -0
- package/dist/images/componentsSvg/TrustpilotLogo.js +2 -0
- package/dist/images/componentsSvg/TrustpilotLogo.tsx +30 -0
- package/dist/images/componentsSvg/TrustpilotStars.d.ts +7 -0
- package/dist/images/componentsSvg/TrustpilotStars.js +2 -0
- package/dist/images/componentsSvg/TrustpilotStars.tsx +33 -0
- package/dist/images/componentsSvg/__tests__/TrustpilotLogo.test.tsx +28 -0
- package/dist/images/componentsSvg/__tests__/TrustpilotStars.test.tsx +28 -0
- package/dist/src/components/atoms/TrustPilotWidget/TrustPilotWidget.js +4 -4
- package/dist/src/components/atoms/TrustPilotWidget/TrustPilotWidget.styled.js +7 -1
- package/dist/src/components/atoms/TrustPilotWidget/TrustPilotWidget.styled.ts +7 -1
- package/dist/src/components/atoms/TrustPilotWidget/TrustPilotWidget.tsx +7 -17
- package/dist/src/components/atoms/TrustPilotWidget/TrustPilotWidgetProps.types.d.ts +2 -2
- package/dist/src/components/atoms/TrustPilotWidget/TrustPilotWidgetProps.types.ts +2 -2
- package/package.json +1 -1
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
export const TrustpilotLogo = ({ className = '', onClick }) => (_jsxs("svg", { className: className, onClick: onClick, width: '80', height: '20', viewBox: '0 0 80 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', children: [_jsx("path", { d: 'M61.7993 7.14282H63.4268V8.67053H61.7993V7.14282ZM20.0136 7.14282H28.2459V8.67054H25.0045V17.2825H23.2278V8.67054H20L20.0136 7.14282ZM27.8933 9.9414H29.4123V11.361H29.4394C29.4937 11.1582 29.5886 10.9689 29.7243 10.7796C29.8599 10.5903 30.0226 10.4146 30.2261 10.2659C30.4159 10.1036 30.6329 9.98196 30.8771 9.88733C31.1076 9.79269 31.3517 9.73861 31.5959 9.73861C31.7147 9.73861 31.8123 9.74391 31.8853 9.74787C31.929 9.75024 31.9638 9.75213 31.9892 9.75213C32.057 9.76565 32.1384 9.77917 32.2062 9.77917V11.3339C32.0977 11.3069 31.9756 11.2934 31.8536 11.2798L31.8536 11.2798L31.8203 11.2761L31.8203 11.2761C31.7115 11.264 31.6118 11.2528 31.5009 11.2528C31.2297 11.2528 30.972 11.3069 30.7279 11.415C30.4838 11.5232 30.2803 11.6854 30.0904 11.8882C29.9141 12.1045 29.7649 12.3614 29.6564 12.6724C29.5479 12.9833 29.4937 13.3483 29.4937 13.7539V17.242H27.8662L27.8933 9.9414ZM38.065 17.2825H39.6654H39.6789V9.94138H38.0515V14.2001C38.0515 14.484 38.0243 14.7544 37.9565 14.9977C37.8887 15.2411 37.7938 15.4574 37.6446 15.6331C37.509 15.8089 37.3191 15.9441 37.0885 16.0522C36.858 16.1604 36.5732 16.2145 36.2341 16.2145C35.7865 16.2145 35.4339 16.0793 35.1898 15.8089C34.9321 15.552 34.8101 15.0923 34.8101 14.4434V9.94138H33.1826V14.6056C33.1826 15.5655 33.3996 16.2956 33.8336 16.7688C34.2676 17.2555 34.9728 17.4853 35.9357 17.4853C36.3426 17.4853 36.7495 17.3772 37.1428 17.1473C37.5361 16.9175 37.8345 16.6336 38.0379 16.255H38.065V17.2825ZM42.432 14.9301C42.4863 15.4033 42.6626 15.7278 42.9745 15.9306C43.2864 16.1198 43.6662 16.2145 44.1002 16.2145C44.2494 16.2145 44.4257 16.2009 44.6156 16.1739C44.8054 16.1469 44.9953 16.1063 45.158 16.0387C45.3344 15.9711 45.47 15.8765 45.5785 15.7413C45.687 15.6061 45.7412 15.4438 45.7277 15.2411C45.7141 15.0383 45.6463 14.8625 45.4971 14.7273C45.3479 14.5921 45.1716 14.4975 44.9546 14.4028C44.7376 14.3217 44.4799 14.2541 44.1951 14.2C43.9634 14.156 43.7317 14.1031 43.4927 14.0485L43.3271 14.0108C43.0288 13.9432 42.7304 13.8621 42.4456 13.7674C42.1608 13.6728 41.9166 13.5511 41.6861 13.3753C41.4691 13.2131 41.2792 13.0103 41.1571 12.7534C41.0215 12.4966 40.9537 12.1991 40.9537 11.8206C40.9537 11.415 41.0486 11.0905 41.2521 10.8201C41.442 10.5498 41.6996 10.3334 41.998 10.1712C42.2964 10.009 42.6354 9.88729 43.0016 9.81969C43.3678 9.75209 43.7204 9.72505 44.0459 9.72505C44.4257 9.72505 44.7919 9.76561 45.1309 9.84673C45.47 9.92785 45.7955 10.0495 46.0667 10.2388C46.3515 10.4146 46.5821 10.6579 46.7584 10.9418C46.9483 11.2257 47.0568 11.5772 47.111 11.9828H45.4157C45.3344 11.5908 45.158 11.3339 44.8868 11.1987C44.602 11.0635 44.2901 10.9959 43.9239 10.9959C43.8154 10.9959 43.6662 11.0094 43.517 11.0229C43.3542 11.05 43.2186 11.077 43.0694 11.1311C42.9338 11.1852 42.8118 11.2663 42.7168 11.3609C42.6219 11.4556 42.5676 11.5908 42.5676 11.753C42.5676 11.9558 42.6354 12.1045 42.7711 12.2262C42.9067 12.3479 43.083 12.4425 43.3136 12.5371C43.5306 12.6182 43.7882 12.6858 44.0731 12.7399C44.3579 12.794 44.6562 12.8616 44.9546 12.9292C45.253 12.9968 45.5378 13.0779 45.8226 13.1726C46.1074 13.2672 46.3651 13.3889 46.5821 13.5646C46.7991 13.7269 46.989 13.9297 47.1246 14.173C47.2602 14.4164 47.328 14.7273 47.328 15.0788C47.328 15.5114 47.2331 15.8765 47.0297 16.1874C46.8262 16.4849 46.5685 16.7417 46.2566 16.931C45.9447 17.1203 45.5785 17.2555 45.1987 17.3501C44.8054 17.4312 44.4257 17.4853 44.0459 17.4853C43.5848 17.4853 43.1508 17.4312 42.7575 17.3231C42.3642 17.2149 42.0116 17.0527 41.7268 16.8499C41.442 16.6336 41.2114 16.3767 41.0486 16.0522C40.8859 15.7413 40.791 15.3627 40.7774 14.9166H42.4184V14.9301H42.432ZM49.0233 9.94138H47.7891V11.1446H49.0233V15.4709C49.0369 15.7683 49.064 16.0522 49.1182 16.2821C49.1725 16.5119 49.2674 16.7012 49.4166 16.8634C49.5658 17.0121 49.7692 17.1338 50.0269 17.2149C50.2846 17.296 50.6237 17.3366 51.0576 17.3366C51.2475 17.3366 51.4103 17.3366 51.5866 17.3096C51.7629 17.296 51.9392 17.2825 52.1155 17.2555V15.9982C52.0178 16.0225 51.909 16.0359 51.809 16.0482L51.7765 16.0522C51.668 16.0658 51.5459 16.0658 51.4374 16.0658C51.2475 16.0658 51.1119 16.0387 51.0034 15.9982C50.9085 15.9576 50.8271 15.89 50.7728 15.8089C50.7322 15.7278 50.6915 15.6196 50.6779 15.4979L50.6779 15.4979C50.6643 15.3627 50.6508 15.2275 50.6508 15.0518V11.1311H52.1155V9.92786H50.6508V7.72416H49.0233V9.94138ZM53.2685 9.9414H54.7875V10.9419H54.8146C55.0451 10.5092 55.3571 10.2118 55.764 10.0225C56.1708 9.83325 56.6048 9.73861 57.0931 9.73861C57.6762 9.73861 58.1781 9.83325 58.6121 10.0496C59.046 10.2524 59.3987 10.5227 59.6835 10.8878C59.9683 11.2393 60.1853 11.6584 60.3209 12.1316C60.4565 12.6048 60.5379 13.1185 60.5379 13.6458C60.5379 14.146 60.4701 14.6192 60.348 15.0789C60.2124 15.5385 60.0225 15.9576 59.7649 16.3091C59.5072 16.6606 59.1817 16.9446 58.7748 17.1609C58.3679 17.3772 57.9068 17.4853 57.3643 17.4853C57.1338 17.4853 56.8896 17.4583 56.6591 17.4177C56.4285 17.3772 56.1979 17.3096 55.9809 17.215C55.764 17.1203 55.5605 16.9986 55.3842 16.8499C55.1943 16.7012 55.0451 16.5255 54.9231 16.3362H54.896V20H53.2685V9.9414ZM58.802 12.6588C58.8969 12.9698 58.9376 13.2942 58.9376 13.6187C58.9376 13.9432 58.8969 14.2541 58.8291 14.5786C58.7613 14.8896 58.6392 15.16 58.4765 15.4033C58.3002 15.6331 58.0967 15.8359 57.8391 15.9847C57.5814 16.1334 57.283 16.2145 56.9032 16.2145C56.5642 16.2145 56.2794 16.1469 56.0217 16.0117C55.764 15.8765 55.547 15.7007 55.3707 15.4709C55.1808 15.2411 55.0588 14.9707 54.9638 14.6597C54.8689 14.3488 54.8282 14.0108 54.8282 13.6322C54.8282 12.8481 55.0045 12.2127 55.3436 11.7395C55.6962 11.2663 56.2116 11.0365 56.8897 11.0365C57.2152 11.0365 57.5136 11.1041 57.7712 11.2528C58.0154 11.4015 58.2324 11.5908 58.4087 11.8341C58.585 12.0775 58.7206 12.3479 58.802 12.6588ZM63.4268 9.94138H61.7993V17.2825H63.4268V9.94138ZM64.8779 7.14282H66.5054V17.2825H64.8779V7.14282ZM69.896 17.1879C70.3571 17.3907 70.886 17.4853 71.4692 17.4853C72.066 17.4853 72.5813 17.3772 73.0425 17.1879C73.5036 16.9986 73.8969 16.7282 74.2088 16.3903C74.5208 16.0387 74.7513 15.6332 74.9276 15.16C75.104 14.6868 75.1853 14.173 75.1853 13.6052C75.1853 13.0509 75.0904 12.5372 74.9276 12.064C74.7649 11.5908 74.5208 11.1717 74.2088 10.8337C73.8833 10.4957 73.5036 10.2253 73.0425 10.036C72.5813 9.83325 72.0524 9.73861 71.4692 9.73861C70.886 9.73861 70.3571 9.84677 69.896 10.036C69.4349 10.2253 69.0416 10.4957 68.7296 10.8337C68.4177 11.1852 68.1736 11.5908 68.0108 12.064C67.8345 12.5372 67.7531 13.0509 67.7531 13.6052C67.7531 14.1595 67.8481 14.6868 68.0108 15.16C68.1736 15.6332 68.4177 16.0523 68.7296 16.3903C69.0551 16.7282 69.4349 16.9851 69.896 17.1879ZM71.4693 16.201C71.8219 16.201 72.1474 16.1198 72.4051 15.9711C72.6763 15.8224 72.8797 15.6196 73.0561 15.3763C73.2324 15.1329 73.3544 14.849 73.4358 14.5516C73.5172 14.2406 73.5579 13.9297 73.5579 13.6052C73.5579 13.2942 73.5172 12.9833 73.4358 12.6723C73.3544 12.3614 73.2324 12.091 73.0561 11.8477C72.8797 11.6043 72.6628 11.415 72.4051 11.2663C72.1338 11.1176 71.8219 11.0365 71.4693 11.0365C71.1166 11.0365 70.7911 11.1176 70.5335 11.2663C70.2622 11.415 70.0588 11.6178 69.8825 11.8477C69.7062 12.091 69.5841 12.3614 69.5027 12.6723C69.4213 12.9833 69.3807 13.2942 69.3807 13.6052C69.3807 13.9297 69.4213 14.2406 69.5027 14.5516C69.5841 14.8625 69.7062 15.1329 69.8825 15.3763C70.0588 15.6196 70.2758 15.8224 70.5335 15.9711C70.8047 16.1334 71.1166 16.201 71.4693 16.201ZM76.9077 9.94138H75.6736V11.1446H76.9077V15.4709C76.9213 15.7683 76.9484 16.0522 77.0027 16.2821C77.0569 16.5119 77.1519 16.7012 77.3011 16.8634C77.4502 17.0121 77.6537 17.1338 77.9114 17.2149C78.1691 17.296 78.5081 17.3366 78.9421 17.3366C79.132 17.3366 79.2947 17.3366 79.471 17.3096C79.6474 17.296 79.8237 17.2825 80 17.2555V15.9982C79.9022 16.0225 79.7934 16.0359 79.6935 16.0482C79.6825 16.0496 79.6717 16.0509 79.6609 16.0522C79.5524 16.0658 79.4304 16.0658 79.3219 16.0658C79.132 16.0658 78.9964 16.0387 78.8879 15.9982C78.7929 15.9576 78.7115 15.89 78.6573 15.8089C78.6166 15.7278 78.5759 15.6196 78.5624 15.4979C78.5488 15.3627 78.5352 15.2275 78.5352 15.0518V11.1311H80V9.92786H78.5352V7.72416H76.9077V9.94138Z', fillRule: 'evenodd', clipRule: 'evenodd', fill: '#1E2021' }), _jsx("path", { d: 'M18.5714 7.09684H11.4763L9.29218 0L7.09514 7.09684L0 7.08325L5.73814 11.4746L3.54111 18.5714L9.27925 14.1801L15.0174 18.5714L12.8333 11.4746L18.5714 7.09684Z', fill: '#00B67A' }), _jsx("path", { d: 'M13.3093 13.0247L12.8334 11.4814L9.26166 14.1855L13.3093 13.0247Z', fill: '#005128' })] }));
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React, { type FC } from 'react'
|
|
2
|
+
|
|
3
|
+
interface TrustpilotLogoProps {
|
|
4
|
+
className?: string
|
|
5
|
+
onClick?: () => void
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
export const TrustpilotLogo: FC<TrustpilotLogoProps> = ({ className = '', onClick }: TrustpilotLogoProps) => (
|
|
9
|
+
<svg
|
|
10
|
+
className={className}
|
|
11
|
+
onClick={onClick}
|
|
12
|
+
width='80'
|
|
13
|
+
height='20'
|
|
14
|
+
viewBox='0 0 80 20'
|
|
15
|
+
fill='none'
|
|
16
|
+
xmlns='http://www.w3.org/2000/svg'
|
|
17
|
+
>
|
|
18
|
+
<path
|
|
19
|
+
d='M61.7993 7.14282H63.4268V8.67053H61.7993V7.14282ZM20.0136 7.14282H28.2459V8.67054H25.0045V17.2825H23.2278V8.67054H20L20.0136 7.14282ZM27.8933 9.9414H29.4123V11.361H29.4394C29.4937 11.1582 29.5886 10.9689 29.7243 10.7796C29.8599 10.5903 30.0226 10.4146 30.2261 10.2659C30.4159 10.1036 30.6329 9.98196 30.8771 9.88733C31.1076 9.79269 31.3517 9.73861 31.5959 9.73861C31.7147 9.73861 31.8123 9.74391 31.8853 9.74787C31.929 9.75024 31.9638 9.75213 31.9892 9.75213C32.057 9.76565 32.1384 9.77917 32.2062 9.77917V11.3339C32.0977 11.3069 31.9756 11.2934 31.8536 11.2798L31.8536 11.2798L31.8203 11.2761L31.8203 11.2761C31.7115 11.264 31.6118 11.2528 31.5009 11.2528C31.2297 11.2528 30.972 11.3069 30.7279 11.415C30.4838 11.5232 30.2803 11.6854 30.0904 11.8882C29.9141 12.1045 29.7649 12.3614 29.6564 12.6724C29.5479 12.9833 29.4937 13.3483 29.4937 13.7539V17.242H27.8662L27.8933 9.9414ZM38.065 17.2825H39.6654H39.6789V9.94138H38.0515V14.2001C38.0515 14.484 38.0243 14.7544 37.9565 14.9977C37.8887 15.2411 37.7938 15.4574 37.6446 15.6331C37.509 15.8089 37.3191 15.9441 37.0885 16.0522C36.858 16.1604 36.5732 16.2145 36.2341 16.2145C35.7865 16.2145 35.4339 16.0793 35.1898 15.8089C34.9321 15.552 34.8101 15.0923 34.8101 14.4434V9.94138H33.1826V14.6056C33.1826 15.5655 33.3996 16.2956 33.8336 16.7688C34.2676 17.2555 34.9728 17.4853 35.9357 17.4853C36.3426 17.4853 36.7495 17.3772 37.1428 17.1473C37.5361 16.9175 37.8345 16.6336 38.0379 16.255H38.065V17.2825ZM42.432 14.9301C42.4863 15.4033 42.6626 15.7278 42.9745 15.9306C43.2864 16.1198 43.6662 16.2145 44.1002 16.2145C44.2494 16.2145 44.4257 16.2009 44.6156 16.1739C44.8054 16.1469 44.9953 16.1063 45.158 16.0387C45.3344 15.9711 45.47 15.8765 45.5785 15.7413C45.687 15.6061 45.7412 15.4438 45.7277 15.2411C45.7141 15.0383 45.6463 14.8625 45.4971 14.7273C45.3479 14.5921 45.1716 14.4975 44.9546 14.4028C44.7376 14.3217 44.4799 14.2541 44.1951 14.2C43.9634 14.156 43.7317 14.1031 43.4927 14.0485L43.3271 14.0108C43.0288 13.9432 42.7304 13.8621 42.4456 13.7674C42.1608 13.6728 41.9166 13.5511 41.6861 13.3753C41.4691 13.2131 41.2792 13.0103 41.1571 12.7534C41.0215 12.4966 40.9537 12.1991 40.9537 11.8206C40.9537 11.415 41.0486 11.0905 41.2521 10.8201C41.442 10.5498 41.6996 10.3334 41.998 10.1712C42.2964 10.009 42.6354 9.88729 43.0016 9.81969C43.3678 9.75209 43.7204 9.72505 44.0459 9.72505C44.4257 9.72505 44.7919 9.76561 45.1309 9.84673C45.47 9.92785 45.7955 10.0495 46.0667 10.2388C46.3515 10.4146 46.5821 10.6579 46.7584 10.9418C46.9483 11.2257 47.0568 11.5772 47.111 11.9828H45.4157C45.3344 11.5908 45.158 11.3339 44.8868 11.1987C44.602 11.0635 44.2901 10.9959 43.9239 10.9959C43.8154 10.9959 43.6662 11.0094 43.517 11.0229C43.3542 11.05 43.2186 11.077 43.0694 11.1311C42.9338 11.1852 42.8118 11.2663 42.7168 11.3609C42.6219 11.4556 42.5676 11.5908 42.5676 11.753C42.5676 11.9558 42.6354 12.1045 42.7711 12.2262C42.9067 12.3479 43.083 12.4425 43.3136 12.5371C43.5306 12.6182 43.7882 12.6858 44.0731 12.7399C44.3579 12.794 44.6562 12.8616 44.9546 12.9292C45.253 12.9968 45.5378 13.0779 45.8226 13.1726C46.1074 13.2672 46.3651 13.3889 46.5821 13.5646C46.7991 13.7269 46.989 13.9297 47.1246 14.173C47.2602 14.4164 47.328 14.7273 47.328 15.0788C47.328 15.5114 47.2331 15.8765 47.0297 16.1874C46.8262 16.4849 46.5685 16.7417 46.2566 16.931C45.9447 17.1203 45.5785 17.2555 45.1987 17.3501C44.8054 17.4312 44.4257 17.4853 44.0459 17.4853C43.5848 17.4853 43.1508 17.4312 42.7575 17.3231C42.3642 17.2149 42.0116 17.0527 41.7268 16.8499C41.442 16.6336 41.2114 16.3767 41.0486 16.0522C40.8859 15.7413 40.791 15.3627 40.7774 14.9166H42.4184V14.9301H42.432ZM49.0233 9.94138H47.7891V11.1446H49.0233V15.4709C49.0369 15.7683 49.064 16.0522 49.1182 16.2821C49.1725 16.5119 49.2674 16.7012 49.4166 16.8634C49.5658 17.0121 49.7692 17.1338 50.0269 17.2149C50.2846 17.296 50.6237 17.3366 51.0576 17.3366C51.2475 17.3366 51.4103 17.3366 51.5866 17.3096C51.7629 17.296 51.9392 17.2825 52.1155 17.2555V15.9982C52.0178 16.0225 51.909 16.0359 51.809 16.0482L51.7765 16.0522C51.668 16.0658 51.5459 16.0658 51.4374 16.0658C51.2475 16.0658 51.1119 16.0387 51.0034 15.9982C50.9085 15.9576 50.8271 15.89 50.7728 15.8089C50.7322 15.7278 50.6915 15.6196 50.6779 15.4979L50.6779 15.4979C50.6643 15.3627 50.6508 15.2275 50.6508 15.0518V11.1311H52.1155V9.92786H50.6508V7.72416H49.0233V9.94138ZM53.2685 9.9414H54.7875V10.9419H54.8146C55.0451 10.5092 55.3571 10.2118 55.764 10.0225C56.1708 9.83325 56.6048 9.73861 57.0931 9.73861C57.6762 9.73861 58.1781 9.83325 58.6121 10.0496C59.046 10.2524 59.3987 10.5227 59.6835 10.8878C59.9683 11.2393 60.1853 11.6584 60.3209 12.1316C60.4565 12.6048 60.5379 13.1185 60.5379 13.6458C60.5379 14.146 60.4701 14.6192 60.348 15.0789C60.2124 15.5385 60.0225 15.9576 59.7649 16.3091C59.5072 16.6606 59.1817 16.9446 58.7748 17.1609C58.3679 17.3772 57.9068 17.4853 57.3643 17.4853C57.1338 17.4853 56.8896 17.4583 56.6591 17.4177C56.4285 17.3772 56.1979 17.3096 55.9809 17.215C55.764 17.1203 55.5605 16.9986 55.3842 16.8499C55.1943 16.7012 55.0451 16.5255 54.9231 16.3362H54.896V20H53.2685V9.9414ZM58.802 12.6588C58.8969 12.9698 58.9376 13.2942 58.9376 13.6187C58.9376 13.9432 58.8969 14.2541 58.8291 14.5786C58.7613 14.8896 58.6392 15.16 58.4765 15.4033C58.3002 15.6331 58.0967 15.8359 57.8391 15.9847C57.5814 16.1334 57.283 16.2145 56.9032 16.2145C56.5642 16.2145 56.2794 16.1469 56.0217 16.0117C55.764 15.8765 55.547 15.7007 55.3707 15.4709C55.1808 15.2411 55.0588 14.9707 54.9638 14.6597C54.8689 14.3488 54.8282 14.0108 54.8282 13.6322C54.8282 12.8481 55.0045 12.2127 55.3436 11.7395C55.6962 11.2663 56.2116 11.0365 56.8897 11.0365C57.2152 11.0365 57.5136 11.1041 57.7712 11.2528C58.0154 11.4015 58.2324 11.5908 58.4087 11.8341C58.585 12.0775 58.7206 12.3479 58.802 12.6588ZM63.4268 9.94138H61.7993V17.2825H63.4268V9.94138ZM64.8779 7.14282H66.5054V17.2825H64.8779V7.14282ZM69.896 17.1879C70.3571 17.3907 70.886 17.4853 71.4692 17.4853C72.066 17.4853 72.5813 17.3772 73.0425 17.1879C73.5036 16.9986 73.8969 16.7282 74.2088 16.3903C74.5208 16.0387 74.7513 15.6332 74.9276 15.16C75.104 14.6868 75.1853 14.173 75.1853 13.6052C75.1853 13.0509 75.0904 12.5372 74.9276 12.064C74.7649 11.5908 74.5208 11.1717 74.2088 10.8337C73.8833 10.4957 73.5036 10.2253 73.0425 10.036C72.5813 9.83325 72.0524 9.73861 71.4692 9.73861C70.886 9.73861 70.3571 9.84677 69.896 10.036C69.4349 10.2253 69.0416 10.4957 68.7296 10.8337C68.4177 11.1852 68.1736 11.5908 68.0108 12.064C67.8345 12.5372 67.7531 13.0509 67.7531 13.6052C67.7531 14.1595 67.8481 14.6868 68.0108 15.16C68.1736 15.6332 68.4177 16.0523 68.7296 16.3903C69.0551 16.7282 69.4349 16.9851 69.896 17.1879ZM71.4693 16.201C71.8219 16.201 72.1474 16.1198 72.4051 15.9711C72.6763 15.8224 72.8797 15.6196 73.0561 15.3763C73.2324 15.1329 73.3544 14.849 73.4358 14.5516C73.5172 14.2406 73.5579 13.9297 73.5579 13.6052C73.5579 13.2942 73.5172 12.9833 73.4358 12.6723C73.3544 12.3614 73.2324 12.091 73.0561 11.8477C72.8797 11.6043 72.6628 11.415 72.4051 11.2663C72.1338 11.1176 71.8219 11.0365 71.4693 11.0365C71.1166 11.0365 70.7911 11.1176 70.5335 11.2663C70.2622 11.415 70.0588 11.6178 69.8825 11.8477C69.7062 12.091 69.5841 12.3614 69.5027 12.6723C69.4213 12.9833 69.3807 13.2942 69.3807 13.6052C69.3807 13.9297 69.4213 14.2406 69.5027 14.5516C69.5841 14.8625 69.7062 15.1329 69.8825 15.3763C70.0588 15.6196 70.2758 15.8224 70.5335 15.9711C70.8047 16.1334 71.1166 16.201 71.4693 16.201ZM76.9077 9.94138H75.6736V11.1446H76.9077V15.4709C76.9213 15.7683 76.9484 16.0522 77.0027 16.2821C77.0569 16.5119 77.1519 16.7012 77.3011 16.8634C77.4502 17.0121 77.6537 17.1338 77.9114 17.2149C78.1691 17.296 78.5081 17.3366 78.9421 17.3366C79.132 17.3366 79.2947 17.3366 79.471 17.3096C79.6474 17.296 79.8237 17.2825 80 17.2555V15.9982C79.9022 16.0225 79.7934 16.0359 79.6935 16.0482C79.6825 16.0496 79.6717 16.0509 79.6609 16.0522C79.5524 16.0658 79.4304 16.0658 79.3219 16.0658C79.132 16.0658 78.9964 16.0387 78.8879 15.9982C78.7929 15.9576 78.7115 15.89 78.6573 15.8089C78.6166 15.7278 78.5759 15.6196 78.5624 15.4979C78.5488 15.3627 78.5352 15.2275 78.5352 15.0518V11.1311H80V9.92786H78.5352V7.72416H76.9077V9.94138Z'
|
|
20
|
+
fillRule='evenodd'
|
|
21
|
+
clipRule='evenodd'
|
|
22
|
+
fill='#1E2021'
|
|
23
|
+
/>
|
|
24
|
+
<path
|
|
25
|
+
d='M18.5714 7.09684H11.4763L9.29218 0L7.09514 7.09684L0 7.08325L5.73814 11.4746L3.54111 18.5714L9.27925 14.1801L15.0174 18.5714L12.8333 11.4746L18.5714 7.09684Z'
|
|
26
|
+
fill='#00B67A'
|
|
27
|
+
/>
|
|
28
|
+
<path d='M13.3093 13.0247L12.8334 11.4814L9.26166 14.1855L13.3093 13.0247Z' fill='#005128' />
|
|
29
|
+
</svg>
|
|
30
|
+
)
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
export const TrustpilotStars = ({ className = '', onClick }) => (_jsxs("svg", { className: className, onClick: onClick, width: '106', height: '21', viewBox: '0 0 106 21', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', children: [_jsx("path", { d: 'M0 0H20.014V20.014H0V0ZM21.4961 0H41.5101V20.014H21.4961V0ZM42.9931 0H63.0071V20.014H42.9931V0ZM64.489 0H84.503V20.014H64.489V0Z', fillRule: 'evenodd', clipRule: 'evenodd', fill: '#00B67A' }), _jsx("path", { d: 'M85.986 0H106V20.014H85.986V0Z', fillRule: 'evenodd', clipRule: 'evenodd', fill: '#B5BABD' }), _jsx("path", { d: 'M85.986 0H96.3637V20.014H85.986V0Z', fillRule: 'evenodd', clipRule: 'evenodd', fill: '#00B67A' }), _jsx("path", { d: 'M11.4177 8.84429H16.7108L12.4475 11.7993L9.8113 13.6117L5.52745 16.5667L7.15449 11.7993L2.87063 8.84429H8.16366L9.79071 4.0769L11.4177 8.84429ZM12.7975 12.9025L9.79057 13.6314L14.0538 16.6061L12.7975 12.9025ZM31.21 13.6314L34.2169 12.9025L35.4732 16.6061L31.21 13.6314ZM32.8366 8.8443H38.1296L33.8664 11.7993L31.2301 13.6117L26.9463 16.5667L28.5733 11.7993L24.2895 8.8443H29.5825L31.2096 4.07692L32.8366 8.8443ZM53.3706 13.6314L56.3775 12.9025L57.6339 16.6061L53.3706 13.6314ZM54.9975 8.84431H60.2906L56.0273 11.7993L53.3911 13.6117L49.1073 16.5667L50.7343 11.7993L46.4504 8.84431H51.7435L53.3705 4.07692L54.9975 8.84431ZM74.789 13.6314L77.796 12.9025L79.0523 16.606L74.789 13.6314ZM76.4167 8.84431H81.7097L77.4464 11.7993L74.8102 13.6117L70.5264 16.5667L72.1534 11.7993L67.8696 8.84431H73.1626L74.7896 4.07692L76.4167 8.84431ZM96.2086 13.6314L99.2155 12.9025L100.472 16.606L96.2086 13.6314ZM97.8358 8.84429H103.129L98.8655 11.7993L96.2293 13.6117L91.9455 16.5667L93.5725 11.7993L89.2887 8.84429H94.5817L96.2087 4.0769L97.8358 8.84429Z', fillRule: 'evenodd', clipRule: 'evenodd', fill: 'white' })] }));
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import React, { type FC } from 'react'
|
|
2
|
+
|
|
3
|
+
interface TrustpilotStarsProps {
|
|
4
|
+
className?: string
|
|
5
|
+
onClick?: () => void
|
|
6
|
+
}
|
|
7
|
+
|
|
8
|
+
export const TrustpilotStars: FC<TrustpilotStarsProps> = ({ className = '', onClick }: TrustpilotStarsProps) => (
|
|
9
|
+
<svg
|
|
10
|
+
className={className}
|
|
11
|
+
onClick={onClick}
|
|
12
|
+
width='106'
|
|
13
|
+
height='21'
|
|
14
|
+
viewBox='0 0 106 21'
|
|
15
|
+
fill='none'
|
|
16
|
+
xmlns='http://www.w3.org/2000/svg'
|
|
17
|
+
>
|
|
18
|
+
<path
|
|
19
|
+
d='M0 0H20.014V20.014H0V0ZM21.4961 0H41.5101V20.014H21.4961V0ZM42.9931 0H63.0071V20.014H42.9931V0ZM64.489 0H84.503V20.014H64.489V0Z'
|
|
20
|
+
fillRule='evenodd'
|
|
21
|
+
clipRule='evenodd'
|
|
22
|
+
fill='#00B67A'
|
|
23
|
+
/>
|
|
24
|
+
<path d='M85.986 0H106V20.014H85.986V0Z' fillRule='evenodd' clipRule='evenodd' fill='#B5BABD' />
|
|
25
|
+
<path d='M85.986 0H96.3637V20.014H85.986V0Z' fillRule='evenodd' clipRule='evenodd' fill='#00B67A' />
|
|
26
|
+
<path
|
|
27
|
+
d='M11.4177 8.84429H16.7108L12.4475 11.7993L9.8113 13.6117L5.52745 16.5667L7.15449 11.7993L2.87063 8.84429H8.16366L9.79071 4.0769L11.4177 8.84429ZM12.7975 12.9025L9.79057 13.6314L14.0538 16.6061L12.7975 12.9025ZM31.21 13.6314L34.2169 12.9025L35.4732 16.6061L31.21 13.6314ZM32.8366 8.8443H38.1296L33.8664 11.7993L31.2301 13.6117L26.9463 16.5667L28.5733 11.7993L24.2895 8.8443H29.5825L31.2096 4.07692L32.8366 8.8443ZM53.3706 13.6314L56.3775 12.9025L57.6339 16.6061L53.3706 13.6314ZM54.9975 8.84431H60.2906L56.0273 11.7993L53.3911 13.6117L49.1073 16.5667L50.7343 11.7993L46.4504 8.84431H51.7435L53.3705 4.07692L54.9975 8.84431ZM74.789 13.6314L77.796 12.9025L79.0523 16.606L74.789 13.6314ZM76.4167 8.84431H81.7097L77.4464 11.7993L74.8102 13.6117L70.5264 16.5667L72.1534 11.7993L67.8696 8.84431H73.1626L74.7896 4.07692L76.4167 8.84431ZM96.2086 13.6314L99.2155 12.9025L100.472 16.606L96.2086 13.6314ZM97.8358 8.84429H103.129L98.8655 11.7993L96.2293 13.6117L91.9455 16.5667L93.5725 11.7993L89.2887 8.84429H94.5817L96.2087 4.0769L97.8358 8.84429Z'
|
|
28
|
+
fillRule='evenodd'
|
|
29
|
+
clipRule='evenodd'
|
|
30
|
+
fill='white'
|
|
31
|
+
/>
|
|
32
|
+
</svg>
|
|
33
|
+
)
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { cleanup, fireEvent, render } from '@testing-library/react'
|
|
2
|
+
import React from 'react'
|
|
3
|
+
|
|
4
|
+
import { TrustpilotLogo } from '../TrustpilotLogo'
|
|
5
|
+
|
|
6
|
+
describe('TrustpilotLogo', () => {
|
|
7
|
+
afterEach(cleanup)
|
|
8
|
+
|
|
9
|
+
test('renders the 80x20 trustpilot logo svg and its paths', () => {
|
|
10
|
+
const { container } = render(<TrustpilotLogo />)
|
|
11
|
+
const svg = container.querySelector('svg')
|
|
12
|
+
|
|
13
|
+
expect(svg).toHaveAttribute('width', '80')
|
|
14
|
+
expect(svg).toHaveAttribute('height', '20')
|
|
15
|
+
expect(svg).toHaveAttribute('viewBox', '0 0 80 20')
|
|
16
|
+
expect(svg?.querySelectorAll('path').length).toBeGreaterThan(0)
|
|
17
|
+
})
|
|
18
|
+
|
|
19
|
+
test('forwards className and invokes onClick from the svg', () => {
|
|
20
|
+
const handleClick = jest.fn()
|
|
21
|
+
const { container } = render(<TrustpilotLogo className='custom-logo' onClick={handleClick} />)
|
|
22
|
+
const svg = container.querySelector('svg') as SVGSVGElement
|
|
23
|
+
|
|
24
|
+
expect(svg).toHaveClass('custom-logo')
|
|
25
|
+
fireEvent.click(svg)
|
|
26
|
+
expect(handleClick).toHaveBeenCalledTimes(1)
|
|
27
|
+
})
|
|
28
|
+
})
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { cleanup, fireEvent, render } from '@testing-library/react'
|
|
2
|
+
import React from 'react'
|
|
3
|
+
|
|
4
|
+
import { TrustpilotStars } from '../TrustpilotStars'
|
|
5
|
+
|
|
6
|
+
describe('TrustpilotStars', () => {
|
|
7
|
+
afterEach(cleanup)
|
|
8
|
+
|
|
9
|
+
test('renders the 106x21 trustpilot stars svg and its paths', () => {
|
|
10
|
+
const { container } = render(<TrustpilotStars />)
|
|
11
|
+
const svg = container.querySelector('svg')
|
|
12
|
+
|
|
13
|
+
expect(svg).toHaveAttribute('width', '106')
|
|
14
|
+
expect(svg).toHaveAttribute('height', '21')
|
|
15
|
+
expect(svg).toHaveAttribute('viewBox', '0 0 106 21')
|
|
16
|
+
expect(svg?.querySelectorAll('path').length).toBeGreaterThan(0)
|
|
17
|
+
})
|
|
18
|
+
|
|
19
|
+
test('forwards className and invokes onClick from the svg', () => {
|
|
20
|
+
const handleClick = jest.fn()
|
|
21
|
+
const { container } = render(<TrustpilotStars className='custom-stars' onClick={handleClick} />)
|
|
22
|
+
const svg = container.querySelector('svg') as SVGSVGElement
|
|
23
|
+
|
|
24
|
+
expect(svg).toHaveClass('custom-stars')
|
|
25
|
+
fireEvent.click(svg)
|
|
26
|
+
expect(handleClick).toHaveBeenCalledTimes(1)
|
|
27
|
+
})
|
|
28
|
+
})
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { TrustPilotWidgetLink, TrustPilotWidgetStyled } from './TrustPilotWidget.styled';
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
export const TrustPilotWidget = ({
|
|
6
|
-
const widget = (_jsxs(TrustPilotWidgetStyled, { className: ['trustpilot-widget', className].filter(Boolean).join(' '), "data-qa": 'trustpilot_widget', children: [_jsx("
|
|
3
|
+
import { TrustpilotLogo } from '../../../../images/componentsSvg/TrustpilotLogo';
|
|
4
|
+
import { TrustpilotStars } from '../../../../images/componentsSvg/TrustpilotStars';
|
|
5
|
+
export const TrustPilotWidget = ({ logo, stars, href, className }) => {
|
|
6
|
+
const widget = (_jsxs(TrustPilotWidgetStyled, { className: ['trustpilot-widget', className].filter(Boolean).join(' '), "data-qa": 'trustpilot_widget', children: [_jsx("span", { className: 'trustpilot-widget__logo', role: 'img', "aria-label": 'TrustPilot', "data-qa": 'trustpilot_logo', children: logo ?? _jsx(TrustpilotLogo, {}) }), _jsx("span", { className: 'trustpilot-widget__rating', "data-qa": 'trustpilot_rating', children: stars ?? _jsx(TrustpilotStars, {}) })] }));
|
|
7
7
|
if (!href)
|
|
8
8
|
return widget;
|
|
9
9
|
return (_jsx(TrustPilotWidgetLink, { className: className, href: href, target: '_blank', rel: 'noopener noreferrer', children: widget }));
|
|
@@ -11,6 +11,12 @@ export const TrustPilotWidgetStyled = styled.div `
|
|
|
11
11
|
display: block;
|
|
12
12
|
width: 80px;
|
|
13
13
|
height: 20px;
|
|
14
|
+
|
|
15
|
+
svg {
|
|
16
|
+
display: block;
|
|
17
|
+
width: 100%;
|
|
18
|
+
height: 100%;
|
|
19
|
+
}
|
|
14
20
|
}
|
|
15
21
|
|
|
16
22
|
&__rating {
|
|
@@ -21,7 +27,7 @@ export const TrustPilotWidgetStyled = styled.div `
|
|
|
21
27
|
border-radius: 4px;
|
|
22
28
|
overflow: hidden;
|
|
23
29
|
|
|
24
|
-
|
|
30
|
+
svg {
|
|
25
31
|
display: block;
|
|
26
32
|
width: 100%;
|
|
27
33
|
height: 20px;
|
|
@@ -12,6 +12,12 @@ export const TrustPilotWidgetStyled = styled.div`
|
|
|
12
12
|
display: block;
|
|
13
13
|
width: 80px;
|
|
14
14
|
height: 20px;
|
|
15
|
+
|
|
16
|
+
svg {
|
|
17
|
+
display: block;
|
|
18
|
+
width: 100%;
|
|
19
|
+
height: 100%;
|
|
20
|
+
}
|
|
15
21
|
}
|
|
16
22
|
|
|
17
23
|
&__rating {
|
|
@@ -22,7 +28,7 @@ export const TrustPilotWidgetStyled = styled.div`
|
|
|
22
28
|
border-radius: 4px;
|
|
23
29
|
overflow: hidden;
|
|
24
30
|
|
|
25
|
-
|
|
31
|
+
svg {
|
|
26
32
|
display: block;
|
|
27
33
|
width: 100%;
|
|
28
34
|
height: 20px;
|
|
@@ -3,30 +3,20 @@ import { TrustPilotWidgetLink, TrustPilotWidgetStyled } from './TrustPilotWidget
|
|
|
3
3
|
|
|
4
4
|
import { type TrustPilotWidgetProps } from './TrustPilotWidgetProps.types'
|
|
5
5
|
|
|
6
|
-
import
|
|
7
|
-
import
|
|
6
|
+
import { TrustpilotLogo } from '../../../../images/componentsSvg/TrustpilotLogo'
|
|
7
|
+
import { TrustpilotStars } from '../../../../images/componentsSvg/TrustpilotStars'
|
|
8
8
|
|
|
9
|
-
export const TrustPilotWidget: FC<TrustPilotWidgetProps> = ({
|
|
10
|
-
logoSrc = trustpilotLogoImg,
|
|
11
|
-
starsSrc = trustpilotStarsImg,
|
|
12
|
-
href,
|
|
13
|
-
className
|
|
14
|
-
}) => {
|
|
9
|
+
export const TrustPilotWidget: FC<TrustPilotWidgetProps> = ({ logo, stars, href, className }) => {
|
|
15
10
|
const widget = (
|
|
16
11
|
<TrustPilotWidgetStyled
|
|
17
12
|
className={['trustpilot-widget', className].filter(Boolean).join(' ')}
|
|
18
13
|
data-qa='trustpilot_widget'
|
|
19
14
|
>
|
|
20
|
-
<img
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
alt='TrustPilot'
|
|
24
|
-
width={80}
|
|
25
|
-
height={20}
|
|
26
|
-
data-qa='trustpilot_logo'
|
|
27
|
-
/>
|
|
15
|
+
<span className='trustpilot-widget__logo' role='img' aria-label='TrustPilot' data-qa='trustpilot_logo'>
|
|
16
|
+
{logo ?? <TrustpilotLogo />}
|
|
17
|
+
</span>
|
|
28
18
|
<span className='trustpilot-widget__rating' data-qa='trustpilot_rating'>
|
|
29
|
-
|
|
19
|
+
{stars ?? <TrustpilotStars />}
|
|
30
20
|
</span>
|
|
31
21
|
</TrustPilotWidgetStyled>
|
|
32
22
|
)
|