@scbt-ecom/ui 0.152.4 → 0.152.5
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.
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as p,jsxs as e}from"react/jsx-runtime";import{ButtonWithHandlers as B}from"../buttonWithHandlers/ButtonWithHandlers.js";import{widgetIds as
|
|
1
|
+
import{jsx as p,jsxs as e}from"react/jsx-runtime";import{ButtonWithHandlers as B}from"../buttonWithHandlers/ButtonWithHandlers.js";import{widgetIds as x}from"../model/helpers.js";import{containerImgConfig as l}from"./model/cva.js";import{ResponsiveContainer as y}from"../../shared/ui/responsiveContainer/ResponsiveContainer.js";import"../../shared/ui/button/Button.js";import"../../shared/ui/button/model/helpers.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import{cn as i}from"../../shared/utils/cn.js";import"uuid";import"react";import"../../shared/ui/loader/model/helpers.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"@radix-ui/react-tooltip";import"react-hook-form";import"@hookform/resolvers/zod";import"@radix-ui/react-popover";import"@radix-ui/react-tabs";import"react-dom";import"framer-motion";import"../../shared/ui/modal/ui/IframeModalContent.js";import"react-hot-toast";import"../../shared/ui/notification/ui/CustomToast.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"@tanstack/react-table";import"../../shared/ui/heading/Heading.js";import"embla-carousel-autoplay";import"embla-carousel-react";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/customLink/model/helpers.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"@radix-ui/react-radio-group";import"../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../shared/ui/formElements/ui/MessageView.js";import"@tanstack/react-query";import"../../../src/configs/api.js";import"@floating-ui/react";import"date-fns";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"classnames";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";import{Title as k}from"./ui/Title.js";import{TextList as I}from"./ui/TextList.js";const Lr=({headline:d,buttonConfig:t,intent:m="twoItems",details:n,images:o,backgroundColor:w,classes:r})=>{const h=m==="fourItems",N=m==="twoItems";return p("section",{id:x.longBanner,"data-test-id":x.longBanner,className:i(r==null?void 0:r.root),children:e(y,{className:i(r==null?void 0:r.container),children:[N&&p(k,{intent:m,headline:d}),e("div",{className:i("bg-banner-skyblue-100 px-6 pb-8 pt-6 desktop:flex desktop:flex-row-reverse desktop:justify-between desktop:px-0 desktop:py-0 desktop:pl-12",r==null?void 0:r.contentContainer),style:{backgroundColor:w??"#f4f8fe"},children:[h&&p(k,{intent:m,headline:d,desktopHidden:!0}),p("div",{className:i("mobile:hidden",l({intent:m,withButton:t==null?void 0:t.enabled}),r==null?void 0:r.imgContainer),children:p("img",{className:"h-full object-contain",src:o==null?void 0:o.desktop,alt:o==null?void 0:o.alt})}),p("div",{className:i("desktop:hidden",l({intent:m,withButton:t==null?void 0:t.enabled}),r==null?void 0:r.imgContainer),children:p("img",{className:"h-full object-contain",src:o==null?void 0:o.mobile,alt:o==null?void 0:o.alt})}),e("div",{className:i("desktop:flex desktop:flex-col desktop:justify-center desktop:py-10",r==null?void 0:r.textWithBtnContainer),children:[h&&p(k,{intent:m,headline:d,mobileHidden:!0}),p(I,{details:n,intent:m,withButton:(t==null?void 0:t.enabled)??!1}),(t==null?void 0:t.enabled)&&t&&p(B,{className:i("w-full px-4 desktop:w-max",r==null?void 0:r.button),size:"lg",intent:"secondary",...t.buttonContent})]})]})]})})};export{Lr as LongBanner,Lr as default};
|
|
2
2
|
//# sourceMappingURL=LongBanner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LongBanner.js","sources":["../../../../lib/widgets/longBanner/LongBanner.tsx"],"sourcesContent":["import { type ReactElement } from 'react'\nimport { type ImagesPrimitive } from '../../shared/types/shared-types'\nimport { ButtonWithHandlers } from '../buttonWithHandlers'\nimport { widgetIds } from '../model'\nimport { containerImgConfig } from './model/cva'\nimport { type ButtonConfig, type Details, type LongBannerClasses, type LongBannerConfig } from './model/types'\nimport { TextList, Title } from './ui'\nimport { ResponsiveContainer } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport interface LongBannerProps<Enabled extends boolean> extends LongBannerConfig {\n headline: string | ReactElement\n details: Details<Enabled>[]\n intent?: 'twoItems' | 'fourItems'\n buttonConfig?: ButtonConfig\n images: ImagesPrimitive\n backgroundColor?: string\n classes?: LongBannerClasses\n}\n\nexport const LongBanner = <Enabled extends boolean>({\n headline,\n buttonConfig,\n intent = 'twoItems',\n details,\n images,\n backgroundColor,\n classes\n}: LongBannerProps<Enabled>) => {\n const isFourItems = intent === 'fourItems'\n const isTwoItems = intent === 'twoItems'\n\n return (\n <section id={widgetIds.longBanner} data-test-id={widgetIds.longBanner} className={cn(classes?.root)}>\n <ResponsiveContainer className={cn(classes?.container)}>\n {isTwoItems && <Title intent={intent} headline={headline} />}\n\n <div\n className={cn(\n 'bg-banner-skyblue-100 px-6 pb-8 pt-6 desktop:flex desktop:flex-row-reverse desktop:justify-between desktop:px-0 desktop:py-0 desktop:pl-12',\n classes?.contentContainer\n )}\n style={{ backgroundColor: backgroundColor ?? '#f4f8fe' }}\n >\n {isFourItems && <Title intent={intent} headline={headline} desktopHidden={true} />}\n <div\n className={cn(\n 'mobile:hidden',\n containerImgConfig({ intent, withButton: buttonConfig?.enabled }),\n classes?.imgContainer\n )}\n >\n <img className='object-contain' src={images?.desktop} alt={images?.alt} />\n </div>\n <div\n className={cn(\n 'desktop:hidden',\n containerImgConfig({ intent, withButton: buttonConfig?.enabled }),\n classes?.imgContainer\n )}\n >\n <img className='object-contain' src={images?.mobile} alt={images?.alt} />\n </div>\n <div\n className={cn('desktop:flex desktop:flex-col desktop:justify-center desktop:py-10', classes?.textWithBtnContainer)}\n >\n {isFourItems && <Title intent={intent} headline={headline} mobileHidden={true} />}\n <TextList details={details} intent={intent} withButton={buttonConfig?.enabled ?? false} />\n {buttonConfig?.enabled && buttonConfig && (\n <ButtonWithHandlers\n className={cn('w-full px-4 desktop:w-max', classes?.button)}\n size='lg'\n intent='secondary'\n {...buttonConfig.buttonContent}\n />\n )}\n </div>\n </div>\n </ResponsiveContainer>\n </section>\n )\n}\n\nexport default LongBanner\n"],"names":["LongBanner","headline","buttonConfig","intent","details","images","backgroundColor","classes","isFourItems","isTwoItems","widgetIds","cn","jsxs","ResponsiveContainer","jsx","Title","containerImgConfig","TextList","ButtonWithHandlers"],"mappings":"i2FAoBO,MAAMA,GAAa,CAA0B,CAClD,SAAAC,EACA,aAAAC,EACA,OAAAC,EAAS,WACT,QAAAC,EACA,OAAAC,EACA,gBAAAC,EACA,QAAAC,CACF,IAAgC,CAC9B,MAAMC,EAAcL,IAAW,YACzBM,EAAaN,IAAW,WAE9B,SACG,UAAA,CAAQ,GAAIO,EAAU,WAAY,eAAcA,EAAU,WAAY,UAAWC,EAAGJ,GAAA,YAAAA,EAAS,IAAI,EAChG,SAAAK,EAACC,EAAA,CAAoB,UAAWF,EAAGJ,GAAA,YAAAA,EAAS,SAAS,EAClD,SAAA,CAAAE,GAAcK,EAACC,EAAA,CAAM,OAAAZ,EAAgB,SAAAF,CAAA,CAAoB,EAE1DW,EAAC,MAAA,CACC,UAAWD,EACT,6IACAJ,GAAA,YAAAA,EAAS,gBAAA,EAEX,MAAO,CAAE,gBAAiBD,GAAmB,SAAA,EAE5C,SAAA,CAAAE,GAAeM,EAACC,EAAA,CAAM,OAAAZ,EAAgB,SAAAF,EAAoB,cAAe,GAAM,EAChFa,EAAC,MAAA,CACC,UAAWH,EACT,gBACAK,EAAmB,CAAE,OAAAb,EAAQ,WAAYD,GAAA,YAAAA,EAAc,QAAS,EAChEK,GAAA,YAAAA,EAAS,YAAA,EAGX,SAAAO,EAAC,OAAI,UAAU,
|
|
1
|
+
{"version":3,"file":"LongBanner.js","sources":["../../../../lib/widgets/longBanner/LongBanner.tsx"],"sourcesContent":["import { type ReactElement } from 'react'\nimport { type ImagesPrimitive } from '../../shared/types/shared-types'\nimport { ButtonWithHandlers } from '../buttonWithHandlers'\nimport { widgetIds } from '../model'\nimport { containerImgConfig } from './model/cva'\nimport { type ButtonConfig, type Details, type LongBannerClasses, type LongBannerConfig } from './model/types'\nimport { TextList, Title } from './ui'\nimport { ResponsiveContainer } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport interface LongBannerProps<Enabled extends boolean> extends LongBannerConfig {\n headline: string | ReactElement\n details: Details<Enabled>[]\n intent?: 'twoItems' | 'fourItems'\n buttonConfig?: ButtonConfig\n images: ImagesPrimitive\n backgroundColor?: string\n classes?: LongBannerClasses\n}\n\nexport const LongBanner = <Enabled extends boolean>({\n headline,\n buttonConfig,\n intent = 'twoItems',\n details,\n images,\n backgroundColor,\n classes\n}: LongBannerProps<Enabled>) => {\n const isFourItems = intent === 'fourItems'\n const isTwoItems = intent === 'twoItems'\n\n return (\n <section id={widgetIds.longBanner} data-test-id={widgetIds.longBanner} className={cn(classes?.root)}>\n <ResponsiveContainer className={cn(classes?.container)}>\n {isTwoItems && <Title intent={intent} headline={headline} />}\n\n <div\n className={cn(\n 'bg-banner-skyblue-100 px-6 pb-8 pt-6 desktop:flex desktop:flex-row-reverse desktop:justify-between desktop:px-0 desktop:py-0 desktop:pl-12',\n classes?.contentContainer\n )}\n style={{ backgroundColor: backgroundColor ?? '#f4f8fe' }}\n >\n {isFourItems && <Title intent={intent} headline={headline} desktopHidden={true} />}\n <div\n className={cn(\n 'mobile:hidden',\n containerImgConfig({ intent, withButton: buttonConfig?.enabled }),\n classes?.imgContainer\n )}\n >\n <img className='h-full object-contain' src={images?.desktop} alt={images?.alt} />\n </div>\n <div\n className={cn(\n 'desktop:hidden',\n containerImgConfig({ intent, withButton: buttonConfig?.enabled }),\n classes?.imgContainer\n )}\n >\n <img className='h-full object-contain' src={images?.mobile} alt={images?.alt} />\n </div>\n <div\n className={cn('desktop:flex desktop:flex-col desktop:justify-center desktop:py-10', classes?.textWithBtnContainer)}\n >\n {isFourItems && <Title intent={intent} headline={headline} mobileHidden={true} />}\n <TextList details={details} intent={intent} withButton={buttonConfig?.enabled ?? false} />\n {buttonConfig?.enabled && buttonConfig && (\n <ButtonWithHandlers\n className={cn('w-full px-4 desktop:w-max', classes?.button)}\n size='lg'\n intent='secondary'\n {...buttonConfig.buttonContent}\n />\n )}\n </div>\n </div>\n </ResponsiveContainer>\n </section>\n )\n}\n\nexport default LongBanner\n"],"names":["LongBanner","headline","buttonConfig","intent","details","images","backgroundColor","classes","isFourItems","isTwoItems","widgetIds","cn","jsxs","ResponsiveContainer","jsx","Title","containerImgConfig","TextList","ButtonWithHandlers"],"mappings":"i2FAoBO,MAAMA,GAAa,CAA0B,CAClD,SAAAC,EACA,aAAAC,EACA,OAAAC,EAAS,WACT,QAAAC,EACA,OAAAC,EACA,gBAAAC,EACA,QAAAC,CACF,IAAgC,CAC9B,MAAMC,EAAcL,IAAW,YACzBM,EAAaN,IAAW,WAE9B,SACG,UAAA,CAAQ,GAAIO,EAAU,WAAY,eAAcA,EAAU,WAAY,UAAWC,EAAGJ,GAAA,YAAAA,EAAS,IAAI,EAChG,SAAAK,EAACC,EAAA,CAAoB,UAAWF,EAAGJ,GAAA,YAAAA,EAAS,SAAS,EAClD,SAAA,CAAAE,GAAcK,EAACC,EAAA,CAAM,OAAAZ,EAAgB,SAAAF,CAAA,CAAoB,EAE1DW,EAAC,MAAA,CACC,UAAWD,EACT,6IACAJ,GAAA,YAAAA,EAAS,gBAAA,EAEX,MAAO,CAAE,gBAAiBD,GAAmB,SAAA,EAE5C,SAAA,CAAAE,GAAeM,EAACC,EAAA,CAAM,OAAAZ,EAAgB,SAAAF,EAAoB,cAAe,GAAM,EAChFa,EAAC,MAAA,CACC,UAAWH,EACT,gBACAK,EAAmB,CAAE,OAAAb,EAAQ,WAAYD,GAAA,YAAAA,EAAc,QAAS,EAChEK,GAAA,YAAAA,EAAS,YAAA,EAGX,SAAAO,EAAC,OAAI,UAAU,wBAAwB,IAAKT,GAAA,YAAAA,EAAQ,QAAS,IAAKA,GAAA,YAAAA,EAAQ,GAAA,CAAK,CAAA,CAAA,EAEjFS,EAAC,MAAA,CACC,UAAWH,EACT,iBACAK,EAAmB,CAAE,OAAAb,EAAQ,WAAYD,GAAA,YAAAA,EAAc,QAAS,EAChEK,GAAA,YAAAA,EAAS,YAAA,EAGX,SAAAO,EAAC,OAAI,UAAU,wBAAwB,IAAKT,GAAA,YAAAA,EAAQ,OAAQ,IAAKA,GAAA,YAAAA,EAAQ,GAAA,CAAK,CAAA,CAAA,EAEhFO,EAAC,MAAA,CACC,UAAWD,EAAG,qEAAsEJ,GAAA,YAAAA,EAAS,oBAAoB,EAEhH,SAAA,CAAAC,GAAeM,EAACC,EAAA,CAAM,OAAAZ,EAAgB,SAAAF,EAAoB,aAAc,GAAM,IAC9EgB,EAAA,CAAS,QAAAb,EAAkB,OAAAD,EAAgB,YAAYD,GAAA,YAAAA,EAAc,UAAW,GAAO,GACvFA,GAAA,YAAAA,EAAc,UAAWA,GACxBY,EAACI,EAAA,CACC,UAAWP,EAAG,4BAA6BJ,GAAA,YAAAA,EAAS,MAAM,EAC1D,KAAK,KACL,OAAO,YACN,GAAGL,EAAa,aAAA,CAAA,CACnB,CAAA,CAAA,CAEJ,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CACF,CAEJ"}
|