@npm_leadtech/legal-lib-components 5.64.14 → 5.64.15

package/dist/images/componentsSvg/flags/CAFlag.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CAFlag: React.FC;

package/dist/images/componentsSvg/flags/CAFlag.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const CAFlag = () => {
+    return (_jsxs("svg", { width: '21', height: '16', viewBox: '0 0 21 16', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', children: [_jsxs("g", { id: 'Flag', children: [_jsxs("g", { clipPath: 'url(#clip0_1667_1471)', children: [_jsx("mask", { id: 'path-1-inside-1_1667_1471', fill: 'white', children: _jsx("path", { d: 'M0 2.5C0 1.39543 0.895431 0.5 2 0.5H19C20.1046 0.5 21 1.39543 21 2.5V13.5C21 14.6046 20.1046 15.5 19 15.5H2C0.89543 15.5 0 14.6046 0 13.5V2.5Z' }) }), _jsx("path", { id: 'Vector', d: 'M4.92516 0.5H16.0716V15.5H4.92188L4.92516 0.5Z', fill: 'white' }), _jsx("path", { id: 'Vector_2', d: 'M-0.646484 0.5H4.92508V15.5H-0.646484V0.5ZM16.0715 0.5H21.643V15.5H16.0748L16.0715 0.5ZM6.59523 7.75L6.15883 7.8875L8.17352 9.575C8.32774 10.0031 8.12102 10.1312 7.98977 10.3562L10.1751 10.0938L10.1226 12.1875L10.5787 12.1781L10.477 10.0969L12.6655 10.3469C12.531 10.075 12.4096 9.93125 12.5343 9.49687L14.5457 7.90312L14.1946 7.77812C13.9059 7.56562 14.3193 6.75938 14.3784 6.25C14.3784 6.25 13.207 6.63438 13.1315 6.43125L12.8296 5.88438L11.7599 7.00313C11.6451 7.03125 11.5959 6.9875 11.5663 6.89375L12.0585 4.55625L11.2776 4.975C11.2076 5.00208 11.1507 4.97917 11.107 4.90625L10.3523 3.46875L9.57789 4.9625C9.51664 5.01458 9.46195 5.02187 9.41383 4.98438L8.66242 4.5875L9.11195 6.90312C9.07586 6.99687 8.99055 7.02188 8.89211 6.97188L7.86836 5.86875C7.73711 6.07188 7.64524 6.40313 7.46805 6.47813C7.29086 6.55312 6.69695 6.3375 6.29992 6.25938C6.43773 6.72188 6.85773 7.49687 6.59523 7.75Z', fill: '#D52B1E' })] }), _jsx("path", { d: 'M0 2.5C0 1.28497 0.984974 0.3 2.2 0.3H18.8C20.015 0.3 21 1.28497 21 2.5C21 1.50589 20.1046 0.7 19 0.7H2C0.895431 0.7 0 1.50589 0 2.5ZM21 13.5C21 14.715 20.015 15.7 18.8 15.7H2.2C0.984974 15.7 0 14.715 0 13.5C0 14.4941 0.895431 15.3 2 15.3H19C20.1046 15.3 21 14.4941 21 13.5ZM0 15.5V0.5V15.5ZM21 0.5V15.5V0.5Z', fill: '#DBE1E5', mask: 'url(#path-1-inside-1_1667_1471)' })] }), _jsx("defs", { children: _jsx("clipPath", { id: 'clip0_1667_1471', children: _jsx("path", { d: 'M0 2.5C0 1.39543 0.895431 0.5 2 0.5H19C20.1046 0.5 21 1.39543 21 2.5V13.5C21 14.6046 20.1046 15.5 19 15.5H2C0.89543 15.5 0 14.6046 0 13.5V2.5Z', fill: 'white' }) }) })] }));
+};

package/dist/images/componentsSvg/flags/CAFlag.tsx

@@ -0,0 +1,34 @@
+import React from 'react'
+
+export const CAFlag: React.FC = () => {
+  return (
+    <svg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'>
+      <g id='Flag'>
+        <g clipPath='url(#clip0_1667_1471)'>
+          <mask id='path-1-inside-1_1667_1471' fill='white'>
+            <path d='M0 2.5C0 1.39543 0.895431 0.5 2 0.5H19C20.1046 0.5 21 1.39543 21 2.5V13.5C21 14.6046 20.1046 15.5 19 15.5H2C0.89543 15.5 0 14.6046 0 13.5V2.5Z' />
+          </mask>
+          <path id='Vector' d='M4.92516 0.5H16.0716V15.5H4.92188L4.92516 0.5Z' fill='white' />
+          <path
+            id='Vector_2'
+            d='M-0.646484 0.5H4.92508V15.5H-0.646484V0.5ZM16.0715 0.5H21.643V15.5H16.0748L16.0715 0.5ZM6.59523 7.75L6.15883 7.8875L8.17352 9.575C8.32774 10.0031 8.12102 10.1312 7.98977 10.3562L10.1751 10.0938L10.1226 12.1875L10.5787 12.1781L10.477 10.0969L12.6655 10.3469C12.531 10.075 12.4096 9.93125 12.5343 9.49687L14.5457 7.90312L14.1946 7.77812C13.9059 7.56562 14.3193 6.75938 14.3784 6.25C14.3784 6.25 13.207 6.63438 13.1315 6.43125L12.8296 5.88438L11.7599 7.00313C11.6451 7.03125 11.5959 6.9875 11.5663 6.89375L12.0585 4.55625L11.2776 4.975C11.2076 5.00208 11.1507 4.97917 11.107 4.90625L10.3523 3.46875L9.57789 4.9625C9.51664 5.01458 9.46195 5.02187 9.41383 4.98438L8.66242 4.5875L9.11195 6.90312C9.07586 6.99687 8.99055 7.02188 8.89211 6.97188L7.86836 5.86875C7.73711 6.07188 7.64524 6.40313 7.46805 6.47813C7.29086 6.55312 6.69695 6.3375 6.29992 6.25938C6.43773 6.72188 6.85773 7.49687 6.59523 7.75Z'
+            fill='#D52B1E'
+          />
+        </g>
+        <path
+          d='M0 2.5C0 1.28497 0.984974 0.3 2.2 0.3H18.8C20.015 0.3 21 1.28497 21 2.5C21 1.50589 20.1046 0.7 19 0.7H2C0.895431 0.7 0 1.50589 0 2.5ZM21 13.5C21 14.715 20.015 15.7 18.8 15.7H2.2C0.984974 15.7 0 14.715 0 13.5C0 14.4941 0.895431 15.3 2 15.3H19C20.1046 15.3 21 14.4941 21 13.5ZM0 15.5V0.5V15.5ZM21 0.5V15.5V0.5Z'
+          fill='#DBE1E5'
+          mask='url(#path-1-inside-1_1667_1471)'
+        />
+      </g>
+      <defs>
+        <clipPath id='clip0_1667_1471'>
+          <path
+            d='M0 2.5C0 1.39543 0.895431 0.5 2 0.5H19C20.1046 0.5 21 1.39543 21 2.5V13.5C21 14.6046 20.1046 15.5 19 15.5H2C0.89543 15.5 0 14.6046 0 13.5V2.5Z'
+            fill='white'
+          />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}

package/dist/images/componentsSvg/flags/DEFlag.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DEFlag: React.FC;

package/dist/images/componentsSvg/flags/DEFlag.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const DEFlag = () => {
+    return (_jsxs("svg", { width: '21', height: '16', viewBox: '0 0 21 16', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', children: [_jsx("g", { id: 'Flag', children: _jsxs("g", { clipPath: 'url(#clip0_1607_4659)', children: [_jsx("path", { id: 'Vector', d: 'M0 10.5H21V15.5H0V10.5Z', fill: '#FFCC00' }), _jsx("path", { id: 'Vector_2', d: 'M0 0.5H21V5.5H0V0.5Z', fill: '#000001' }), _jsx("path", { id: 'Vector_3', d: 'M0 5.5H21V10.5H0V5.5Z', fill: '#FF0000' })] }) }), _jsx("defs", { children: _jsx("clipPath", { id: 'clip0_1607_4659', children: _jsx("rect", { y: '0.5', width: '21', height: '15', rx: '2', fill: 'white' }) }) })] }));
+};

package/dist/images/componentsSvg/flags/DEFlag.tsx

@@ -0,0 +1,20 @@
+import React from 'react'
+
+export const DEFlag: React.FC = () => {
+  return (
+    <svg width='21' height='16' viewBox='0 0 21 16' fill='none' xmlns='http://www.w3.org/2000/svg'>
+      <g id='Flag'>
+        <g clipPath='url(#clip0_1607_4659)'>
+          <path id='Vector' d='M0 10.5H21V15.5H0V10.5Z' fill='#FFCC00' />
+          <path id='Vector_2' d='M0 0.5H21V5.5H0V0.5Z' fill='#000001' />
+          <path id='Vector_3' d='M0 5.5H21V10.5H0V5.5Z' fill='#FF0000' />
+        </g>
+      </g>
+      <defs>
+        <clipPath id='clip0_1607_4659'>
+          <rect y='0.5' width='21' height='15' rx='2' fill='white' />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}

package/dist/src/components/atoms/RatafiaResultCard/RatafiaResultCard.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type RatafiaResultCardProps } from './RatafiaResultCardProps.types';
+export declare const RatafiaResultCard: React.FC<RatafiaResultCardProps>;
+export default RatafiaResultCard;

package/dist/src/components/atoms/RatafiaResultCard/RatafiaResultCard.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { RatafiaResultCardStyled } from './RatafiaResultCard.styled';
+export const RatafiaResultCard = ({ title, content }) => {
+    return (_jsxs(RatafiaResultCardStyled, { className: 'ratafia-result-item', children: [_jsxs("div", { className: 'ratafia-result-item__wrapper', children: [_jsx("p", { className: 'sans-serif --medium --bold-weight ratafia-result-item__wrapper__title', children: title }), _jsx("p", { className: 'sans-serif --medium ratafia-result-item__wrapper__content', children: content })] }), _jsx("span", { className: 'ratafia-result-item__divider' })] }));
+};
+export default RatafiaResultCard;

package/dist/src/components/atoms/RatafiaResultCard/RatafiaResultCard.styled.d.ts

@@ -0,0 +1 @@
+export declare const RatafiaResultCardStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/src/components/atoms/RatafiaResultCard/RatafiaResultCard.styled.js

@@ -0,0 +1,39 @@
+import styled from 'styled-components';
+export const RatafiaResultCardStyled = styled.div `
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  align-self: stretch;
+
+  background: var(--neutral-neutral-6);
+
+  .ratafia-result-item {
+    &__wrapper {
+      display: flex;
+      flex-direction: column;
+
+      margin-bottom: 1rem;
+      gap: var(--global-gap);
+
+      &__title {
+        color: var(--neutral-neutral-1);
+        background: var(--neutral-neutral-6);
+        position: sticky;
+        top: 0;
+
+        margin-top: 1rem;
+      }
+
+      &__content {
+        color: var(--neutral-neutral-1);
+        overflow-y: auto;
+      }
+    }
+    &__divider {
+      height: 1px;
+      align-self: stretch;
+      background: var(--neutral-neutral-4);
+    }
+  }
+`;

package/dist/src/components/atoms/RatafiaResultCard/RatafiaResultCard.styled.ts

@@ -0,0 +1,40 @@
+import styled from 'styled-components'
+
+export const RatafiaResultCardStyled = styled.div`
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  align-self: stretch;
+
+  background: var(--neutral-neutral-6);
+
+  .ratafia-result-item {
+    &__wrapper {
+      display: flex;
+      flex-direction: column;
+
+      margin-bottom: 1rem;
+      gap: var(--global-gap);
+
+      &__title {
+        color: var(--neutral-neutral-1);
+        background: var(--neutral-neutral-6);
+        position: sticky;
+        top: 0;
+
+        margin-top: 1rem;
+      }
+
+      &__content {
+        color: var(--neutral-neutral-1);
+        overflow-y: auto;
+      }
+    }
+    &__divider {
+      height: 1px;
+      align-self: stretch;
+      background: var(--neutral-neutral-4);
+    }
+  }
+`

package/dist/src/components/atoms/RatafiaResultCard/RatafiaResultCard.tsx

@@ -0,0 +1,18 @@
+import React from 'react'
+
+import { type RatafiaResultCardProps } from './RatafiaResultCardProps.types'
+import { RatafiaResultCardStyled } from './RatafiaResultCard.styled'
+
+export const RatafiaResultCard: React.FC<RatafiaResultCardProps> = ({ title, content }) => {
+  return (
+    <RatafiaResultCardStyled className='ratafia-result-item'>
+      <div className='ratafia-result-item__wrapper'>
+        <p className='sans-serif --medium --bold-weight ratafia-result-item__wrapper__title'>{title}</p>
+        <p className='sans-serif --medium ratafia-result-item__wrapper__content'>{content}</p>
+      </div>
+      <span className='ratafia-result-item__divider'></span>
+    </RatafiaResultCardStyled>
+  )
+}
+
+export default RatafiaResultCard

package/dist/src/components/atoms/RatafiaResultCard/RatafiaResultCardProps.types.d.ts

@@ -0,0 +1,5 @@
+export interface RatafiaResultCardProps {
+    id: string;
+    title: string;
+    content: string;
+}

package/dist/src/components/atoms/RatafiaResultCard/RatafiaResultCardProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/atoms/RatafiaResultCard/RatafiaResultCardProps.types.ts

@@ -0,0 +1,5 @@
+export interface RatafiaResultCardProps {
+  id: string
+  title: string
+  content: string
+}

package/dist/src/components/atoms/RatafiaResultCard/index.d.ts

@@ -0,0 +1,2 @@
+export { default as RatafiaResultCard } from './RatafiaResultCard';
+export { type RatafiaResultCardProps } from './RatafiaResultCardProps.types';

package/dist/src/components/atoms/RatafiaResultCard/index.js

@@ -0,0 +1 @@
+export { default as RatafiaResultCard } from './RatafiaResultCard';

package/dist/src/components/atoms/RatafiaResultCard/index.ts

@@ -0,0 +1,2 @@
+export { default as RatafiaResultCard } from './RatafiaResultCard'
+export { type RatafiaResultCardProps } from './RatafiaResultCardProps.types'

package/dist/src/components/atoms/RatafiaResultTab/RatafiaResultTab.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { RatafiaResultTabProps } from './RatafiaResultTabProps.types';
+declare const RatafiaResultTab: FC<RatafiaResultTabProps>;
+export default RatafiaResultTab;

package/dist/src/components/atoms/RatafiaResultTab/RatafiaResultTab.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { RatafiaResultTabStyled } from './RatafiaResultTab.styled';
+const RatafiaResultTab = ({ title, icon, activeIcon, isActive, handleOnClick, dataQa }) => {
+    return (_jsxs(RatafiaResultTabStyled, { className: `ratafia-result-tab${isActive ? ' --is-active' : ''}`, onClick: handleOnClick, "data-qa": dataQa, children: [isActive ? (_jsx(_Fragment, { children: icon !== null && _jsx("div", { className: 'ratafia-result-tab__icon', children: activeIcon }) })) : (_jsx(_Fragment, { children: icon !== null && _jsx("div", { className: 'ratafia-result-tab__icon', children: icon }) })), _jsx("p", { className: 'sans-serif --medium ratafia-result-tab__title', children: title })] }));
+};
+export default RatafiaResultTab;

package/dist/src/components/atoms/RatafiaResultTab/RatafiaResultTab.styled.d.ts

@@ -0,0 +1 @@
+export declare const RatafiaResultTabStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/src/components/atoms/RatafiaResultTab/RatafiaResultTab.styled.js

@@ -0,0 +1,38 @@
+import styled from 'styled-components';
+export const RatafiaResultTabStyled = styled.div `
+  display: flex;
+  padding: 8px;
+  justify-content: center;
+  align-items: center;
+  gap: 0.25rem;
+  flex: 1 0 0;
+
+  border-radius: var(--s-border-radius);
+  background: var(--neutral-neutral-6);
+
+  cursor: default;
+  .ratafia-result-tab {
+    &__icon {
+      width: 20px;
+      height: 20px;
+    }
+    &__title {
+      color: var(--neutral-neutral-2);
+      font-feature-settings:
+        'liga' off,
+        'clig' off;
+    }
+  }
+  &:hover {
+    background: var(--neutral-neutral-4);
+  }
+  &.--is-active {
+    background: var(--primary-main-light-4);
+    .ratafia-result-tab {
+      &__title {
+        color: var(--primary-main-dark-1);
+        font-weight: bold;
+      }
+    }
+  }
+`;

package/dist/src/components/atoms/RatafiaResultTab/RatafiaResultTab.styled.ts

@@ -0,0 +1,39 @@
+import styled from 'styled-components'
+
+export const RatafiaResultTabStyled = styled.div`
+  display: flex;
+  padding: 8px;
+  justify-content: center;
+  align-items: center;
+  gap: 0.25rem;
+  flex: 1 0 0;
+
+  border-radius: var(--s-border-radius);
+  background: var(--neutral-neutral-6);
+
+  cursor: default;
+  .ratafia-result-tab {
+    &__icon {
+      width: 20px;
+      height: 20px;
+    }
+    &__title {
+      color: var(--neutral-neutral-2);
+      font-feature-settings:
+        'liga' off,
+        'clig' off;
+    }
+  }
+  &:hover {
+    background: var(--neutral-neutral-4);
+  }
+  &.--is-active {
+    background: var(--primary-main-light-4);
+    .ratafia-result-tab {
+      &__title {
+        color: var(--primary-main-dark-1);
+        font-weight: bold;
+      }
+    }
+  }
+`

package/dist/src/components/atoms/RatafiaResultTab/RatafiaResultTab.tsx

@@ -0,0 +1,23 @@
+import React, { type FC } from 'react'
+
+import { RatafiaResultTabProps } from './RatafiaResultTabProps.types'
+import { RatafiaResultTabStyled } from './RatafiaResultTab.styled'
+
+const RatafiaResultTab: FC<RatafiaResultTabProps> = ({ title, icon, activeIcon, isActive, handleOnClick, dataQa }) => {
+  return (
+    <RatafiaResultTabStyled
+      className={`ratafia-result-tab${isActive ? ' --is-active' : ''}`}
+      onClick={handleOnClick}
+      data-qa={dataQa}
+    >
+      {isActive ? (
+        <>{icon !== null && <div className='ratafia-result-tab__icon'>{activeIcon}</div>}</>
+      ) : (
+        <>{icon !== null && <div className='ratafia-result-tab__icon'>{icon}</div>}</>
+      )}
+      <p className='sans-serif --medium ratafia-result-tab__title'>{title}</p>
+    </RatafiaResultTabStyled>
+  )
+}
+
+export default RatafiaResultTab

package/dist/src/components/atoms/RatafiaResultTab/RatafiaResultTabProps.types.d.ts

@@ -0,0 +1,9 @@
+export interface RatafiaResultTabProps {
+    id: string;
+    title: string;
+    icon?: React.ReactNode;
+    activeIcon?: React.ReactNode;
+    isActive: boolean;
+    handleOnClick?: () => void;
+    dataQa: string;
+}

package/dist/src/components/atoms/RatafiaResultTab/RatafiaResultTabProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/atoms/RatafiaResultTab/RatafiaResultTabProps.types.ts

@@ -0,0 +1,9 @@
+export interface RatafiaResultTabProps {
+  id: string
+  title: string
+  icon?: React.ReactNode
+  activeIcon?: React.ReactNode
+  isActive: boolean
+  handleOnClick?: () => void
+  dataQa: string
+}

package/dist/src/components/atoms/RatafiaResultTab/index.d.ts

@@ -0,0 +1,2 @@
+export { default as RatafiaResultTab } from './RatafiaResultTab';
+export { type RatafiaResultTabProps } from './RatafiaResultTabProps.types';

package/dist/src/components/atoms/RatafiaResultTab/index.js

@@ -0,0 +1 @@
+export { default as RatafiaResultTab } from './RatafiaResultTab';

package/dist/src/components/atoms/RatafiaResultTab/index.ts

@@ -0,0 +1,2 @@
+export { default as RatafiaResultTab } from './RatafiaResultTab'
+export { type RatafiaResultTabProps } from './RatafiaResultTabProps.types'

package/dist/src/components/atoms/RatafiaReviewResult/RatafiaReviewResult.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type RatafiaReviewResultProps } from './RatafiaReviewResultProps.types';
+export declare const RatafiaReviewResult: React.FC<RatafiaReviewResultProps>;
+export default RatafiaReviewResult;

package/dist/src/components/atoms/RatafiaReviewResult/RatafiaReviewResult.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { RatafiaReviewResultStyled } from './RatafiaReviewResult.styled';
+export const RatafiaReviewResult = ({ reviewQuestion, reviewPositiveIcon, reviewPositiveText, handleOnClickReviewPositive, reviewPositiveDataQa = true, reviewNegativeIcon, reviewNegativeText, handleOnClickReviewNegative, reviewNegativeDataQa, reviewFeedbackText, review }) => {
+    return (_jsx(RatafiaReviewResultStyled, { className: 'ratafia-review-result', children: review === null ? (_jsxs("div", { className: 'ratafia-review-result__review', children: [_jsx("p", { className: 'sans-serif ratafia-review-result__review__question', children: reviewQuestion }), _jsxs("div", { className: 'ratafia-review-result__review__buttons', children: [_jsxs("button", { className: 'ratafia-review-result__review__buttons__item', onClick: handleOnClickReviewPositive, "data-qa": reviewPositiveDataQa, children: [_jsx("div", { className: 'ratafia-review-result__review__buttons__item__icon', children: reviewPositiveIcon }), _jsx("p", { className: 'sans-serif --small ratafia-review-result__review__buttons__item__text positive', children: reviewPositiveText })] }), _jsxs("button", { className: 'ratafia-review-result__review__buttons__item', onClick: handleOnClickReviewNegative, "data-qa": reviewNegativeDataQa, children: [_jsx("div", { className: 'ratafia-review-result__review__buttons__item__icon', children: reviewNegativeIcon }), _jsx("p", { className: 'sans-serif --small ratafia-review-result__review__buttons__item__text negative', children: reviewNegativeText })] })] })] })) : (_jsx("div", { className: 'ratafia-review-result__review', children: _jsx("p", { className: 'sans-serif --small ratafia-review-result__review__question', children: reviewFeedbackText }) })) }));
+};
+export default RatafiaReviewResult;

package/dist/src/components/atoms/RatafiaReviewResult/RatafiaReviewResult.styled.d.ts

@@ -0,0 +1 @@
+export declare const RatafiaReviewResultStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;

package/dist/src/components/atoms/RatafiaReviewResult/RatafiaReviewResult.styled.js

@@ -0,0 +1,55 @@
+import { device } from '../../../globalStyles/breakpoints';
+import styled from 'styled-components';
+export const RatafiaReviewResultStyled = styled.section `
+  .ratafia-review-result {
+    &__review {
+      display: flex;
+      justify-content: start;
+      align-items: center;
+      gap: var(--global-gap);
+
+      border-radius: var(--s-border-radius);
+      background: var(--others-white);
+
+      &__question {
+        color: var(--neutral-neutral-1);
+        font-size: 0.75rem;
+        @media ${device['portrait-tablets']} {
+          font-size: 0.875rem;
+        }
+      }
+
+      &__buttons {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        gap: 0.5rem;
+
+        &__item {
+          display: flex;
+          padding: 0.25rem 0.5rem;
+          justify-content: center;
+          align-items: center;
+          gap: 0.25rem;
+          flex: 1 0 0;
+
+          border: none;
+          border-radius: var(--s-border-radius);
+          background: var(--neutral-neutral-6);
+
+          cursor: pointer;
+
+          &__icon {
+            width: 14px;
+          }
+          .positive {
+            color: var(--primary-main);
+          }
+          .negative {
+            color: var(--error-main);
+          }
+        }
+      }
+    }
+  }
+`;

package/dist/src/components/atoms/RatafiaReviewResult/RatafiaReviewResult.styled.ts

@@ -0,0 +1,56 @@
+import { device } from '../../../globalStyles/breakpoints'
+import styled from 'styled-components'
+
+export const RatafiaReviewResultStyled = styled.section`
+  .ratafia-review-result {
+    &__review {
+      display: flex;
+      justify-content: start;
+      align-items: center;
+      gap: var(--global-gap);
+
+      border-radius: var(--s-border-radius);
+      background: var(--others-white);
+
+      &__question {
+        color: var(--neutral-neutral-1);
+        font-size: 0.75rem;
+        @media ${device['portrait-tablets']} {
+          font-size: 0.875rem;
+        }
+      }
+
+      &__buttons {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        gap: 0.5rem;
+
+        &__item {
+          display: flex;
+          padding: 0.25rem 0.5rem;
+          justify-content: center;
+          align-items: center;
+          gap: 0.25rem;
+          flex: 1 0 0;
+
+          border: none;
+          border-radius: var(--s-border-radius);
+          background: var(--neutral-neutral-6);
+
+          cursor: pointer;
+
+          &__icon {
+            width: 14px;
+          }
+          .positive {
+            color: var(--primary-main);
+          }
+          .negative {
+            color: var(--error-main);
+          }
+        }
+      }
+    }
+  }
+`

package/dist/src/components/atoms/RatafiaReviewResult/RatafiaReviewResult.tsx

@@ -0,0 +1,56 @@
+import React from 'react'
+
+import { type RatafiaReviewResultProps } from './RatafiaReviewResultProps.types'
+import { RatafiaReviewResultStyled } from './RatafiaReviewResult.styled'
+
+export const RatafiaReviewResult: React.FC<RatafiaReviewResultProps> = ({
+  reviewQuestion,
+  reviewPositiveIcon,
+  reviewPositiveText,
+  handleOnClickReviewPositive,
+  reviewPositiveDataQa = true,
+  reviewNegativeIcon,
+  reviewNegativeText,
+  handleOnClickReviewNegative,
+  reviewNegativeDataQa,
+  reviewFeedbackText,
+  review
+}) => {
+  return (
+    <RatafiaReviewResultStyled className='ratafia-review-result'>
+      {review === null ? (
+        <div className='ratafia-review-result__review'>
+          <p className='sans-serif ratafia-review-result__review__question'>{reviewQuestion}</p>
+          <div className='ratafia-review-result__review__buttons'>
+            <button
+              className='ratafia-review-result__review__buttons__item'
+              onClick={handleOnClickReviewPositive}
+              data-qa={reviewPositiveDataQa}
+            >
+              <div className='ratafia-review-result__review__buttons__item__icon'>{reviewPositiveIcon}</div>
+              <p className='sans-serif --small ratafia-review-result__review__buttons__item__text positive'>
+                {reviewPositiveText}
+              </p>
+            </button>
+            <button
+              className='ratafia-review-result__review__buttons__item'
+              onClick={handleOnClickReviewNegative}
+              data-qa={reviewNegativeDataQa}
+            >
+              <div className='ratafia-review-result__review__buttons__item__icon'>{reviewNegativeIcon}</div>
+              <p className='sans-serif --small ratafia-review-result__review__buttons__item__text negative'>
+                {reviewNegativeText}
+              </p>
+            </button>
+          </div>
+        </div>
+      ) : (
+        <div className='ratafia-review-result__review'>
+          <p className='sans-serif --small ratafia-review-result__review__question'>{reviewFeedbackText}</p>
+        </div>
+      )}
+    </RatafiaReviewResultStyled>
+  )
+}
+
+export default RatafiaReviewResult

package/dist/src/components/atoms/RatafiaReviewResult/RatafiaReviewResultProps.types.d.ts

@@ -0,0 +1,14 @@
+import type { MouseEventHandler } from 'react';
+export interface RatafiaReviewResultProps {
+    reviewQuestion: string;
+    reviewPositiveIcon?: React.ReactNode;
+    reviewPositiveText: string;
+    reviewPositiveDataQa: string;
+    handleOnClickReviewPositive?: MouseEventHandler;
+    reviewNegativeIcon?: React.ReactNode;
+    reviewNegativeText: string;
+    reviewNegativeDataQa: string;
+    handleOnClickReviewNegative?: MouseEventHandler;
+    reviewFeedbackText: string;
+    review: boolean | null;
+}

package/dist/src/components/atoms/RatafiaReviewResult/RatafiaReviewResultProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/atoms/RatafiaReviewResult/RatafiaReviewResultProps.types.ts

@@ -0,0 +1,15 @@
+import type { MouseEventHandler } from 'react'
+
+export interface RatafiaReviewResultProps {
+  reviewQuestion: string
+  reviewPositiveIcon?: React.ReactNode
+  reviewPositiveText: string
+  reviewPositiveDataQa: string
+  handleOnClickReviewPositive?: MouseEventHandler
+  reviewNegativeIcon?: React.ReactNode
+  reviewNegativeText: string
+  reviewNegativeDataQa: string
+  handleOnClickReviewNegative?: MouseEventHandler
+  reviewFeedbackText: string
+  review: boolean | null
+}

package/dist/src/components/atoms/RatafiaReviewResult/index.d.ts

@@ -0,0 +1,2 @@
+export { default as RatafiaReviewResult } from './RatafiaReviewResult';
+export { type RatafiaReviewResultProps } from './RatafiaReviewResultProps.types';

package/dist/src/components/atoms/RatafiaReviewResult/index.js

@@ -0,0 +1 @@
+export { default as RatafiaReviewResult } from './RatafiaReviewResult';

package/dist/src/components/atoms/RatafiaReviewResult/index.ts

@@ -0,0 +1,2 @@
+export { default as RatafiaReviewResult } from './RatafiaReviewResult'
+export { type RatafiaReviewResultProps } from './RatafiaReviewResultProps.types'

package/dist/src/components/atoms/index.d.ts

@@ -41,6 +41,9 @@ export * from './PreFooter';
 export * from './ProgressBar';
 export * from './Radio';
 export * from './RatafiaLandingIcon';
+export * from './RatafiaResultCard';
+export * from './RatafiaResultTab';
+export * from './RatafiaReviewResult';
 export * from './RemoveButton';
 export * from './ReviewKeyFactsResultRatafia';
 export * from './RichTextInner';

package/dist/src/components/atoms/index.js

@@ -41,6 +41,9 @@ export * from './PreFooter';
 export * from './ProgressBar';
 export * from './Radio';
 export * from './RatafiaLandingIcon';
+export * from './RatafiaResultCard';
+export * from './RatafiaResultTab';
+export * from './RatafiaReviewResult';
 export * from './RemoveButton';
 export * from './ReviewKeyFactsResultRatafia';
 export * from './RichTextInner';