@npm_leadtech/legal-lib-components 4.1.24 → 4.2.0

package/dist/src/components/molecules/UploadRatafiaZone/UploadRatafiaZoneProps.types.ts

@@ -1,19 +0,0 @@
-import { type DragEventHandler } from 'react'
-
-export interface UploadRatafiaZoneProps {
-  content: UploadRatafiaZoneContent
-  handleDrop?: DragEventHandler<HTMLDivElement>
-  handleDragOver?: DragEventHandler<HTMLDivElement>
-  handleDragOut?: DragEventHandler<HTMLDivElement>
-  documentUploadFileDialog?: () => void
-  ctaDataQa: string
-}
-
-interface UploadRatafiaZoneContent {
-  title: string
-  description: string
-  serviceTerms: React.ReactNode
-  ctaLabel: string
-  ctaIcon?: React.ReactNode
-  ctaLink?: string
-}

package/dist/src/components/molecules/UploadRatafiaZone/index.js

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

package/dist/src/components/molecules/UploadRatafiaZone/index.ts

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

package/dist/src/components/molecules/index.ts

@@ -1,41 +0,0 @@
-export * from './AccordionItem'
-export * from './ActionButtonHeaderRatafiaCardList'
-export * from './AlsoKnownAs'
-export * from './Article'
-export * from './BaseBoxList'
-export * from './BenefitRatafiaCardList'
-export * from './BottomFixedBar'
-export * from './BottomOverlay'
-export * from './BoxForm'
-export * from './Breadcrumb'
-export * from './ContactBox'
-export * from './ContinueEditingBanner'
-export * from './CountDownMessage'
-export * from './EmailContactBox'
-export * from './ExpertCardList'
-export * from './FaqItem'
-export * from './FeatureRatafiaCardList'
-export * from './Feedback'
-export * from './FreeDocModalContent'
-export * from './HeaderRatafia'
-export * from './KeyFactCardListRatafia'
-export * from './MenuItemsSection'
-export * from './MidBannerRatafiaContent'
-export * from './MidBannerRatafiaSample'
-export * from './MoreDocsDesktop'
-export * from './MoreDocsMobile'
-export * from './NavBarDropDown'
-export * from './Pagination'
-export * from './PhoneContactBoxDesktop'
-export * from './PhoneContactBoxMobile'
-export * from './PopularDocs'
-export * from './PricingCard'
-export * from './Snackbar'
-export * from './StepGetForm'
-export * from './StepRatafiaCardList'
-export * from './TagsRatafiaList'
-export * from './TextInput'
-export * from './TooltipMenu'
-export * from './TrustworthyWebsites'
-export * from './TypeModulesList'
-export * from './UploadRatafiaZone'

package/dist/src/components/organisms/AboutUsContent/AboutUsContent.d.ts

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

package/dist/src/components/organisms/AboutUsContent/AboutUsContent.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '../../atoms';
-// import './AboutUsContent.scss'
-const AboutUsContent = ({ children, image, button }) => {
-    return (_jsxs("div", { className: 'about-us-content', children: [_jsx("div", { className: 'about-us-content__image', children: image }), _jsxs("div", { className: 'about-us-content__body', children: [children, button != null && (_jsx("div", { className: 'about-us-content__body__button', children: _jsx(Button, { ...button }) }))] })] }));
-};
-export default AboutUsContent;

package/dist/src/components/organisms/AboutUsContent/AboutUsContent.scss

@@ -1,58 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.about-us-content {
-  display: flex;
-  flex-flow: row wrap;
-  justify-content: center;
-
-  @include landscape-tablets {
-    flex-flow: row nowrap;
-  }
-
-  &__body {
-    margin-top: 1rem;
-    margin-bottom: 2rem;
-    font-family: $font-sans;
-
-    @include landscape-tablets {
-      flex-basis: 50%;
-      margin-top: 0;
-      margin-bottom: 3rem;
-    }
-
-    .m-richText {
-      a {
-        color: get-color(primary, main);
-      }
-    }
-
-    &__button {
-      margin-top: 2rem;
-      font-family: $font-sans;
-      .e-button {
-        display: block;
-        @include landscape-tablets {
-          display: inline-block;
-        }
-      }
-    }
-  }
-  &__image {
-    margin-bottom: 1rem;
-
-    @include landscape-tablets {
-      margin-bottom: 0;
-      margin-right: 1rem;
-      flex-basis: 50%;
-    }
-
-    @include laptop {
-      margin-bottom: -3rem;
-    }
-
-    img {
-      width: 100%;
-    }
-  }
-}

package/dist/src/components/organisms/AboutUsContent/AboutUsContent.tsx

@@ -1,23 +0,0 @@
-import React, { type FC } from 'react'
-
-import { type AboutUsContentProps } from './AboutUsContentProps.types'
-import { Button } from '../../atoms'
-// import './AboutUsContent.scss'
-
-const AboutUsContent: FC<AboutUsContentProps> = ({ children, image, button }) => {
-  return (
-    <div className='about-us-content'>
-      <div className={'about-us-content__image'}>{image}</div>
-      <div className={'about-us-content__body'}>
-        {children}
-        {button != null && (
-          <div className={'about-us-content__body__button'}>
-            <Button {...button} />
-          </div>
-        )}
-      </div>
-    </div>
-  )
-}
-
-export default AboutUsContent

package/dist/src/components/organisms/AboutUsContent/AboutUsContentProps.types.js

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

package/dist/src/components/organisms/AboutUsContent/AboutUsContentProps.types.ts

@@ -1,7 +0,0 @@
-import { type ButtonProps } from '../../atoms'
-
-export interface AboutUsContentProps {
-  children: React.ReactNode
-  image: React.ReactNode
-  button?: ButtonProps
-}

package/dist/src/components/organisms/AboutUsContent/index.js

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

package/dist/src/components/organisms/AboutUsContent/index.ts

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

package/dist/src/components/organisms/Accordion/Accordion.context.d.ts

@@ -1,47 +0,0 @@
-import React from 'react';
-type Handler = 'error' | 'warning' | 'success' | 'default';
-type Action = {
-    type: 'message';
-    accordionItem: number;
-    message: string;
-    resetAction?: string;
-} | {
-    type: 'loading';
-    accordionItem: number;
-    resetAction?: string;
-} | {
-    type: 'locked';
-    accordionItem: number;
-    resetAction?: string;
-} | {
-    type: 'unlocked';
-    accordionItem: number;
-    resetAction?: string;
-} | {
-    type: 'handler';
-    accordionItem: number;
-    handlerMessage: Handler;
-    resetAction?: string;
-};
-type Dispatch = (action: Action) => void;
-interface ItemDataAccordion {
-    handler: string;
-    isLoading: boolean;
-    message: string;
-    locked: {
-        actionType: string;
-        isLocked: boolean;
-    };
-}
-interface AccordionProviderProps {
-    children: React.ReactNode;
-    elements: number;
-}
-declare function AccordionProvider({ children, elements }: AccordionProviderProps): JSX.Element;
-declare function useDispatchDataAccordionItem(): {
-    dispatch: Dispatch;
-};
-declare function useStateDataAccordionItem(accordionLoadingItem?: number): {
-    state: ItemDataAccordion;
-};
-export { AccordionProvider, useDispatchDataAccordionItem, useStateDataAccordionItem };

package/dist/src/components/organisms/Accordion/Accordion.context.js

@@ -1,80 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/* eslint-disable @typescript-eslint/strict-boolean-expressions */
-import React from 'react';
-const AccordionContext = React.createContext(undefined);
-const changeError = (state, action) => {
-    if (action.type !== 'handler')
-        return;
-    const itemsDataAccordion = state.itemsDataAccordion.map((item, index) => index === action.accordionItem ? { ...item, handler: action.handlerMessage } : item);
-    return { itemsDataAccordion };
-};
-const changeLoading = (state, action) => {
-    const itemsDataAccordion = state.itemsDataAccordion.map((item, index) => index === action.accordionItem ? { ...item, isLoading: !item.isLoading } : item);
-    return { itemsDataAccordion };
-};
-const changeLocked = (state, action) => {
-    const itemsDataAccordion = state.itemsDataAccordion.map((item, index) => index === action.accordionItem
-        ? {
-            ...item,
-            locked: {
-                actionType: action.resetAction ?? action.type,
-                isLocked: !action.resetAction && !item.locked.isLocked
-            }
-        }
-        : item);
-    return { itemsDataAccordion };
-};
-const changeMessage = (state, action) => {
-    if (action.type !== 'message')
-        return;
-    const itemsDataAccordion = state.itemsDataAccordion.map((item, index) => index === action.accordionItem ? { ...item, message: action.message } : item);
-    return { itemsDataAccordion };
-};
-const actions = {
-    handler: changeError,
-    loading: changeLoading,
-    locked: changeLocked,
-    message: changeMessage,
-    unlocked: changeLocked
-};
-function accordionDataReducer(state, action) {
-    if (actions[action.type]) {
-        return actions[action.type](state, action);
-    }
-    throw new Error(`Unhandled action type: ${action.type}`);
-}
-function AccordionProvider({ children, elements }) {
-    const itemsDataAccordion = {
-        itemsDataAccordion: Array.from(Array(elements).keys()).map(() => ({
-            isLoading: false,
-            message: '',
-            locked: {
-                actionType: 'default',
-                isLocked: false
-            },
-            handler: 'default'
-        }))
-    };
-    const [state, dispatch] = React.useReducer(accordionDataReducer, itemsDataAccordion);
-    const value = { state, dispatch };
-    return _jsx(AccordionContext.Provider, { value: value, children: children });
-}
-function useDispatchDataAccordionItem() {
-    const context = React.useContext(AccordionContext);
-    if (context === undefined) {
-        throw new Error('useAccordionLoadingItem must be used within a AccordionProvider');
-    }
-    return {
-        dispatch: context.dispatch
-    };
-}
-function useStateDataAccordionItem(accordionLoadingItem = 0) {
-    const context = React.useContext(AccordionContext);
-    if (context === undefined) {
-        throw new Error('useAccordionLoadingItem must be used within a AccordionProvider');
-    }
-    return {
-        state: context.state.itemsDataAccordion[accordionLoadingItem]
-    };
-}
-export { AccordionProvider, useDispatchDataAccordionItem, useStateDataAccordionItem };

package/dist/src/components/organisms/Accordion/Accordion.context.tsx

@@ -1,124 +0,0 @@
-/* eslint-disable @typescript-eslint/strict-boolean-expressions */
-import React from 'react'
-
-type Handler = 'error' | 'warning' | 'success' | 'default'
-
-type Action =
-  | { type: 'message'; accordionItem: number; message: string; resetAction?: string }
-  | { type: 'loading'; accordionItem: number; resetAction?: string }
-  | { type: 'locked'; accordionItem: number; resetAction?: string }
-  | { type: 'unlocked'; accordionItem: number; resetAction?: string }
-  | { type: 'handler'; accordionItem: number; handlerMessage: Handler; resetAction?: string }
-type Dispatch = (action: Action) => void
-
-interface ItemDataAccordion {
-  handler: string
-  isLoading: boolean
-  message: string
-  locked: {
-    actionType: string
-    isLocked: boolean
-  }
-}
-interface State {
-  itemsDataAccordion: ItemDataAccordion[]
-}
-
-interface AccordionProviderProps {
-  children: React.ReactNode
-  elements: number
-}
-
-const AccordionContext = React.createContext<{ state: State; dispatch: Dispatch } | undefined>(undefined)
-
-const changeError = (state: State, action: Action): State | undefined => {
-  if (action.type !== 'handler') return
-  const itemsDataAccordion: ItemDataAccordion[] = state.itemsDataAccordion.map((item, index) =>
-    index === action.accordionItem ? { ...item, handler: action.handlerMessage } : item
-  )
-  return { itemsDataAccordion }
-}
-
-const changeLoading = (state: State, action: Action): State => {
-  const itemsDataAccordion = state.itemsDataAccordion.map((item, index) =>
-    index === action.accordionItem ? { ...item, isLoading: !item.isLoading } : item
-  )
-  return { itemsDataAccordion }
-}
-
-const changeLocked = (state: State, action: Action): State => {
-  const itemsDataAccordion = state.itemsDataAccordion.map((item, index) =>
-    index === action.accordionItem
-      ? {
-          ...item,
-          locked: {
-            actionType: action.resetAction ?? action.type,
-            isLocked: !action.resetAction && !item.locked.isLocked
-          }
-        }
-      : item
-  )
-  return { itemsDataAccordion }
-}
-
-const changeMessage = (state: State, action: Action): State | undefined => {
-  if (action.type !== 'message') return
-  const itemsDataAccordion = state.itemsDataAccordion.map((item, index) =>
-    index === action.accordionItem ? { ...item, message: action.message } : item
-  )
-  return { itemsDataAccordion }
-}
-
-const actions = {
-  handler: changeError,
-  loading: changeLoading,
-  locked: changeLocked,
-  message: changeMessage,
-  unlocked: changeLocked
-}
-
-function accordionDataReducer(state: State, action: Action): State {
-  if (actions[action.type]) {
-    return actions[action.type](state, action) as State
-  }
-  throw new Error(`Unhandled action type: ${action.type}`)
-}
-
-function AccordionProvider({ children, elements }: AccordionProviderProps): JSX.Element {
-  const itemsDataAccordion = {
-    itemsDataAccordion: Array.from(Array(elements).keys()).map(() => ({
-      isLoading: false,
-      message: '',
-      locked: {
-        actionType: 'default',
-        isLocked: false
-      },
-      handler: 'default'
-    }))
-  }
-  const [state, dispatch] = React.useReducer(accordionDataReducer, itemsDataAccordion)
-  const value = { state, dispatch }
-  return <AccordionContext.Provider value={value}>{children}</AccordionContext.Provider>
-}
-
-function useDispatchDataAccordionItem(): { dispatch: Dispatch } {
-  const context = React.useContext(AccordionContext)
-  if (context === undefined) {
-    throw new Error('useAccordionLoadingItem must be used within a AccordionProvider')
-  }
-  return {
-    dispatch: context.dispatch
-  }
-}
-
-function useStateDataAccordionItem(accordionLoadingItem = 0): { state: ItemDataAccordion } {
-  const context = React.useContext(AccordionContext)
-  if (context === undefined) {
-    throw new Error('useAccordionLoadingItem must be used within a AccordionProvider')
-  }
-  return {
-    state: context.state.itemsDataAccordion[accordionLoadingItem]
-  }
-}
-
-export { AccordionProvider, useDispatchDataAccordionItem, useStateDataAccordionItem }

package/dist/src/components/organisms/Accordion/Accordion.d.ts

@@ -1,2 +0,0 @@
-import { type AccordionProps } from './AccordionProps.types';
-export declare const Accordion: ({ data, defaultActiveIndex, defaultHeightItem }: AccordionProps) => JSX.Element;

package/dist/src/components/organisms/Accordion/Accordion.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-import { AccordionItem } from '../../molecules';
-import { AccordionProvider } from './Accordion.context';
-// import './Accordion.scss'
-export const Accordion = ({ data, defaultActiveIndex = 0, defaultHeightItem }) => {
-    const [activeIndex, setActiveIndex] = useState(defaultActiveIndex);
-    const handleItemClick = (index) => {
-        setActiveIndex((prevIndex) => (prevIndex === index ? -1 : index));
-    };
-    return (_jsx(AccordionProvider, { elements: data.length, children: _jsx("div", { className: 'accordion', children: data.map((item, index) => (_jsx(AccordionItem, { accordionRightContent: item?.accordionRightContent, defaultHeightItem: defaultHeightItem, index: index, isOpen: activeIndex === index, onClick: () => {
-                    handleItemClick(index);
-                }, title: item.title, children: item.children }, index))) }) }));
-};

package/dist/src/components/organisms/Accordion/Accordion.scss

@@ -1,4 +0,0 @@
-.accordion {
-  width: 100%;
-  padding-bottom: 2rem;
-}

package/dist/src/components/organisms/Accordion/Accordion.tsx

@@ -1,36 +0,0 @@
-import React, { useState } from 'react'
-import { AccordionItem } from '../../molecules'
-import { type AccordionProps } from './AccordionProps.types'
-import { AccordionProvider } from './Accordion.context'
-
-// import './Accordion.scss'
-
-export const Accordion = ({ data, defaultActiveIndex = 0, defaultHeightItem }: AccordionProps): JSX.Element => {
-  const [activeIndex, setActiveIndex] = useState(defaultActiveIndex)
-
-  const handleItemClick = (index: number): void => {
-    setActiveIndex((prevIndex) => (prevIndex === index ? -1 : index))
-  }
-
-  return (
-    <AccordionProvider elements={data.length}>
-      <div className='accordion'>
-        {data.map((item, index) => (
-          <AccordionItem
-            accordionRightContent={item?.accordionRightContent}
-            defaultHeightItem={defaultHeightItem}
-            index={index}
-            isOpen={activeIndex === index}
-            key={index}
-            onClick={(): void => {
-              handleItemClick(index)
-            }}
-            title={item.title}
-          >
-            {item.children}
-          </AccordionItem>
-        ))}
-      </div>
-    </AccordionProvider>
-  )
-}

package/dist/src/components/organisms/Accordion/AccordionProps.types.js

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

package/dist/src/components/organisms/Accordion/AccordionProps.types.ts

@@ -1,12 +0,0 @@
-interface AccordionItem {
-  accordionRightContent?: React.ReactNode
-  children?: React.ReactNode
-  onClick?: () => void
-  title?: string
-}
-
-export interface AccordionProps {
-  data: AccordionItem[]
-  defaultActiveIndex?: number
-  defaultHeightItem?: number
-}

package/dist/src/components/organisms/Accordion/index.ts

@@ -1,2 +0,0 @@
-export { Accordion } from './Accordion'
-export { useDispatchDataAccordionItem, useStateDataAccordionItem } from './Accordion.context'

package/dist/src/components/organisms/ArticlesList/ArticlesList.d.ts

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

package/dist/src/components/organisms/ArticlesList/ArticlesList.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Article } from '../../molecules';
-// import './ArticlesList.scss'
-const ArticlesList = ({ articles = [] }) => {
-    if (articles?.length === 0)
-        return null;
-    return (_jsx("div", { className: 'articles_wrapper', children: articles.map((article) => (_jsx(Article, { ...article }, `article_${article?.id}`))) }));
-};
-export default ArticlesList;

package/dist/src/components/organisms/ArticlesList/ArticlesList.scss

@@ -1,12 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.articles_wrapper {
-  display: flex;
-  flex-direction: column;
-  align-items: stretch;
-
-  @include laptop {
-    flex-direction: row;
-  }
-}

package/dist/src/components/organisms/ArticlesList/ArticlesList.tsx

@@ -1,19 +0,0 @@
-import React, { type FC } from 'react'
-
-import { Article, type ArticleProps } from '../../molecules'
-import { type ArticlesListProps } from './ArticlesListProps.types'
-// import './ArticlesList.scss'
-
-const ArticlesList: FC<ArticlesListProps> = ({ articles = [] }) => {
-  if (articles?.length === 0) return null
-
-  return (
-    <div className='articles_wrapper'>
-      {articles.map((article: ArticleProps) => (
-        <Article key={`article_${article?.id}`} {...article} />
-      ))}
-    </div>
-  )
-}
-
-export default ArticlesList

package/dist/src/components/organisms/ArticlesList/ArticlesListProps.types.js

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

package/dist/src/components/organisms/ArticlesList/ArticlesListProps.types.ts

@@ -1,5 +0,0 @@
-import { type ArticleProps } from '../../molecules'
-
-export interface ArticlesListProps {
-  articles: ArticleProps[]
-}

package/dist/src/components/organisms/ArticlesList/index.js

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

package/dist/src/components/organisms/ArticlesList/index.ts

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

package/dist/src/components/organisms/AsSeeInContent/AsSeeInContent.d.ts

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

package/dist/src/components/organisms/AsSeeInContent/AsSeeInContent.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { RichTextInner } from '../../atoms';
-import { TrustworthyWebsites } from '../../molecules/TrustworthyWebsites';
-// import './AsSeeInContent.scss'
-const AsSeeInContent = ({ children, trustWorthyImages }) => {
-    if (trustWorthyImages.images.length === 0) {
-        return null;
-    }
-    return (_jsxs(_Fragment, { children: [_jsx(RichTextInner, { customClass: 'as-see-in-content__text', children: children }), _jsx(TrustworthyWebsites, { images: trustWorthyImages.images })] }));
-};
-export default AsSeeInContent;

package/dist/src/components/organisms/AsSeeInContent/AsSeeInContent.scss

@@ -1,22 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.as-see-in-content {
-  display: flex;
-
-  &__text {
-    justify-content: center;
-    text-align: center;
-
-    #articles,
-    #legal-documents {
-      color: get-color(primary, main-light-1);
-      font-weight: 400;
-    }
-
-    a {
-      color: get-color(primary, main-light-1);
-      font-weight: 400 !important;
-    }
-  }
-}

package/dist/src/components/organisms/AsSeeInContent/AsSeeInContent.tsx

@@ -1,21 +0,0 @@
-import React, { type FC } from 'react'
-
-import { type AsSeeInContentProps } from './AsSeeInContentProps.types'
-import { RichTextInner } from '../../atoms'
-import { TrustworthyWebsites } from '../../molecules/TrustworthyWebsites'
-// import './AsSeeInContent.scss'
-
-const AsSeeInContent: FC<AsSeeInContentProps> = ({ children, trustWorthyImages }) => {
-  if (trustWorthyImages.images.length === 0) {
-    return null
-  }
-
-  return (
-    <>
-      <RichTextInner customClass='as-see-in-content__text'>{children}</RichTextInner>
-      <TrustworthyWebsites images={trustWorthyImages.images} />
-    </>
-  )
-}
-
-export default AsSeeInContent

package/dist/src/components/organisms/AsSeeInContent/AsSeeInContentProps.types.js

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