@npm_leadtech/legal-lib-components 5.7.7 → 5.8.0

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.
@@ -0,0 +1,6 @@
1
+ import { type FC } from 'react';
2
+ interface RatafiaIcon24pxProps {
3
+ className: string;
4
+ }
5
+ export declare const RatafiaIcon24px: FC<RatafiaIcon24pxProps>;
6
+ export {};
@@ -0,0 +1,2 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ export const RatafiaIcon24px = ({ className }) => (_jsx("svg", { width: '17', height: '16', viewBox: '0 0 17 16', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', children: _jsx("g", { id: 'Icon/Symbol/AI_24px', children: _jsx("path", { id: 'path', fillRule: 'evenodd', clipRule: 'evenodd', d: 'M13.6732 1.14034C13.4454 0.509208 12.5528 0.509208 12.3251 1.14034L11.9922 2.06282C11.9198 2.26336 11.7619 2.42127 11.5614 2.49363L10.6389 2.82651C10.0078 3.05426 10.0078 3.94684 10.6389 4.17458L11.5614 4.50746C11.7619 4.57982 11.9198 4.73773 11.9922 4.93827L12.3251 5.86075C12.5528 6.49189 13.4454 6.49188 13.6732 5.86075L14.006 4.93827C14.0784 4.73773 14.2363 4.57982 14.4369 4.50746L15.3593 4.17458C15.9905 3.94684 15.9905 3.05426 15.3593 2.82651L14.4369 2.49363C14.2363 2.42127 14.0784 2.26336 14.006 2.06282L13.6732 1.14034ZM8.53354 4.24146C8.07805 2.97919 6.29289 2.97919 5.8374 4.24146L5.07821 6.34533C4.93348 6.74641 4.61768 7.06222 4.21659 7.20695L2.11272 7.96613C0.850447 8.42162 0.850449 10.2068 2.11272 10.6623L4.21659 11.4215C4.61768 11.5662 4.93348 11.882 5.07821 12.2831L5.8374 14.387C6.29289 15.6492 8.07805 15.6492 8.53354 14.387L9.29272 12.2831C9.43745 11.882 9.75326 11.5662 10.1543 11.4215L12.2582 10.6623C13.5205 10.2068 13.5205 8.42162 12.2582 7.96613L10.1543 7.20695C9.75326 7.06222 9.43745 6.74641 9.29272 6.34533L8.53354 4.24146Z', fill: '#078080' }) }) }));
@@ -0,0 +1,18 @@
1
+ import React, { type FC } from 'react'
2
+ interface RatafiaIcon24pxProps {
3
+ className: string
4
+ }
5
+
6
+ export const RatafiaIcon24px: FC<RatafiaIcon24pxProps> = ({ className }: RatafiaIcon24pxProps) => (
7
+ <svg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'>
8
+ <g id='Icon/Symbol/AI_24px'>
9
+ <path
10
+ id='path'
11
+ fillRule='evenodd'
12
+ clipRule='evenodd'
13
+ d='M13.6732 1.14034C13.4454 0.509208 12.5528 0.509208 12.3251 1.14034L11.9922 2.06282C11.9198 2.26336 11.7619 2.42127 11.5614 2.49363L10.6389 2.82651C10.0078 3.05426 10.0078 3.94684 10.6389 4.17458L11.5614 4.50746C11.7619 4.57982 11.9198 4.73773 11.9922 4.93827L12.3251 5.86075C12.5528 6.49189 13.4454 6.49188 13.6732 5.86075L14.006 4.93827C14.0784 4.73773 14.2363 4.57982 14.4369 4.50746L15.3593 4.17458C15.9905 3.94684 15.9905 3.05426 15.3593 2.82651L14.4369 2.49363C14.2363 2.42127 14.0784 2.26336 14.006 2.06282L13.6732 1.14034ZM8.53354 4.24146C8.07805 2.97919 6.29289 2.97919 5.8374 4.24146L5.07821 6.34533C4.93348 6.74641 4.61768 7.06222 4.21659 7.20695L2.11272 7.96613C0.850447 8.42162 0.850449 10.2068 2.11272 10.6623L4.21659 11.4215C4.61768 11.5662 4.93348 11.882 5.07821 12.2831L5.8374 14.387C6.29289 15.6492 8.07805 15.6492 8.53354 14.387L9.29272 12.2831C9.43745 11.882 9.75326 11.5662 10.1543 11.4215L12.2582 10.6623C13.5205 10.2068 13.5205 8.42162 12.2582 7.96613L10.1543 7.20695C9.75326 7.06222 9.43745 6.74641 9.29272 6.34533L8.53354 4.24146Z'
14
+ fill='#078080'
15
+ />
16
+ </g>
17
+ </svg>
18
+ )
@@ -2,14 +2,18 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { DocumentStatusStyled } from './DocumentStatus.styled';
3
3
  import { Done24px } from '../../../../images/componentsSvg/Done24px';
4
4
  import { NewRelease24p } from '../../../../images/componentsSvg/NewRelease24p';
5
+ import { RatafiaIcon24px } from '../../../../images/componentsSvg/RatafiaIcon24px';
5
6
  import { Time24px } from '../../../../images/componentsSvg/Time24px';
6
- const DocumentStatus = ({ type, statusCompletedText, statusNewText, statusInProgressText }) => {
7
+ const DocumentStatus = ({ type, statusCompletedText, statusNewText, statusInProgressText, statusAIReviewedText }) => {
7
8
  if (type === 'complete' || type === 'downloaded' || type === 'pdf_processing' || type === 'pdf_generated') {
8
9
  return (_jsxs(DocumentStatusStyled, { "data-testid": 'document-status', className: 'document-status --is-completed', children: [_jsx(Done24px, { className: 'icon' }), " ", _jsx("span", { className: 'sans-serif --small', children: statusCompletedText })] }));
9
10
  }
10
11
  if (type === 'new') {
11
12
  return (_jsxs(DocumentStatusStyled, { "data-testid": 'document-status', className: 'document-status --is-new', children: [_jsx(NewRelease24p, { className: 'icon' }), " ", _jsx("span", { className: 'sans-serif --small', children: statusNewText })] }));
12
13
  }
14
+ if (type === 'ai_reviewed') {
15
+ return (_jsxs(DocumentStatusStyled, { "data-testid": 'document-status', className: 'document-status --is-ai-reviewed', children: [_jsx(RatafiaIcon24px, { className: 'icon' }), " ", _jsx("span", { className: 'sans-serif --small', children: statusAIReviewedText })] }));
16
+ }
13
17
  return (_jsxs(DocumentStatusStyled, { "data-testid": 'document-status', className: 'document-status --in-progress', children: [_jsx(Time24px, { className: 'icon' }), _jsx("span", { className: 'sans-serif --small', children: statusInProgressText })] }));
14
18
  };
15
19
  export default DocumentStatus;
@@ -61,5 +61,19 @@ export const DocumentStatusStyled = styled.div `
61
61
  margin-right: 1.4rem;
62
62
  }
63
63
  }
64
+
65
+ &.--is-ai-reviewed {
66
+ padding: 0.25rem;
67
+ gap: 0.25rem;
68
+ background-color: var(--primary-main-light-5);
69
+ border-color: var(--primary-main-light-3);
70
+ color: var(--primary-main);
71
+
72
+ svg {
73
+ path {
74
+ fill: var(--primary-main);
75
+ }
76
+ }
77
+ }
64
78
  }
65
79
  `;
@@ -62,5 +62,19 @@ export const DocumentStatusStyled = styled.div`
62
62
  margin-right: 1.4rem;
63
63
  }
64
64
  }
65
+
66
+ &.--is-ai-reviewed {
67
+ padding: 0.25rem;
68
+ gap: 0.25rem;
69
+ background-color: var(--primary-main-light-5);
70
+ border-color: var(--primary-main-light-3);
71
+ color: var(--primary-main);
72
+
73
+ svg {
74
+ path {
75
+ fill: var(--primary-main);
76
+ }
77
+ }
78
+ }
65
79
  }
66
80
  `
@@ -4,13 +4,15 @@ import { type DocumentStatusProps } from './DocumentStatusProps.types'
4
4
  import { DocumentStatusStyled } from './DocumentStatus.styled'
5
5
  import { Done24px } from '../../../../images/componentsSvg/Done24px'
6
6
  import { NewRelease24p } from '../../../../images/componentsSvg/NewRelease24p'
7
+ import { RatafiaIcon24px } from '../../../../images/componentsSvg/RatafiaIcon24px'
7
8
  import { Time24px } from '../../../../images/componentsSvg/Time24px'
8
9
 
9
10
  const DocumentStatus: FC<DocumentStatusProps> = ({
10
11
  type,
11
12
  statusCompletedText,
12
13
  statusNewText,
13
- statusInProgressText
14
+ statusInProgressText,
15
+ statusAIReviewedText
14
16
  }) => {
15
17
  if (type === 'complete' || type === 'downloaded' || type === 'pdf_processing' || type === 'pdf_generated') {
16
18
  return (
@@ -26,6 +28,13 @@ const DocumentStatus: FC<DocumentStatusProps> = ({
26
28
  </DocumentStatusStyled>
27
29
  )
28
30
  }
31
+ if (type === 'ai_reviewed') {
32
+ return (
33
+ <DocumentStatusStyled data-testid='document-status' className={'document-status --is-ai-reviewed'}>
34
+ <RatafiaIcon24px className='icon' /> <span className={'sans-serif --small'}>{statusAIReviewedText}</span>
35
+ </DocumentStatusStyled>
36
+ )
37
+ }
29
38
  return (
30
39
  <DocumentStatusStyled data-testid='document-status' className={'document-status --in-progress'}>
31
40
  <Time24px className='icon' />
@@ -3,4 +3,5 @@ export interface DocumentStatusProps {
3
3
  statusCompletedText: string;
4
4
  statusNewText: string;
5
5
  statusInProgressText: string;
6
+ statusAIReviewedText: string;
6
7
  }
@@ -3,4 +3,5 @@ export interface DocumentStatusProps {
3
3
  statusCompletedText: string
4
4
  statusNewText: string
5
5
  statusInProgressText: string
6
+ statusAIReviewedText: string
6
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "5.7.7",
3
+ "version": "5.8.0",
4
4
  "license": "ISC",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",