@scbt-ecom/ui 0.156.1 → 0.157.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.
Files changed (49) hide show
  1. package/dist/lib/shared/constants/designSystem/colors.js +1 -1
  2. package/dist/lib/shared/constants/designSystem/colors.js.map +1 -1
  3. package/dist/lib/shared/style.css +1 -1
  4. package/dist/lib/shared/ui/formElements/controlled/combobox/ComboboxControl.js +1 -1
  5. package/dist/lib/shared/ui/formElements/controlled/combobox/ComboboxControl.js.map +1 -1
  6. package/dist/lib/shared/ui/formElements/controlled/dadata/address/query.js +1 -1
  7. package/dist/lib/shared/ui/formElements/controlled/dadata/address/query.js.map +1 -1
  8. package/dist/lib/shared/ui/formElements/controlled/dadata/auto/query.js +1 -1
  9. package/dist/lib/shared/ui/formElements/controlled/dadata/auto/query.js.map +1 -1
  10. package/dist/lib/shared/ui/formElements/controlled/dadata/country/query.js +1 -1
  11. package/dist/lib/shared/ui/formElements/controlled/dadata/country/query.js.map +1 -1
  12. package/dist/lib/shared/ui/formElements/controlled/dadata/fio/query.js +1 -1
  13. package/dist/lib/shared/ui/formElements/controlled/dadata/fio/query.js.map +1 -1
  14. package/dist/lib/shared/ui/formElements/controlled/dadata/party/query.js +1 -1
  15. package/dist/lib/shared/ui/formElements/controlled/dadata/party/query.js.map +1 -1
  16. package/dist/lib/shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js +1 -1
  17. package/dist/lib/shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js.map +1 -1
  18. package/dist/lib/shared/ui/formElements/uncontrolled/combobox/combobox.js +1 -1
  19. package/dist/lib/shared/ui/formElements/uncontrolled/combobox/combobox.js.map +1 -1
  20. package/dist/lib/shared/ui/formElements/uncontrolled/combobox/hooks/useCombobox.js +1 -1
  21. package/dist/lib/shared/ui/formElements/uncontrolled/combobox/hooks/useCombobox.js.map +1 -1
  22. package/dist/lib/shared/ui/formElements/uncontrolled/combobox/model/index.js +1 -1
  23. package/dist/lib/shared/ui/formElements/uncontrolled/combobox/model/utils.js +1 -1
  24. package/dist/lib/shared/ui/formElements/uncontrolled/combobox/model/utils.js.map +1 -1
  25. package/dist/lib/shared/ui/icon/Icon.js +1 -1
  26. package/dist/lib/shared/ui/icon/Icon.js.map +1 -1
  27. package/dist/lib/widgets/conditionBlock/ConditionBlock.js +1 -1
  28. package/dist/lib/widgets/conditionBlock/ConditionBlock.js.map +1 -1
  29. package/dist/lib/widgets/model/helpers.js +2 -2
  30. package/dist/lib/widgets/model/helpers.js.map +1 -1
  31. package/dist/lib/widgets/seoHeader/SeoHeader.js +1 -1
  32. package/dist/lib/widgets/seoHeader/SeoHeader.js.map +1 -1
  33. package/dist/lib/widgets/seoHeader/ui/mobile/CategoriesMobile.js +1 -1
  34. package/dist/lib/widgets/seoHeader/ui/mobile/CategoriesMobile.js.map +1 -1
  35. package/dist/lib/widgets/seoHeader/ui/mobile/menu/Menu.js +1 -1
  36. package/dist/lib/widgets/seoHeader/ui/mobile/menu/Menu.js.map +1 -1
  37. package/dist/lib/widgets/stepper/Stepper.js +1 -1
  38. package/dist/lib/widgets/stepper/Stepper.js.map +1 -1
  39. package/dist/lib/widgets/stepper/ui/SingleStep.js +1 -1
  40. package/dist/lib/widgets/stepper/ui/SingleStep.js.map +1 -1
  41. package/dist/lib/widgets/usefulInfo/ui/subEntities/html/Html.js +1 -1
  42. package/dist/lib/widgets/usefulInfo/ui/subEntities/html/Html.js.map +1 -1
  43. package/dist/stats.html +1 -1
  44. package/dist/types/lib/shared/constants/designSystem/colors.d.ts +1 -0
  45. package/dist/types/lib/shared/ui/formElements/uncontrolled/combobox/combobox.d.ts +4 -1
  46. package/dist/types/lib/shared/ui/formElements/uncontrolled/combobox/hooks/useCombobox.d.ts +3 -3
  47. package/dist/types/lib/shared/ui/formElements/uncontrolled/combobox/model/utils.d.ts +3 -0
  48. package/dist/types/lib/widgets/dynamicForm/model/types.d.ts +1 -0
  49. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"Stepper.js","sources":["../../../../lib/widgets/stepper/Stepper.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactElement, useMemo, useState } from 'react'\nimport { type SingleStepper } from './model/types'\nimport { StepperCarousel } from './ui'\nimport { SingleStep, type SingleStepClasses } from './ui/SingleStep'\nimport { type StepperCarouselClasses } from './ui/StepperCarousel'\nimport { StepperTabs, type StepperTabsClasses, type StepperTabValue } from './ui/StepperTabs'\nimport { ResponsiveContainer } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type StepperClasses = {\n root?: string\n container?: string\n wrapper?: string\n headline?: string\n stepsWrapper?: string\n step?: SingleStepClasses\n stepperTabs?: StepperTabsClasses\n stepperCarousel?: StepperCarouselClasses\n}\n\nexport interface StepperProps<WithImages extends boolean> extends HTMLAttributes<HTMLDivElement> {\n headline: ReactElement | string\n steppers: SingleStepper<WithImages>[]\n classes?: StepperClasses\n}\n\nexport const Stepper = <WithImages extends boolean>({ steppers, headline, classes }: StepperProps<WithImages>) => {\n const shouldShowTabs = steppers && steppers?.length > 1\n const [activeStepper, setActiveStepper] = useState<StepperTabValue>(shouldShowTabs ? steppers?.[0]?.tabName : '')\n\n const steppersTabs = useMemo(() => steppers?.map(({ tabName }) => ({ tabName })), [steppers])\n\n const currentStepperIndex = shouldShowTabs ? steppersTabs?.findIndex((tab) => tab.tabName === activeStepper) : 0\n const currentStepper = steppers?.[currentStepperIndex]\n\n return (\n <section key={currentStepper.tabName} id='stepper' data-test-id='stepper' className={classes?.root}>\n <ResponsiveContainer className={cn(classes?.container, 'mobile:max-w-[360px]')}>\n <div className={cn('flex flex-col gap-6 desktop:items-start desktop:gap-12', classes?.wrapper)}>\n <div\n dangerouslySetInnerHTML={{ __html: headline }}\n className={cn('mob-headline-bold-s text-color-dark desktop:desk-headline-bold-m', classes?.headline)}\n />\n\n <div className='flex flex-col gap-6 desktop:gap-10'>\n {shouldShowTabs && (\n <StepperTabs\n stepperTabs={steppersTabs}\n activeStepper={activeStepper}\n setActiveStepper={setActiveStepper}\n classes={classes?.stepperTabs}\n />\n )}\n\n {currentStepper.withImages && <StepperCarousel classes={classes?.stepperCarousel} currentStepper={currentStepper} />}\n\n <div\n className={cn(\n 'flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-start desktop:gap-12',\n classes?.stepsWrapper,\n { ['mobile:hidden']: currentStepper.withImages }\n )}\n >\n {currentStepper?.details?.map((step, index) => (\n <SingleStep {...step} key={step.description} index={index + 1} classes={classes?.step} />\n ))}\n </div>\n </div>\n </div>\n </ResponsiveContainer>\n </section>\n )\n}\n\nexport default Stepper\n"],"names":["Stepper","steppers","headline","classes","shouldShowTabs","activeStepper","setActiveStepper","useState","steppersTabs","useMemo","tabName","currentStepperIndex","tab","currentStepper","jsx","ResponsiveContainer","cn","jsxs","StepperTabs","StepperCarousel","step","index","SingleStep"],"mappings":"8ZA0BO,MAAMA,EAAU,CAA6B,CAAE,SAAAC,EAAU,SAAAC,EAAU,QAAAC,KAAwC,CAChH,MAAMC,EAAiBH,GAAYA,GAAU,OAAS,EAChD,CAACI,EAAeC,CAAgB,EAAIC,EAA0BH,EAAiBH,IAAW,CAAC,GAAG,QAAU,EAAE,EAE1GO,EAAeC,EAAQ,IAAMR,GAAU,IAAI,CAAC,CAAE,QAAAS,CAAA,KAAe,CAAE,QAAAA,CAAA,EAAU,EAAG,CAACT,CAAQ,CAAC,EAEtFU,EAAsBP,EAAiBI,GAAc,UAAWI,GAAQA,EAAI,UAAYP,CAAa,EAAI,EACzGQ,EAAiBZ,IAAWU,CAAmB,EAErD,OACEG,EAAC,UAAA,CAAqC,GAAG,UAAU,eAAa,UAAU,UAAWX,GAAS,KAC5F,SAAAW,EAACC,EAAA,CAAoB,UAAWC,EAAGb,GAAS,UAAW,sBAAsB,EAC3E,SAAAc,EAAC,MAAA,CAAI,UAAWD,EAAG,yDAA0Db,GAAS,OAAO,EAC3F,SAAA,CAAAW,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQZ,CAAA,EACnC,UAAWc,EAAG,mEAAoEb,GAAS,QAAQ,CAAA,CAAA,EAGrGc,EAAC,MAAA,CAAI,UAAU,qCACZ,SAAA,CAAAb,GACCU,EAACI,EAAA,CACC,YAAaV,EACb,cAAAH,EACA,iBAAAC,EACA,QAASH,GAAS,WAAA,CAAA,EAIrBU,EAAe,YAAcC,EAACK,GAAgB,QAAShB,GAAS,gBAAiB,eAAAU,EAAgC,EAElHC,EAAC,MAAA,CACC,UAAWE,EACT,6FACAb,GAAS,aACT,CAAG,gBAAkBU,EAAe,UAAA,CAAW,EAGhD,YAAgB,SAAS,IAAI,CAACO,EAAMC,MAClCC,EAAA,CAAY,GAAGF,EAAM,IAAKA,EAAK,YAAa,MAAOC,EAAQ,EAAG,QAASlB,GAAS,KAAM,CACxF,CAAA,CAAA,CACH,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,GAjCYU,EAAe,OAkC7B,CAEJ"}
1
+ {"version":3,"file":"Stepper.js","sources":["../../../../lib/widgets/stepper/Stepper.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactElement, useMemo, useState } from 'react'\nimport { type SingleStepper } from './model/types'\nimport { StepperCarousel } from './ui'\nimport { SingleStep, type SingleStepClasses } from './ui/SingleStep'\nimport { type StepperCarouselClasses } from './ui/StepperCarousel'\nimport { StepperTabs, type StepperTabsClasses, type StepperTabValue } from './ui/StepperTabs'\nimport { ResponsiveContainer } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type StepperClasses = {\n root?: string\n container?: string\n wrapper?: string\n headline?: string\n stepsWrapper?: string\n step?: SingleStepClasses\n stepperTabs?: StepperTabsClasses\n stepperCarousel?: StepperCarouselClasses\n}\n\nexport interface StepperProps<WithImages extends boolean> extends HTMLAttributes<HTMLDivElement> {\n headline: ReactElement | string\n steppers: SingleStepper<WithImages>[]\n classes?: StepperClasses\n}\n\nexport const Stepper = <WithImages extends boolean>({ steppers, headline, classes }: StepperProps<WithImages>) => {\n const shouldShowTabs = steppers && steppers?.length > 1\n const [activeStepper, setActiveStepper] = useState<StepperTabValue>(shouldShowTabs ? steppers?.[0]?.tabName : '')\n\n const steppersTabs = useMemo(() => steppers?.map(({ tabName }) => ({ tabName })), [steppers])\n\n const currentStepperIndex = shouldShowTabs ? steppersTabs?.findIndex((tab) => tab.tabName === activeStepper) : 0\n const currentStepper = steppers?.[currentStepperIndex]\n\n return (\n <section key={currentStepper.tabName} id='stepper' data-test-id='stepper' className={cn('w-full', classes?.root)}>\n <ResponsiveContainer className={cn(classes?.container)}>\n <div className={cn('flex flex-col gap-6 desktop:items-start desktop:gap-12', classes?.wrapper)}>\n <div\n dangerouslySetInnerHTML={{ __html: headline }}\n className={cn('mob-headline-bold-s text-color-dark desktop:desk-headline-bold-m', classes?.headline)}\n />\n\n <div className='flex flex-col gap-6 desktop:gap-10'>\n {shouldShowTabs && (\n <StepperTabs\n stepperTabs={steppersTabs}\n activeStepper={activeStepper}\n setActiveStepper={setActiveStepper}\n classes={classes?.stepperTabs}\n />\n )}\n\n {currentStepper.withImages && <StepperCarousel classes={classes?.stepperCarousel} currentStepper={currentStepper} />}\n\n <div\n className={cn(\n 'flex w-full flex-col items-start gap-6 desktop:flex-row desktop:items-start desktop:gap-12',\n classes?.stepsWrapper,\n { ['mobile:hidden']: currentStepper.withImages }\n )}\n >\n {currentStepper?.details?.map((step, index) => (\n <SingleStep {...step} key={step.description} index={index + 1} classes={classes?.step} />\n ))}\n </div>\n </div>\n </div>\n </ResponsiveContainer>\n </section>\n )\n}\n\nexport default Stepper\n"],"names":["Stepper","steppers","headline","classes","shouldShowTabs","activeStepper","setActiveStepper","useState","steppersTabs","useMemo","tabName","currentStepperIndex","tab","currentStepper","jsx","cn","ResponsiveContainer","jsxs","StepperTabs","StepperCarousel","step","index","SingleStep"],"mappings":"8ZA0BO,MAAMA,EAAU,CAA6B,CAAE,SAAAC,EAAU,SAAAC,EAAU,QAAAC,KAAwC,CAChH,MAAMC,EAAiBH,GAAYA,GAAU,OAAS,EAChD,CAACI,EAAeC,CAAgB,EAAIC,EAA0BH,EAAiBH,IAAW,CAAC,GAAG,QAAU,EAAE,EAE1GO,EAAeC,EAAQ,IAAMR,GAAU,IAAI,CAAC,CAAE,QAAAS,CAAA,KAAe,CAAE,QAAAA,CAAA,EAAU,EAAG,CAACT,CAAQ,CAAC,EAEtFU,EAAsBP,EAAiBI,GAAc,UAAWI,GAAQA,EAAI,UAAYP,CAAa,EAAI,EACzGQ,EAAiBZ,IAAWU,CAAmB,EAErD,OACEG,EAAC,UAAA,CAAqC,GAAG,UAAU,eAAa,UAAU,UAAWC,EAAG,SAAUZ,GAAS,IAAI,EAC7G,SAAAW,EAACE,GAAoB,UAAWD,EAAGZ,GAAS,SAAS,EACnD,SAAAc,EAAC,MAAA,CAAI,UAAWF,EAAG,yDAA0DZ,GAAS,OAAO,EAC3F,SAAA,CAAAW,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQZ,CAAA,EACnC,UAAWa,EAAG,mEAAoEZ,GAAS,QAAQ,CAAA,CAAA,EAGrGc,EAAC,MAAA,CAAI,UAAU,qCACZ,SAAA,CAAAb,GACCU,EAACI,EAAA,CACC,YAAaV,EACb,cAAAH,EACA,iBAAAC,EACA,QAASH,GAAS,WAAA,CAAA,EAIrBU,EAAe,YAAcC,EAACK,GAAgB,QAAShB,GAAS,gBAAiB,eAAAU,EAAgC,EAElHC,EAAC,MAAA,CACC,UAAWC,EACT,6FACAZ,GAAS,aACT,CAAG,gBAAkBU,EAAe,UAAA,CAAW,EAGhD,YAAgB,SAAS,IAAI,CAACO,EAAMC,MAClCC,EAAA,CAAY,GAAGF,EAAM,IAAKA,EAAK,YAAa,MAAOC,EAAQ,EAAG,QAASlB,GAAS,KAAM,CACxF,CAAA,CAAA,CACH,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF,GAjCYU,EAAe,OAkC7B,CAEJ"}
@@ -1,2 +1,2 @@
1
- import{jsxs as d,jsx as s}from"react/jsx-runtime";import{cn as e}from"../../../shared/utils/cn.js";const c=t=>{const{classes:l,index:o,title:i,description:r}=t;return d("div",{className:e("flex w-[328px] max-w-[328px] flex-col gap-4 rounded-md border border-solid border-blue-grey-500 p-4 desktop:w-[348px] desktop:max-w-[348px] desktop:border-none desktop:p-0",l?.singleStep),children:[s("div",{className:e("mob-headline-bold-s flex size-10 items-center justify-center rounded-sm bg-color-blue-grey-500 text-color-white desktop:desk-title-bold-l desktop:size-12",l?.numeric),children:o}),d("div",{className:e("flex flex-col gap-6",l?.stepContainer),children:[d("div",{className:e("flex flex-col gap-2"),children:[i&&s("div",{dangerouslySetInnerHTML:{__html:i},className:e("mob-title-bold-m text-color-dark desktop:desk-title-bold-s",l?.title)}),s("div",{dangerouslySetInnerHTML:{__html:r??""},className:e("desk-body-regular-l text-color-secondary",l?.description)})]}),t.type==="withImage"&&Object.keys(t?.image??{}).length>0&&s("div",{className:e("h-[368px] w-[348px] mobile:hidden",l?.imageContainer),children:s("img",{className:e("h-full w-full object-contain",l?.image),src:t?.image?.src,alt:t?.image?.alt})})]})]})};export{c as SingleStep};
1
+ import{jsxs as d,jsx as s}from"react/jsx-runtime";import{cn as e}from"../../../shared/utils/cn.js";const c=t=>{const{classes:l,index:o,title:i,description:r}=t;return d("div",{className:e("flex w-full max-w-[636px] flex-col gap-4 rounded-md border border-solid border-blue-grey-500 p-4 desktop:w-[348px] desktop:max-w-[348px] desktop:border-none desktop:p-0",l?.singleStep),children:[s("div",{className:e("mob-headline-bold-s flex size-10 items-center justify-center rounded-sm bg-color-blue-grey-500 text-color-white desktop:desk-title-bold-l desktop:size-12",l?.numeric),children:o}),d("div",{className:e("flex flex-col gap-6",l?.stepContainer),children:[d("div",{className:e("flex flex-col gap-2"),children:[i&&s("div",{dangerouslySetInnerHTML:{__html:i},className:e("mob-title-bold-m text-color-dark desktop:desk-title-bold-s",l?.title)}),s("div",{dangerouslySetInnerHTML:{__html:r??""},className:e("desk-body-regular-l text-color-secondary",l?.description)})]}),t.type==="withImage"&&Object.keys(t?.image??{}).length>0&&s("div",{className:e("h-[368px] w-[348px] mobile:hidden",l?.imageContainer),children:s("img",{className:e("h-full w-full object-contain",l?.image),src:t?.image?.src,alt:t?.image?.alt})})]})]})};export{c as SingleStep};
2
2
  //# sourceMappingURL=SingleStep.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SingleStep.js","sources":["../../../../../lib/widgets/stepper/ui/SingleStep.tsx"],"sourcesContent":["import type { SingleStep as SingleStepType } from '../model/types'\nimport { cn } from '$/shared/utils'\n\nexport type SingleStepClasses = {\n singleStep?: string\n numeric?: string\n textBlock?: string\n title?: string\n description?: string\n stepContainer?: string\n imageContainer?: string\n image?: string\n}\n\nexport const SingleStep = (props: SingleStepType) => {\n const { classes, index, title, description } = props\n\n return (\n <div\n className={cn(\n 'flex w-[328px] max-w-[328px] flex-col gap-4 rounded-md border border-solid border-blue-grey-500 p-4 desktop:w-[348px] desktop:max-w-[348px] desktop:border-none desktop:p-0',\n classes?.singleStep\n )}\n >\n <div\n className={cn(\n 'mob-headline-bold-s flex size-10 items-center justify-center rounded-sm bg-color-blue-grey-500 text-color-white desktop:desk-title-bold-l desktop:size-12',\n classes?.numeric\n )}\n >\n {index}\n </div>\n\n <div className={cn('flex flex-col gap-6', classes?.stepContainer)}>\n <div className={cn('flex flex-col gap-2')}>\n {title && (\n <div\n dangerouslySetInnerHTML={{ __html: title }}\n className={cn('mob-title-bold-m text-color-dark desktop:desk-title-bold-s', classes?.title)}\n />\n )}\n <div\n dangerouslySetInnerHTML={{ __html: description ?? '' }}\n className={cn('desk-body-regular-l text-color-secondary', classes?.description)}\n />\n </div>\n\n {props.type === 'withImage' && Object.keys(props?.image ?? {}).length > 0 && (\n <div className={cn('h-[368px] w-[348px] mobile:hidden', classes?.imageContainer)}>\n <img className={cn('h-full w-full object-contain', classes?.image)} src={props?.image?.src} alt={props?.image?.alt} />\n </div>\n )}\n </div>\n </div>\n )\n}\n"],"names":["SingleStep","props","classes","index","title","description","jsxs","cn","jsx"],"mappings":"mGAcO,MAAMA,EAAcC,GAA0B,CACnD,KAAM,CAAE,QAAAC,EAAS,MAAAC,EAAO,MAAAC,EAAO,YAAAC,GAAgBJ,EAE/C,OACEK,EAAC,MAAA,CACC,UAAWC,EACT,8KACAL,GAAS,UAAA,EAGX,SAAA,CAAAM,EAAC,MAAA,CACC,UAAWD,EACT,4JACAL,GAAS,OAAA,EAGV,SAAAC,CAAA,CAAA,IAGF,MAAA,CAAI,UAAWI,EAAG,sBAAuBL,GAAS,aAAa,EAC9D,SAAA,CAAAI,EAAC,MAAA,CAAI,UAAWC,EAAG,qBAAqB,EACrC,SAAA,CAAAH,GACCI,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQJ,CAAA,EACnC,UAAWG,EAAG,6DAA8DL,GAAS,KAAK,CAAA,CAAA,EAG9FM,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQH,GAAe,EAAA,EAClD,UAAWE,EAAG,2CAA4CL,GAAS,WAAW,CAAA,CAAA,CAChF,EACF,EAECD,EAAM,OAAS,aAAe,OAAO,KAAKA,GAAO,OAAS,EAAE,EAAE,OAAS,GACtEO,EAAC,MAAA,CAAI,UAAWD,EAAG,oCAAqCL,GAAS,cAAc,EAC7E,WAAC,MAAA,CAAI,UAAWK,EAAG,+BAAgCL,GAAS,KAAK,EAAG,IAAKD,GAAO,OAAO,IAAK,IAAKA,GAAO,OAAO,IAAK,CAAA,CACtH,CAAA,CAAA,CAEJ,CAAA,CAAA,CAAA,CAGN"}
1
+ {"version":3,"file":"SingleStep.js","sources":["../../../../../lib/widgets/stepper/ui/SingleStep.tsx"],"sourcesContent":["import type { SingleStep as SingleStepType } from '../model/types'\nimport { cn } from '$/shared/utils'\n\nexport type SingleStepClasses = {\n singleStep?: string\n numeric?: string\n textBlock?: string\n title?: string\n description?: string\n stepContainer?: string\n imageContainer?: string\n image?: string\n}\n\nexport const SingleStep = (props: SingleStepType) => {\n const { classes, index, title, description } = props\n\n return (\n <div\n className={cn(\n 'flex w-full max-w-[636px] flex-col gap-4 rounded-md border border-solid border-blue-grey-500 p-4 desktop:w-[348px] desktop:max-w-[348px] desktop:border-none desktop:p-0',\n classes?.singleStep\n )}\n >\n <div\n className={cn(\n 'mob-headline-bold-s flex size-10 items-center justify-center rounded-sm bg-color-blue-grey-500 text-color-white desktop:desk-title-bold-l desktop:size-12',\n classes?.numeric\n )}\n >\n {index}\n </div>\n\n <div className={cn('flex flex-col gap-6', classes?.stepContainer)}>\n <div className={cn('flex flex-col gap-2')}>\n {title && (\n <div\n dangerouslySetInnerHTML={{ __html: title }}\n className={cn('mob-title-bold-m text-color-dark desktop:desk-title-bold-s', classes?.title)}\n />\n )}\n <div\n dangerouslySetInnerHTML={{ __html: description ?? '' }}\n className={cn('desk-body-regular-l text-color-secondary', classes?.description)}\n />\n </div>\n\n {props.type === 'withImage' && Object.keys(props?.image ?? {}).length > 0 && (\n <div className={cn('h-[368px] w-[348px] mobile:hidden', classes?.imageContainer)}>\n <img className={cn('h-full w-full object-contain', classes?.image)} src={props?.image?.src} alt={props?.image?.alt} />\n </div>\n )}\n </div>\n </div>\n )\n}\n"],"names":["SingleStep","props","classes","index","title","description","jsxs","cn","jsx"],"mappings":"mGAcO,MAAMA,EAAcC,GAA0B,CACnD,KAAM,CAAE,QAAAC,EAAS,MAAAC,EAAO,MAAAC,EAAO,YAAAC,GAAgBJ,EAE/C,OACEK,EAAC,MAAA,CACC,UAAWC,EACT,2KACAL,GAAS,UAAA,EAGX,SAAA,CAAAM,EAAC,MAAA,CACC,UAAWD,EACT,4JACAL,GAAS,OAAA,EAGV,SAAAC,CAAA,CAAA,IAGF,MAAA,CAAI,UAAWI,EAAG,sBAAuBL,GAAS,aAAa,EAC9D,SAAA,CAAAI,EAAC,MAAA,CAAI,UAAWC,EAAG,qBAAqB,EACrC,SAAA,CAAAH,GACCI,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQJ,CAAA,EACnC,UAAWG,EAAG,6DAA8DL,GAAS,KAAK,CAAA,CAAA,EAG9FM,EAAC,MAAA,CACC,wBAAyB,CAAE,OAAQH,GAAe,EAAA,EAClD,UAAWE,EAAG,2CAA4CL,GAAS,WAAW,CAAA,CAAA,CAChF,EACF,EAECD,EAAM,OAAS,aAAe,OAAO,KAAKA,GAAO,OAAS,EAAE,EAAE,OAAS,GACtEO,EAAC,MAAA,CAAI,UAAWD,EAAG,oCAAqCL,GAAS,cAAc,EAC7E,WAAC,MAAA,CAAI,UAAWK,EAAG,+BAAgCL,GAAS,KAAK,EAAG,IAAKD,GAAO,OAAO,IAAK,IAAKA,GAAO,OAAO,IAAK,CAAA,CACtH,CAAA,CAAA,CAEJ,CAAA,CAAA,CAAA,CAGN"}
@@ -1,2 +1,2 @@
1
- import{jsx as t,Fragment as n}from"react/jsx-runtime";import{cn as c}from"../../../../../shared/utils/cn.js";import{Accordion as i}from"../../../../../shared/ui/accordion/Accordion.js";const h=({html:l,config:r,classes:m,accordionConfig:e})=>{const o=t("div",{className:c("max-w-[656px]",m?.html),dangerouslySetInnerHTML:{__html:l??""}});return t(n,{children:r&&r?.isAccordion&&r?.accordionTitle?t(i,{label:r?.accordionTitle,...e,children:e?.children??o}):o})};export{h as Html};
1
+ import{jsx as t,Fragment as m}from"react/jsx-runtime";import{cn as c}from"../../../../../shared/utils/cn.js";import{Accordion as i}from"../../../../../shared/ui/accordion/Accordion.js";const p=({html:o,config:r,classes:l,accordionConfig:e})=>{const n=t("div",{className:c("leading-none max-w-[656px] [&_h2]:pb-2 [&_h2]:pt-4",l?.html),dangerouslySetInnerHTML:{__html:o??""}});return t(m,{children:r&&r?.isAccordion&&r?.accordionTitle?t(i,{label:r?.accordionTitle,...e,children:e?.children??n}):n})};export{p as Html};
2
2
  //# sourceMappingURL=Html.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Html.js","sources":["../../../../../../../lib/widgets/usefulInfo/ui/subEntities/html/Html.tsx"],"sourcesContent":["import { Accordion } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\nimport { type EntitiesAccordionsConfig, type SubEntityDetailsConfig } from '$/widgets/usefulInfo/model'\n\nexport type EntityHtmlClasses = {\n html?: string\n}\n\nexport type EntityHtmlProps = {\n html: string\n config?: SubEntityDetailsConfig\n classes?: EntityHtmlClasses\n accordionConfig?: EntitiesAccordionsConfig['htmlAccordion']\n}\n\nexport const Html = ({ html, config, classes, accordionConfig }: EntityHtmlProps) => {\n const content = <div className={cn('max-w-[656px]', classes?.html)} dangerouslySetInnerHTML={{ __html: html ?? '' }} />\n\n return (\n <>\n {config && config?.isAccordion && config?.accordionTitle ? (\n <Accordion label={config?.accordionTitle} {...accordionConfig}>\n {accordionConfig?.children ?? content}\n </Accordion>\n ) : (\n content\n )}\n </>\n )\n}\n"],"names":["Html","html","config","classes","accordionConfig","content","jsx","cn","Accordion"],"mappings":"yLAeO,MAAMA,EAAO,CAAC,CAAE,KAAAC,EAAM,OAAAC,EAAQ,QAAAC,EAAS,gBAAAC,KAAuC,CACnF,MAAMC,EAAUC,EAAC,MAAA,CAAI,UAAWC,EAAG,gBAAiBJ,GAAS,IAAI,EAAG,wBAAyB,CAAE,OAAQF,GAAQ,IAAM,EAErH,YAEK,SAAAC,GAAUA,GAAQ,aAAeA,GAAQ,eACxCI,EAACE,EAAA,CAAU,MAAON,GAAQ,eAAiB,GAAGE,EAC3C,YAAiB,UAAYC,CAAA,CAChC,EAEAA,EAEJ,CAEJ"}
1
+ {"version":3,"file":"Html.js","sources":["../../../../../../../lib/widgets/usefulInfo/ui/subEntities/html/Html.tsx"],"sourcesContent":["import { Accordion } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\nimport { type EntitiesAccordionsConfig, type SubEntityDetailsConfig } from '$/widgets/usefulInfo/model'\n\nexport type EntityHtmlClasses = {\n html?: string\n}\n\nexport type EntityHtmlProps = {\n html: string\n config?: SubEntityDetailsConfig\n classes?: EntityHtmlClasses\n accordionConfig?: EntitiesAccordionsConfig['htmlAccordion']\n}\n\nexport const Html = ({ html, config, classes, accordionConfig }: EntityHtmlProps) => {\n const content = (\n <div\n className={cn('leading-none max-w-[656px] [&_h2]:pb-2 [&_h2]:pt-4', classes?.html)}\n dangerouslySetInnerHTML={{ __html: html ?? '' }}\n />\n )\n\n return (\n <>\n {config && config?.isAccordion && config?.accordionTitle ? (\n <Accordion label={config?.accordionTitle} {...accordionConfig}>\n {accordionConfig?.children ?? content}\n </Accordion>\n ) : (\n content\n )}\n </>\n )\n}\n"],"names":["Html","html","config","classes","accordionConfig","content","jsx","cn","Accordion"],"mappings":"yLAeO,MAAMA,EAAO,CAAC,CAAE,KAAAC,EAAM,OAAAC,EAAQ,QAAAC,EAAS,gBAAAC,KAAuC,CACnF,MAAMC,EACJC,EAAC,MAAA,CACC,UAAWC,EAAG,qDAAsDJ,GAAS,IAAI,EACjF,wBAAyB,CAAE,OAAQF,GAAQ,EAAA,CAAG,CAAA,EAIlD,YAEK,SAAAC,GAAUA,GAAQ,aAAeA,GAAQ,eACxCI,EAACE,EAAA,CAAU,MAAON,GAAQ,eAAiB,GAAGE,EAC3C,YAAiB,UAAYC,CAAA,CAChC,EAEAA,EAEJ,CAEJ"}