@bikdotai/bik-component-library 0.0.823 → 0.0.824

package/dist/esm/icons/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/index.d.ts

@@ -99,7 +99,7 @@ export * from './components/data-source-panel/model';
 export * from './components/text-picker';
 export * from './components/dot-pulse';
 export * from './components/bik-chatbot';
-export * from './components/banner';
+export * from './components/adbanner';
 export * from './components/feature-announcements';
 export * from './components/post-live-checklist-item';
 export * from './components/post-live-checklist';

package/dist/esm/index.js

@@ -12,7 +12,7 @@ import { UnsatisfactoryResponseList as q } from "./components/unsatisfactory-res
 import { UnsatisfactoryCountIntentWiseModal as $ } from "./components/unsatisfactory-response-list/UnsatisfactoryCountIntentWiseModal.js";
 import { CustomDataCategories as ro, CustomDataType as eo } from "./components/data-source-panel/model.js";
 import { default as ao } from "./assets/icons/actionButton.svg.js";
-import { default as po } from "./components/banner/AdBanner.js";
+import { default as po } from "./components/adbanner/AdBanner.js";
 import { default as lo } from "./assets/icons/aiContentIcon.svg.js";
 import { default as no } from "./assets/icons/AiEdit.svg.js";
 import { default as so } from "./assets/icons/Ai_event_generating.svg.js";
@@ -213,7 +213,7 @@ import { BIKChatbot as ul } from "./components/bik-chatbot/components/BIKChatbot
 import { BOLD_TEXT_PATTERN as cl, CODE_TEXT_PATTERN as Al, EMAIL_PATTERN as Cl, ITALIC_TEXT_PATTERN as Sl, MARKDOWN_LINK_PATTERN as El, RAW_PHONE_CANDIDATE_PATTERN as Il, URL_PATTERN as Pl, filterPhoneCandidates as Rl, isCompleteFormatting as _l, isCompleteMarkdownLink as hl, isCompleteUrl as Ol, stripMarkdownFormatting as gl } from "./components/markdown/utils.js";
 import { BUTTON_TYPE as Bl, POD as Dl, TEMPLATE_QUALITY as Ll } from "./components/template-preview/models/WhatsAppTemplate.js";
 import { BackgroundImageContainer as yl, MainCardContainer as kl, MainContainer as Fl, WhatsNewIconContainer as Ul, WhatsNewWrapper as bl } from "./components/whats-new/WhatsNew.styles.js";
-import { BannerThirdPartyIcon as Vl, BannerType as Hl, getUrlForBannerThirdPartyIcon as Gl } from "./components/banner/model.js";
+import { BannerThirdPartyIcon as Vl, BannerType as Hl, getUrlForBannerThirdPartyIcon as Gl } from "./components/adbanner/model.js";
 import { BaseQueryBuilderNode as Wl } from "./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";
 import { BaseWhatsappContentLangHelper as Kl } from "./helpers/BaseWhatsappContentLang.helper.js";
 import { BikAccordion as Xl } from "./components/accordion/Accordion.js";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.823",
+	"version": "0.0.824",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",

package/dist/cjs/components/banner/AdBanner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdBanner.js","sources":["../../../../src/components/banner/AdBanner.tsx"],"sourcesContent":["import React from 'react';\nimport BannerInline from './BannerInline';\nimport BannerWithImage from './BannerWithImage';\nimport CardBanner from './CardBanner';\nimport CardBannerWithImage from './CardBannerWithImage';\nimport { AdBannerProps, BannerType } from './model';\n\nconst AdBanner: React.FC<AdBannerProps> = (props) => {\n\tswitch (props.bannerType) {\n\t\tcase BannerType.CARD_BANNER:\n\t\t\treturn <CardBanner {...props} />;\n\t\tcase BannerType.CARD_BANNER_WITH_IMAGE:\n\t\t\treturn <CardBannerWithImage {...props} />;\n\t\tcase BannerType.BANNER_INLINE:\n\t\t\treturn <BannerInline {...props} />;\n\t\tcase BannerType.BANNER_WITH_IMAGE:\n\t\t\treturn <BannerWithImage {...props} />;\n\t\tdefault:\n\t\t\treturn null;\n\t}\n};\n\nexport default AdBanner;\n"],"names":["AdBanner","props","BannerType","jsx","CardBanner","CardBannerWithImage","BannerInline","BannerWithImage"],"mappings":"6SAOMA,EAAqCC,GAAU,CACpD,OAAQA,EAAM,WAAA,CACb,KAAKC,EAAAA,WAAW,YACf,OAAOC,MAACC,EAAAA,QAAA,CAAY,GAAGH,CAAA,CAAO,EAC/B,KAAKC,EAAAA,WAAW,uBACf,OAAOC,MAACE,EAAAA,QAAA,CAAqB,GAAGJ,CAAA,CAAO,EACxC,KAAKC,EAAAA,WAAW,cACf,OAAOC,MAACG,EAAAA,QAAA,CAAc,GAAGL,CAAA,CAAO,EACjC,KAAKC,EAAAA,WAAW,kBACf,OAAOC,MAACI,EAAAA,QAAA,CAAiB,GAAGN,CAAA,CAAO,EACpC,QACC,OAAO,IAAA,CAEV"}

package/dist/cjs/components/banner/Banner.styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Banner.styled.js","sources":["../../../../src/components/banner/Banner.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '../../constants/Theme';\n\nexport const CardBannerWrapper = styled.div`\n\tborder: 1px solid #e0e0e0;\n\tborder-radius: 8px;\n\tbackground: rgba(239, 230, 249, 0.2);\n\tpadding: 24px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 12px;\n`;\n\nexport const CardBannerContent = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n`;\n\nexport const CardBannerIconsWrapper = styled.div`\n\tdisplay: flex;\n\tgap: 8px;\n`;\n\nexport const CardBannerButtonWrapper = styled.div`\n\tdisplay: flex;\n\tgap: 8px;\n\tmargin-top: 16px;\n`;\n\n// ==================== Common Shared Styles ====================\nexport const CompanyImageWrapper = styled.div`\n\twidth: 40px;\n\taspect-ratio: 1;\n\toverflow: hidden;\n\tflex-shrink: 0;\n\timg {\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tborder-radius: 8px;\n\t}\n`;\n\nexport const ButtonWrapper = styled.div`\n\twidth: fit-content;\n`;\n\nexport const ImageWrapper = styled.div`\n\twidth: 100%;\n\theight: auto;\n\timg {\n\t\twidth: 100%;\n\t\theight: auto;\n\t}\n`;\n\n// ==================== CardBanner Styles ====================\nexport const CardWrapper = styled.div`\n\twidth: 100%;\n\theight: auto;\n\tmax-height: 303px;\n\tmax-width: 440px;\n\tborder-radius: 8px;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tbackground-color: #fff;\n\toverflow: hidden;\n`;\n\nexport const CardFooterWrapper = styled.div`\n\twidth: 100%;\n\theight: 72px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tpadding: 16px;\n\tgap: 16px;\n`;\n\nexport const CardImageWrapper = styled(ImageWrapper)``;\n\nexport const CardButtonWrapper = styled(ButtonWrapper)``;\n\n// ==================== BannerInline Styles ====================\nexport const BannerContainer = styled.div`\n\twidth: 100%;\n\tpadding: 16px;\n\tborder: 1px solid ${COLORS.stroke.brandLightAlt};\n\tborder-radius: 8px;\n\tdisplay: flex;\n\talign-items: stretch;\n\tgap: 16px;\n\tbackground: linear-gradient(180deg, #f8f6ff 0%, #ffffff 100%);\n`;\n\nexport const MainContentWrapper = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 16px;\n\tflex-grow: 1;\n`;\n\nexport const TextWrapper = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 4px;\n`;\n\nexport const TagWrapper = styled.div`\n\tdisplay: flex;\n\tgap: 8px;\n`;\n\nexport const BottomButtonWrapper = styled.div`\n\twidth: fit-content;\n\tdisplay: flex;\n\talign-items: end;\n\tgap: 8px;\n`;\n\n// ==================== BannerWithImage Styles ====================\nexport const BannerWithImageContainer = styled.div`\n\twidth: 100%;\n\theight: 170px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tborder: 1px solid #e0e0e0;\n\tborder-radius: 8px;\n\tbackground-color: ${COLORS.background.brandLight};\n`;\n\nexport const ContentWrapper = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 24px;\n\tflex-grow: 1;\n\tpadding: 24px;\n\tz-index: 1;\n`;\n\nexport const BannerImageWrapper = styled.div`\n\theight: 170px;\n\tposition: relative;\n\timg {\n\t\tposition: absolute;\n\t\theight: 170px;\n\t\tbottom: 0;\n\t\tright: 0;\n\t}\n`;\n\nexport const BannerWithImageButtonWrapper = styled(ButtonWrapper)`\n\tdisplay: flex;\n\tjustify-content: start;\n\tgap: 8px;\n\tbutton {\n\t\tborder-radius: 32px;\n\t}\n`;\n"],"names":["CardBannerWrapper","styled","CardBannerContent","CardBannerIconsWrapper","CardBannerButtonWrapper","CompanyImageWrapper","ButtonWrapper","ImageWrapper","CardWrapper","COLORS","CardFooterWrapper","CardImageWrapper","CardButtonWrapper","BannerContainer","MainContentWrapper","TextWrapper","TagWrapper","BottomButtonWrapper","BannerWithImageContainer","ContentWrapper","BannerImageWrapper","BannerWithImageButtonWrapper"],"mappings":"0NAGaA,EAAoBC,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAU3BC,EAAoBD,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,EAM3BE,EAAyBF,EAAAA,QAAO;AAAA;AAAA;AAAA,EAKhCG,EAA0BH,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,EAOjCI,EAAsBJ,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAY7BK,EAAgBL,EAAAA,QAAO;AAAA;AAAA,EAIvBM,EAAeN,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUtBO,EAAcP,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBASbQ,EAAAA,OAAO,OAAO,OAAO;AAAA;AAAA;AAAA,EAK7BC,EAAoBT,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAU3BU,EAAmBV,EAAAA,QAAOM,CAAY,IAEtCK,EAAoBX,EAAAA,QAAOK,CAAa,IAGxCO,EAAkBZ,EAAAA,QAAO;AAAA;AAAA;AAAA,qBAGjBQ,EAAAA,OAAO,OAAO,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQnCK,EAAqBb,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAO5Bc,EAAcd,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA,EAMrBe,EAAaf,EAAAA,QAAO;AAAA;AAAA;AAAA,EAKpBgB,EAAsBhB,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAQ7BiB,EAA2BjB,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAQ1BQ,EAAAA,OAAO,WAAW,UAAU;AAAA,EAGpCU,EAAiBlB,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASxBmB,EAAqBnB,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAW5BoB,EAA+BpB,EAAAA,QAAOK,CAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/cjs/components/banner/BannerInline.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BannerInline.js","sources":["../../../../src/components/banner/BannerInline.tsx"],"sourcesContent":["import { Button } from '../button';\nimport { Tag } from '../tag';\nimport { BodyCaption, TitleRegular } from '../TypographyStyle';\nimport {\n\tBannerContainer,\n\tBottomButtonWrapper,\n\tCompanyImageWrapper,\n\tMainContentWrapper,\n\tTagWrapper,\n\tTextWrapper,\n} from './Banner.styled';\nimport { AdBannerProps } from './model';\n\n/**\n * BannerInline component - An inline banner with company logo, title, subtitle, tags, and button\n */\nfunction BannerInline(props: AdBannerProps) {\n\treturn (\n\t\t<BannerContainer style={props?.containerStyle}>\n\t\t\t<CompanyImageWrapper>\n\t\t\t\t<img\n\t\t\t\t\tsrc={props.companyImageUrl}\n\t\t\t\t\talt=\"Company Img\"\n\t\t\t\t\tstyle={{ aspectRatio: 'auto' }}\n\t\t\t\t/>\n\t\t\t</CompanyImageWrapper>\n\t\t\t<MainContentWrapper>\n\t\t\t\t<TextWrapper>\n\t\t\t\t\t<TitleRegular>{props.title}</TitleRegular>\n\t\t\t\t\t<BodyCaption>{props.subTitle}</BodyCaption>\n\t\t\t\t</TextWrapper>\n\t\t\t\t{props?.tags && props?.tags?.length > 0 && (\n\t\t\t\t\t<TagWrapper>\n\t\t\t\t\t\t{props?.tags?.map((tag, index) => (\n\t\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\ttagText={tag}\n\t\t\t\t\t\t\t\tvariant=\"circle\"\n\t\t\t\t\t\t\t\ttype=\"purple\"\n\t\t\t\t\t\t\t\ttagColor=\"#212121\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</TagWrapper>\n\t\t\t\t)}\n\t\t\t</MainContentWrapper>\n\t\t\t<BottomButtonWrapper>\n\t\t\t\t<Button\n\t\t\t\t\tbuttonText={props.buttonText}\n\t\t\t\t\tbuttonType={props.buttonType || 'secondary'}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tborderRadius: '32px',\n\t\t\t\t\t\twidth: 'fit-content',\n\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t}}\n\t\t\t\t\tonClick={props.onClick}\n\t\t\t\t/>\n\t\t\t\t{props?.buttonSecondaryText && props?.onClickSecondary && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tbuttonText={props.buttonSecondaryText}\n\t\t\t\t\t\tbuttonType={props.buttonTypeSecondary || 'primary'}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tborderRadius: '32px',\n\t\t\t\t\t\t\twidth: 'fit-content',\n\t\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonClick={props.onClickSecondary}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</BottomButtonWrapper>\n\t\t</BannerContainer>\n\t);\n}\n\nexport default BannerInline;\n"],"names":["BannerInline","props","jsxs","BannerContainer","jsx","CompanyImageWrapper","MainContentWrapper","TextWrapper","TitleRegular","BodyCaption","TagWrapper","tag","index","Tag","BottomButtonWrapper","Button"],"mappings":"gRAgBA,SAASA,EAAaC,EAAsB,CAC3C,OACCC,EAAAA,KAACC,EAAAA,gBAAA,CAAgB,MAAOF,GAAO,eAC9B,SAAA,CAAAG,MAACC,EAAAA,oBAAA,CACA,SAAAD,EAAAA,IAAC,MAAA,CACA,IAAKH,EAAM,gBACX,IAAI,cACJ,MAAO,CAAE,YAAa,MAAA,CAAO,CAAA,EAE/B,SACCK,EAAAA,mBAAA,CACA,SAAA,CAAAJ,OAACK,EAAAA,YAAA,CACA,SAAA,CAAAH,EAAAA,IAACI,EAAAA,aAAA,CAAc,WAAM,KAAA,CAAM,EAC3BJ,EAAAA,IAACK,EAAAA,YAAA,CAAa,SAAAR,EAAM,QAAA,CAAS,CAAA,EAC9B,EACCA,GAAO,MAAQA,GAAO,MAAM,OAAS,GACrCG,MAACM,EAAAA,WAAA,CACC,SAAAT,GAAO,MAAM,IAAI,CAACU,EAAKC,IACvBR,EAAAA,IAACS,EAAAA,IAAA,CAEA,QAASF,EACT,QAAQ,SACR,KAAK,SACL,SAAS,SAAA,EAJJC,CAAA,CAMN,CAAA,CACF,CAAA,EAEF,SACCE,EAAAA,oBAAA,CACA,SAAA,CAAAV,EAAAA,IAACW,EAAAA,OAAA,CACA,WAAYd,EAAM,WAClB,WAAYA,EAAM,YAAc,YAChC,MAAO,CACN,aAAc,OACd,MAAO,cACP,WAAY,QAAA,EAEb,QAASA,EAAM,OAAA,CAAA,EAEfA,GAAO,qBAAuBA,GAAO,kBACrCG,EAAAA,IAACW,EAAAA,OAAA,CACA,WAAYd,EAAM,oBAClB,WAAYA,EAAM,qBAAuB,UACzC,MAAO,CACN,aAAc,OACd,MAAO,cACP,WAAY,QAAA,EAEb,QAASA,EAAM,gBAAA,CAAA,CAChB,CAAA,CAEF,CAAA,EACD,CAEF"}

package/dist/cjs/components/banner/BannerWithImage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BannerWithImage.js","sources":["../../../../src/components/banner/BannerWithImage.tsx"],"sourcesContent":["import { Button } from '../button';\nimport { BodyPrimary, TitleMedium } from '../TypographyStyle';\nimport {\n\tBannerImageWrapper,\n\tBannerWithImageButtonWrapper,\n\tBannerWithImageContainer,\n\tContentWrapper,\n} from './Banner.styled';\nimport { AdBannerProps } from './model';\n\n/**\n * BannerWithImage component - A full-width banner with background image, title, subtitle, and action buttons\n */\nfunction BannerWithImage(props: AdBannerProps) {\n\treturn (\n\t\t<BannerWithImageContainer style={props?.containerStyle}>\n\t\t\t<ContentWrapper>\n\t\t\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>\n\t\t\t\t\t<TitleMedium color={'#28034e'}>{props?.title} </TitleMedium>\n\t\t\t\t\t<BodyPrimary>{props?.subTitle} </BodyPrimary>\n\t\t\t\t</div>\n\t\t\t\t{props?.buttonText && (\n\t\t\t\t\t<BannerWithImageButtonWrapper>\n\t\t\t\t\t\t{props?.onClickSecondary && props?.buttonSecondaryText && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tonClick={props?.onClickSecondary}\n\t\t\t\t\t\t\t\tbuttonText={props?.buttonSecondaryText}\n\t\t\t\t\t\t\t\tbuttonType={props?.buttonTypeSecondary || 'secondary'}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tonClick={props?.onClick}\n\t\t\t\t\t\t\tbuttonText={props?.buttonText}\n\t\t\t\t\t\t\tbuttonType={props?.buttonType || 'primary'}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</BannerWithImageButtonWrapper>\n\t\t\t\t)}\n\t\t\t</ContentWrapper>\n\t\t\t<BannerImageWrapper>\n\t\t\t\t<img src={props?.bannerWithImageUrl} alt=\"Banner image\" />\n\t\t\t</BannerImageWrapper>\n\t\t</BannerWithImageContainer>\n\t);\n}\n\nexport default BannerWithImage;\n"],"names":["BannerWithImage","props","jsxs","BannerWithImageContainer","ContentWrapper","TitleMedium","BodyPrimary","BannerWithImageButtonWrapper","jsx","Button","BannerImageWrapper"],"mappings":"qPAaA,SAASA,EAAgBC,EAAsB,CAC9C,OACCC,EAAAA,KAACC,EAAAA,yBAAA,CAAyB,MAAOF,GAAO,eACvC,SAAA,CAAAC,OAACE,EAAAA,eAAA,CACA,SAAA,CAAAF,EAAAA,KAAC,MAAA,CAAI,MAAO,CAAE,QAAS,OAAQ,cAAe,SAAU,IAAK,CAAA,EAC5D,SAAA,CAAAA,EAAAA,KAACG,EAAAA,YAAA,CAAY,MAAO,UAAY,SAAA,CAAAJ,GAAO,MAAM,GAAA,EAAC,SAC7CK,EAAAA,YAAA,CAAa,SAAA,CAAAL,GAAO,SAAS,GAAA,CAAA,CAAC,CAAA,EAChC,EACCA,GAAO,YACPC,EAAAA,KAACK,EAAAA,6BAAA,CACC,SAAA,CAAAN,GAAO,kBAAoBA,GAAO,qBAClCO,EAAAA,IAACC,EAAAA,OAAA,CACA,QAASR,GAAO,iBAChB,WAAYA,GAAO,oBACnB,WAAYA,GAAO,qBAAuB,WAAA,CAAA,EAG5CO,EAAAA,IAACC,EAAAA,OAAA,CACA,QAASR,GAAO,QAChB,WAAYA,GAAO,WACnB,WAAYA,GAAO,YAAc,SAAA,CAAA,CAClC,CAAA,CACD,CAAA,EAEF,EACAO,EAAAA,IAACE,EAAAA,oBACA,SAAAF,EAAAA,IAAC,MAAA,CAAI,IAAKP,GAAO,mBAAoB,IAAI,cAAA,CAAe,CAAA,CACzD,CAAA,EACD,CAEF"}

package/dist/cjs/components/banner/CardBanner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardBanner.js","sources":["../../../../src/components/banner/CardBanner.tsx"],"sourcesContent":["import { useCallback } from 'react';\nimport { Button } from '../button';\nimport { BodyCaption, TitleSmall } from '../TypographyStyle';\nimport {\n\tCardBannerButtonWrapper,\n\tCardBannerContent,\n\tCardBannerIconsWrapper,\n\tCardBannerWrapper,\n} from './Banner.styled';\nimport {\n\tAdBannerProps,\n\tBannerThirdPartyIcon,\n\tgetUrlForBannerThirdPartyIcon,\n} from './model';\n\n/**\n * CardBanner - Banner with TitleSmall, BodyCaption, 3 icons, and button\n */\n\nfunction CardBanner(props: AdBannerProps) {\n\tconst imgUrlForIcons = useCallback((icon: BannerThirdPartyIcon) => {\n\t\treturn getUrlForBannerThirdPartyIcon(icon);\n\t}, []);\n\n\treturn (\n\t\t<CardBannerWrapper style={props?.containerStyle}>\n\t\t\t<CardBannerContent>\n\t\t\t\t<TitleSmall>{props.title}</TitleSmall>\n\t\t\t\t<BodyCaption>{props.subTitle}</BodyCaption>\n\t\t\t\t<CardBannerIconsWrapper>\n\t\t\t\t\t{props.icons?.map((icon, idx) => (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tkey={idx}\n\t\t\t\t\t\t\tsrc={imgUrlForIcons(icon)}\n\t\t\t\t\t\t\talt={`icon-${idx}`}\n\t\t\t\t\t\t\t// width={32}\n\t\t\t\t\t\t\t// height={32}\n\t\t\t\t\t\t\tstyle={{ width: 32, height: 32, aspectRatio: 1 }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</CardBannerIconsWrapper>\n\t\t\t</CardBannerContent>\n\t\t\t<CardBannerButtonWrapper>\n\t\t\t\t<Button\n\t\t\t\t\tbuttonText={props.buttonText}\n\t\t\t\t\tbuttonType={props.buttonType || 'secondary'}\n\t\t\t\t\tonClick={props.onClick}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tborderRadius: '32px',\n\t\t\t\t\t\twidth: 'fit-content',\n\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t{props?.buttonSecondaryText && props?.onClickSecondary && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tbuttonText={props.buttonSecondaryText}\n\t\t\t\t\t\tbuttonType={props.buttonTypeSecondary || 'primary'}\n\t\t\t\t\t\tonClick={props.onClickSecondary}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tborderRadius: '32px',\n\t\t\t\t\t\t\twidth: 'fit-content',\n\t\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</CardBannerButtonWrapper>\n\t\t</CardBannerWrapper>\n\t);\n}\n\nexport default CardBanner;\n"],"names":["CardBanner","props","imgUrlForIcons","useCallback","icon","getUrlForBannerThirdPartyIcon","jsxs","CardBannerWrapper","CardBannerContent","jsx","TitleSmall","BodyCaption","CardBannerIconsWrapper","idx","CardBannerButtonWrapper","Button"],"mappings":"gSAmBA,SAASA,EAAWC,EAAsB,CACzC,MAAMC,EAAiBC,cAAaC,GAC5BC,EAAAA,8BAA8BD,CAAI,EACvC,CAAA,CAAE,EAEL,OACCE,EAAAA,KAACC,EAAAA,kBAAA,CAAkB,MAAON,GAAO,eAChC,SAAA,CAAAK,OAACE,EAAAA,kBAAA,CACA,SAAA,CAAAC,EAAAA,IAACC,EAAAA,WAAA,CAAY,WAAM,KAAA,CAAM,EACzBD,EAAAA,IAACE,EAAAA,YAAA,CAAa,SAAAV,EAAM,QAAA,CAAS,QAC5BW,EAAAA,uBAAA,CACC,SAAAX,EAAM,OAAO,IAAI,CAACG,EAAMS,IACxBJ,EAAAA,IAAC,MAAA,CAEA,IAAKP,EAAeE,CAAI,EACxB,IAAK,QAAQS,CAAG,GAGhB,MAAO,CAAE,MAAO,GAAI,OAAQ,GAAI,YAAa,CAAA,CAAE,EAL1CA,CAAA,CAON,CAAA,CACF,CAAA,EACD,SACCC,EAAAA,wBAAA,CACA,SAAA,CAAAL,EAAAA,IAACM,EAAAA,OAAA,CACA,WAAYd,EAAM,WAClB,WAAYA,EAAM,YAAc,YAChC,QAASA,EAAM,QACf,MAAO,CACN,aAAc,OACd,MAAO,cACP,WAAY,QAAA,CACb,CAAA,EAEAA,GAAO,qBAAuBA,GAAO,kBACrCQ,EAAAA,IAACM,EAAAA,OAAA,CACA,WAAYd,EAAM,oBAClB,WAAYA,EAAM,qBAAuB,UACzC,QAASA,EAAM,iBACf,MAAO,CACN,aAAc,OACd,MAAO,cACP,WAAY,QAAA,CACb,CAAA,CACD,CAAA,CAEF,CAAA,EACD,CAEF"}

package/dist/cjs/components/banner/CardBannerWithImage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardBannerWithImage.js","sources":["../../../../src/components/banner/CardBannerWithImage.tsx"],"sourcesContent":["import { Button } from '../button';\nimport { TitleSmall } from '../TypographyStyle';\nimport {\n\tCardButtonWrapper,\n\tCardFooterWrapper,\n\tCardImageWrapper,\n\tCardWrapper,\n\tCompanyImageWrapper,\n} from './Banner.styled';\nimport { AdBannerProps } from './model';\n\n/**\n * CardBanner component - A banner with a card-style layout featuring an image, company logo, title, and button\n */\nfunction CardBanner(props: AdBannerProps) {\n\treturn (\n\t\t<CardWrapper style={props?.containerStyle}>\n\t\t\t<CardImageWrapper>\n\t\t\t\t<img\n\t\t\t\t\tsrc={props?.cardImageUrl}\n\t\t\t\t\talt=\"Card Img\"\n\t\t\t\t\tstyle={{ aspectRatio: 'auto' }}\n\t\t\t\t/>\n\t\t\t</CardImageWrapper>\n\t\t\t<CardFooterWrapper>\n\t\t\t\t<CompanyImageWrapper>\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc={props.companyImageUrl}\n\t\t\t\t\t\talt=\"Company Img\"\n\t\t\t\t\t\tstyle={{ aspectRatio: 'auto' }}\n\t\t\t\t\t/>\n\t\t\t\t</CompanyImageWrapper>\n\t\t\t\t<TitleSmall>{props?.title}</TitleSmall>\n\t\t\t\t<CardButtonWrapper>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tonClick={props?.onClick}\n\t\t\t\t\t\tbuttonType={props?.buttonType || 'secondary'}\n\t\t\t\t\t\tbuttonText={props?.buttonText}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\twidth: 'fit-content',\n\t\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</CardButtonWrapper>\n\t\t\t</CardFooterWrapper>\n\t\t</CardWrapper>\n\t);\n}\n\nexport default CardBanner;\n"],"names":["CardBanner","props","jsxs","CardWrapper","jsx","CardImageWrapper","CardFooterWrapper","CompanyImageWrapper","TitleSmall","CardButtonWrapper","Button"],"mappings":"qPAcA,SAASA,EAAWC,EAAsB,CACzC,OACCC,EAAAA,KAACC,EAAAA,YAAA,CAAY,MAAOF,GAAO,eAC1B,SAAA,CAAAG,MAACC,EAAAA,iBAAA,CACA,SAAAD,EAAAA,IAAC,MAAA,CACA,IAAKH,GAAO,aACZ,IAAI,WACJ,MAAO,CAAE,YAAa,MAAA,CAAO,CAAA,EAE/B,SACCK,EAAAA,kBAAA,CACA,SAAA,CAAAF,MAACG,EAAAA,oBAAA,CACA,SAAAH,EAAAA,IAAC,MAAA,CACA,IAAKH,EAAM,gBACX,IAAI,cACJ,MAAO,CAAE,YAAa,MAAA,CAAO,CAAA,EAE/B,EACAG,EAAAA,IAACI,EAAAA,WAAA,CAAY,SAAAP,GAAO,KAAA,CAAM,QACzBQ,EAAAA,kBAAA,CACA,SAAAL,EAAAA,IAACM,EAAAA,OAAA,CACA,QAAST,GAAO,QAChB,WAAYA,GAAO,YAAc,YACjC,WAAYA,GAAO,WACnB,MAAO,CACN,MAAO,cACP,WAAY,QAAA,CACb,CAAA,CACD,CACD,CAAA,CAAA,CACD,CAAA,EACD,CAEF"}

package/dist/cjs/components/banner/model.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"model.js","sources":["../../../../src/components/banner/model.ts"],"sourcesContent":["import React from 'react';\nimport { Type } from '../button/model';\n\nexport enum BannerType {\n\tCARD_BANNER = 'CARD_BANNER',\n\tCARD_BANNER_WITH_IMAGE = 'CARD_BANNER_WITH_IMAGE',\n\tBANNER_INLINE = 'BANNER_INLINE',\n\tBANNER_WITH_IMAGE = 'BANNER_WITH_IMAGE',\n}\n\nexport enum BannerThirdPartyIcon {\n\tWHATSAPP = 'WHATSAPP',\n\tINSTAGRAM = 'INSTAGRAM',\n\tEMAIL = 'EMAIL',\n}\n\nexport const getUrlForBannerThirdPartyIcon = (\n\ticon: BannerThirdPartyIcon,\n): string => {\n\tswitch (icon) {\n\t\tcase BannerThirdPartyIcon.WHATSAPP:\n\t\t\treturn 'https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2Fe106cfaf-05f5-455a-90db-e03f73840879?alt=media&token=2ad25cc1-c9c9-4b4c-9273-7654fe4ab802';\n\t\tcase BannerThirdPartyIcon.INSTAGRAM:\n\t\t\treturn 'https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2Fbdcc71a8-f505-4549-8278-d6e7a95e1e19?alt=media&token=1729b489-3eb6-4dd3-b74d-e7115afdb2af';\n\t\tcase BannerThirdPartyIcon.EMAIL:\n\t\t\treturn 'https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F00910e7b-2ce2-4b14-aea1-543a138c1653?alt=media&token=93e3e15e-4a0f-4737-b9a1-c9b0168a7d62';\n\t\tdefault:\n\t\t\treturn '';\n\t}\n};\n\nexport interface AdBannerProps {\n\t/**\n\t * Type of banner to render\n\t */\n\tbannerType: BannerType;\n\n\t/**\n\t * Title text for the banner\n\t */\n\ttitle: string;\n\n\t/**\n\t * Subtitle or description text\n\t */\n\tsubTitle?: React.ReactNode;\n\n\t/**\n\t * Primary button click handler\n\t */\n\tonClick: () => void;\n\n\t/**\n\t * Type/variant of the primary button\n\t * @default 'secondary'\n\t */\n\tbuttonType?: Type;\n\n\t/**\n\t * Text for the primary button\n\t */\n\tbuttonText: string;\n\n\t/**\n\t * Text for the secondary button\n\t */\n\tbuttonSecondaryText?: string;\n\n\t/**\n\t * Secondary button click handler\n\t */\n\tonClickSecondary?: () => void;\n\n\t/**\n\t * Type/variant of the secondary button\n\t */\n\tbuttonTypeSecondary?: Type;\n\n\t/**\n\t * Array of tag labels\n\t */\n\ttags?: string[];\n\n\t/**\n\t * URL for the card image (CardBanner)\n\t */\n\tcardImageUrl?: string;\n\n\t/**\n\t * URL for the company/brand logo image\n\t */\n\tcompanyImageUrl?: string;\n\n\t/**\n\t * URL for the banner background image (BannerWithImage)\n\t */\n\tbannerWithImageUrl?: string;\n\n\t/**\n\t * Custom styles for the banner container\n\t */\n\tcontainerStyle?: React.CSSProperties;\n\n\t/**\n\t * Icons array for CardBanner\n\t */\n\ticons?: BannerThirdPartyIcon[];\n}\n"],"names":["BannerType","BannerThirdPartyIcon","getUrlForBannerThirdPartyIcon","icon"],"mappings":"gFAGO,IAAKA,GAAAA,IACXA,EAAA,YAAc,cACdA,EAAA,uBAAyB,yBACzBA,EAAA,cAAgB,gBAChBA,EAAA,kBAAoB,oBAJTA,IAAAA,GAAA,CAAA,CAAA,EAOAC,GAAAA,IACXA,EAAA,SAAW,WACXA,EAAA,UAAY,YACZA,EAAA,MAAQ,QAHGA,IAAAA,GAAA,CAAA,CAAA,EAML,MAAMC,EACZC,GACY,CACZ,OAAQA,EAAA,CACP,IAAK,WACJ,MAAO,+KACR,IAAK,YACJ,MAAO,+KACR,IAAK,QACJ,MAAO,+KACR,QACC,MAAO,EAAA,CAEV"}

package/dist/esm/components/banner/AdBanner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AdBanner.js","sources":["../../../../src/components/banner/AdBanner.tsx"],"sourcesContent":["import React from 'react';\nimport BannerInline from './BannerInline';\nimport BannerWithImage from './BannerWithImage';\nimport CardBanner from './CardBanner';\nimport CardBannerWithImage from './CardBannerWithImage';\nimport { AdBannerProps, BannerType } from './model';\n\nconst AdBanner: React.FC<AdBannerProps> = (props) => {\n\tswitch (props.bannerType) {\n\t\tcase BannerType.CARD_BANNER:\n\t\t\treturn <CardBanner {...props} />;\n\t\tcase BannerType.CARD_BANNER_WITH_IMAGE:\n\t\t\treturn <CardBannerWithImage {...props} />;\n\t\tcase BannerType.BANNER_INLINE:\n\t\t\treturn <BannerInline {...props} />;\n\t\tcase BannerType.BANNER_WITH_IMAGE:\n\t\t\treturn <BannerWithImage {...props} />;\n\t\tdefault:\n\t\t\treturn null;\n\t}\n};\n\nexport default AdBanner;\n"],"names":["AdBanner","props","BannerType","jsx","CardBanner","CardBannerWithImage","BannerInline","BannerWithImage"],"mappings":";;;;;;AAOA,MAAMA,IAAoC,CAACC,MAAU;AACpD,UAAQA,EAAM,YAAA;AAAA,IACb,KAAKC,EAAW;AACf,aAAO,gBAAAC,EAACC,GAAA,EAAY,GAAGH,EAAA,CAAO;AAAA,IAC/B,KAAKC,EAAW;AACf,aAAO,gBAAAC,EAACE,GAAA,EAAqB,GAAGJ,EAAA,CAAO;AAAA,IACxC,KAAKC,EAAW;AACf,aAAO,gBAAAC,EAACG,GAAA,EAAc,GAAGL,EAAA,CAAO;AAAA,IACjC,KAAKC,EAAW;AACf,aAAO,gBAAAC,EAACI,GAAA,EAAiB,GAAGN,EAAA,CAAO;AAAA,IACpC;AACC,aAAO;AAAA,EAAA;AAEV;"}

package/dist/esm/components/banner/Banner.stories.d.ts

@@ -1,39 +0,0 @@
-import { StoryFn } from '@storybook/react';
-import { BannerType } from './model';
-declare const _default: import('storybook/internal/csf').ComponentAnnotations<import('@storybook/react/dist/types-7abe74eb').R, import('storybook/internal/csf').Args>;
-export default _default;
-export declare const AllBanners: StoryFn;
-export declare const Card: {
-    args: {
-        bannerType: BannerType;
-        title: string;
-        cardImageUrl: string;
-        onClick: () => void;
-        buttonText: string;
-        companyImageUrl: string;
-    };
-};
-export declare const Inline: {
-    args: {
-        bannerType: BannerType;
-        title: string;
-        subTitle: string;
-        onClick: () => void;
-        buttonText: string;
-        tags: string[];
-        companyImageUrl: string;
-    };
-};
-export declare const WithImage: {
-    args: {
-        bannerType: BannerType;
-        title: string;
-        subTitle: string;
-        bannerWithImageUrl: string;
-        onClick: () => void;
-        buttonText: string;
-        buttonSecondaryText: string;
-        onClickSecondary: () => void;
-        tags: string[];
-    };
-};

package/dist/esm/components/banner/Banner.styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Banner.styled.js","sources":["../../../../src/components/banner/Banner.styled.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { COLORS } from '../../constants/Theme';\n\nexport const CardBannerWrapper = styled.div`\n\tborder: 1px solid #e0e0e0;\n\tborder-radius: 8px;\n\tbackground: rgba(239, 230, 249, 0.2);\n\tpadding: 24px;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 12px;\n`;\n\nexport const CardBannerContent = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 8px;\n`;\n\nexport const CardBannerIconsWrapper = styled.div`\n\tdisplay: flex;\n\tgap: 8px;\n`;\n\nexport const CardBannerButtonWrapper = styled.div`\n\tdisplay: flex;\n\tgap: 8px;\n\tmargin-top: 16px;\n`;\n\n// ==================== Common Shared Styles ====================\nexport const CompanyImageWrapper = styled.div`\n\twidth: 40px;\n\taspect-ratio: 1;\n\toverflow: hidden;\n\tflex-shrink: 0;\n\timg {\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tborder-radius: 8px;\n\t}\n`;\n\nexport const ButtonWrapper = styled.div`\n\twidth: fit-content;\n`;\n\nexport const ImageWrapper = styled.div`\n\twidth: 100%;\n\theight: auto;\n\timg {\n\t\twidth: 100%;\n\t\theight: auto;\n\t}\n`;\n\n// ==================== CardBanner Styles ====================\nexport const CardWrapper = styled.div`\n\twidth: 100%;\n\theight: auto;\n\tmax-height: 303px;\n\tmax-width: 440px;\n\tborder-radius: 8px;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tborder: 1px solid ${COLORS.stroke.primary};\n\tbackground-color: #fff;\n\toverflow: hidden;\n`;\n\nexport const CardFooterWrapper = styled.div`\n\twidth: 100%;\n\theight: 72px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tpadding: 16px;\n\tgap: 16px;\n`;\n\nexport const CardImageWrapper = styled(ImageWrapper)``;\n\nexport const CardButtonWrapper = styled(ButtonWrapper)``;\n\n// ==================== BannerInline Styles ====================\nexport const BannerContainer = styled.div`\n\twidth: 100%;\n\tpadding: 16px;\n\tborder: 1px solid ${COLORS.stroke.brandLightAlt};\n\tborder-radius: 8px;\n\tdisplay: flex;\n\talign-items: stretch;\n\tgap: 16px;\n\tbackground: linear-gradient(180deg, #f8f6ff 0%, #ffffff 100%);\n`;\n\nexport const MainContentWrapper = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 16px;\n\tflex-grow: 1;\n`;\n\nexport const TextWrapper = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 4px;\n`;\n\nexport const TagWrapper = styled.div`\n\tdisplay: flex;\n\tgap: 8px;\n`;\n\nexport const BottomButtonWrapper = styled.div`\n\twidth: fit-content;\n\tdisplay: flex;\n\talign-items: end;\n\tgap: 8px;\n`;\n\n// ==================== BannerWithImage Styles ====================\nexport const BannerWithImageContainer = styled.div`\n\twidth: 100%;\n\theight: 170px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tborder: 1px solid #e0e0e0;\n\tborder-radius: 8px;\n\tbackground-color: ${COLORS.background.brandLight};\n`;\n\nexport const ContentWrapper = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 24px;\n\tflex-grow: 1;\n\tpadding: 24px;\n\tz-index: 1;\n`;\n\nexport const BannerImageWrapper = styled.div`\n\theight: 170px;\n\tposition: relative;\n\timg {\n\t\tposition: absolute;\n\t\theight: 170px;\n\t\tbottom: 0;\n\t\tright: 0;\n\t}\n`;\n\nexport const BannerWithImageButtonWrapper = styled(ButtonWrapper)`\n\tdisplay: flex;\n\tjustify-content: start;\n\tgap: 8px;\n\tbutton {\n\t\tborder-radius: 32px;\n\t}\n`;\n"],"names":["CardBannerWrapper","styled","CardBannerContent","CardBannerIconsWrapper","CardBannerButtonWrapper","CompanyImageWrapper","ButtonWrapper","ImageWrapper","CardWrapper","COLORS","CardFooterWrapper","CardImageWrapper","CardButtonWrapper","BannerContainer","MainContentWrapper","TextWrapper","TagWrapper","BottomButtonWrapper","BannerWithImageContainer","ContentWrapper","BannerImageWrapper","BannerWithImageButtonWrapper"],"mappings":";;AAGO,MAAMA,IAAoBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAU3BC,IAAoBD,EAAO;AAAA;AAAA;AAAA;AAAA,GAM3BE,IAAyBF,EAAO;AAAA;AAAA;AAAA,GAKhCG,IAA0BH,EAAO;AAAA;AAAA;AAAA;AAAA,GAOjCI,IAAsBJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAY7BK,IAAgBL,EAAO;AAAA;AAAA,GAIvBM,IAAeN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUtBO,IAAcP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBASbQ,EAAO,OAAO,OAAO;AAAA;AAAA;AAAA,GAK7BC,IAAoBT,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAU3BU,IAAmBV,EAAOM,CAAY,KAEtCK,IAAoBX,EAAOK,CAAa,KAGxCO,IAAkBZ,EAAO;AAAA;AAAA;AAAA,qBAGjBQ,EAAO,OAAO,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQnCK,IAAqBb,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAO5Bc,IAAcd,EAAO;AAAA;AAAA;AAAA;AAAA,GAMrBe,IAAaf,EAAO;AAAA;AAAA;AAAA,GAKpBgB,IAAsBhB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ7BiB,IAA2BjB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAQ1BQ,EAAO,WAAW,UAAU;AAAA,GAGpCU,IAAiBlB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASxBmB,IAAqBnB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAW5BoB,IAA+BpB,EAAOK,CAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/esm/components/banner/BannerInline.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BannerInline.js","sources":["../../../../src/components/banner/BannerInline.tsx"],"sourcesContent":["import { Button } from '../button';\nimport { Tag } from '../tag';\nimport { BodyCaption, TitleRegular } from '../TypographyStyle';\nimport {\n\tBannerContainer,\n\tBottomButtonWrapper,\n\tCompanyImageWrapper,\n\tMainContentWrapper,\n\tTagWrapper,\n\tTextWrapper,\n} from './Banner.styled';\nimport { AdBannerProps } from './model';\n\n/**\n * BannerInline component - An inline banner with company logo, title, subtitle, tags, and button\n */\nfunction BannerInline(props: AdBannerProps) {\n\treturn (\n\t\t<BannerContainer style={props?.containerStyle}>\n\t\t\t<CompanyImageWrapper>\n\t\t\t\t<img\n\t\t\t\t\tsrc={props.companyImageUrl}\n\t\t\t\t\talt=\"Company Img\"\n\t\t\t\t\tstyle={{ aspectRatio: 'auto' }}\n\t\t\t\t/>\n\t\t\t</CompanyImageWrapper>\n\t\t\t<MainContentWrapper>\n\t\t\t\t<TextWrapper>\n\t\t\t\t\t<TitleRegular>{props.title}</TitleRegular>\n\t\t\t\t\t<BodyCaption>{props.subTitle}</BodyCaption>\n\t\t\t\t</TextWrapper>\n\t\t\t\t{props?.tags && props?.tags?.length > 0 && (\n\t\t\t\t\t<TagWrapper>\n\t\t\t\t\t\t{props?.tags?.map((tag, index) => (\n\t\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\ttagText={tag}\n\t\t\t\t\t\t\t\tvariant=\"circle\"\n\t\t\t\t\t\t\t\ttype=\"purple\"\n\t\t\t\t\t\t\t\ttagColor=\"#212121\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</TagWrapper>\n\t\t\t\t)}\n\t\t\t</MainContentWrapper>\n\t\t\t<BottomButtonWrapper>\n\t\t\t\t<Button\n\t\t\t\t\tbuttonText={props.buttonText}\n\t\t\t\t\tbuttonType={props.buttonType || 'secondary'}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tborderRadius: '32px',\n\t\t\t\t\t\twidth: 'fit-content',\n\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t}}\n\t\t\t\t\tonClick={props.onClick}\n\t\t\t\t/>\n\t\t\t\t{props?.buttonSecondaryText && props?.onClickSecondary && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tbuttonText={props.buttonSecondaryText}\n\t\t\t\t\t\tbuttonType={props.buttonTypeSecondary || 'primary'}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tborderRadius: '32px',\n\t\t\t\t\t\t\twidth: 'fit-content',\n\t\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tonClick={props.onClickSecondary}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</BottomButtonWrapper>\n\t\t</BannerContainer>\n\t);\n}\n\nexport default BannerInline;\n"],"names":["BannerInline","props","jsxs","BannerContainer","jsx","CompanyImageWrapper","MainContentWrapper","TextWrapper","TitleRegular","BodyCaption","TagWrapper","tag","index","Tag","BottomButtonWrapper","Button"],"mappings":";;;;;AAgBA,SAASA,EAAaC,GAAsB;AAC3C,SACC,gBAAAC,EAACC,GAAA,EAAgB,OAAOF,GAAO,gBAC9B,UAAA;AAAA,IAAA,gBAAAG,EAACC,GAAA,EACA,UAAA,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,KAAKH,EAAM;AAAA,QACX,KAAI;AAAA,QACJ,OAAO,EAAE,aAAa,OAAA;AAAA,MAAO;AAAA,IAAA,GAE/B;AAAA,sBACCK,GAAA,EACA,UAAA;AAAA,MAAA,gBAAAJ,EAACK,GAAA,EACA,UAAA;AAAA,QAAA,gBAAAH,EAACI,GAAA,EAAc,YAAM,MAAA,CAAM;AAAA,QAC3B,gBAAAJ,EAACK,GAAA,EAAa,UAAAR,EAAM,SAAA,CAAS;AAAA,MAAA,GAC9B;AAAA,MACCA,GAAO,QAAQA,GAAO,MAAM,SAAS,KACrC,gBAAAG,EAACM,GAAA,EACC,UAAAT,GAAO,MAAM,IAAI,CAACU,GAAKC,MACvB,gBAAAR;AAAA,QAACS;AAAA,QAAA;AAAA,UAEA,SAASF;AAAA,UACT,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,UAAS;AAAA,QAAA;AAAA,QAJJC;AAAA,MAAA,CAMN,EAAA,CACF;AAAA,IAAA,GAEF;AAAA,sBACCE,GAAA,EACA,UAAA;AAAA,MAAA,gBAAAV;AAAA,QAACW;AAAA,QAAA;AAAA,UACA,YAAYd,EAAM;AAAA,UAClB,YAAYA,EAAM,cAAc;AAAA,UAChC,OAAO;AAAA,YACN,cAAc;AAAA,YACd,OAAO;AAAA,YACP,YAAY;AAAA,UAAA;AAAA,UAEb,SAASA,EAAM;AAAA,QAAA;AAAA,MAAA;AAAA,MAEfA,GAAO,uBAAuBA,GAAO,oBACrC,gBAAAG;AAAA,QAACW;AAAA,QAAA;AAAA,UACA,YAAYd,EAAM;AAAA,UAClB,YAAYA,EAAM,uBAAuB;AAAA,UACzC,OAAO;AAAA,YACN,cAAc;AAAA,YACd,OAAO;AAAA,YACP,YAAY;AAAA,UAAA;AAAA,UAEb,SAASA,EAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB,EAAA,CAEF;AAAA,EAAA,GACD;AAEF;"}

package/dist/esm/components/banner/BannerWithImage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BannerWithImage.js","sources":["../../../../src/components/banner/BannerWithImage.tsx"],"sourcesContent":["import { Button } from '../button';\nimport { BodyPrimary, TitleMedium } from '../TypographyStyle';\nimport {\n\tBannerImageWrapper,\n\tBannerWithImageButtonWrapper,\n\tBannerWithImageContainer,\n\tContentWrapper,\n} from './Banner.styled';\nimport { AdBannerProps } from './model';\n\n/**\n * BannerWithImage component - A full-width banner with background image, title, subtitle, and action buttons\n */\nfunction BannerWithImage(props: AdBannerProps) {\n\treturn (\n\t\t<BannerWithImageContainer style={props?.containerStyle}>\n\t\t\t<ContentWrapper>\n\t\t\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>\n\t\t\t\t\t<TitleMedium color={'#28034e'}>{props?.title} </TitleMedium>\n\t\t\t\t\t<BodyPrimary>{props?.subTitle} </BodyPrimary>\n\t\t\t\t</div>\n\t\t\t\t{props?.buttonText && (\n\t\t\t\t\t<BannerWithImageButtonWrapper>\n\t\t\t\t\t\t{props?.onClickSecondary && props?.buttonSecondaryText && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tonClick={props?.onClickSecondary}\n\t\t\t\t\t\t\t\tbuttonText={props?.buttonSecondaryText}\n\t\t\t\t\t\t\t\tbuttonType={props?.buttonTypeSecondary || 'secondary'}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tonClick={props?.onClick}\n\t\t\t\t\t\t\tbuttonText={props?.buttonText}\n\t\t\t\t\t\t\tbuttonType={props?.buttonType || 'primary'}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</BannerWithImageButtonWrapper>\n\t\t\t\t)}\n\t\t\t</ContentWrapper>\n\t\t\t<BannerImageWrapper>\n\t\t\t\t<img src={props?.bannerWithImageUrl} alt=\"Banner image\" />\n\t\t\t</BannerImageWrapper>\n\t\t</BannerWithImageContainer>\n\t);\n}\n\nexport default BannerWithImage;\n"],"names":["BannerWithImage","props","jsxs","BannerWithImageContainer","ContentWrapper","TitleMedium","BodyPrimary","BannerWithImageButtonWrapper","jsx","Button","BannerImageWrapper"],"mappings":";;;;AAaA,SAASA,EAAgBC,GAAsB;AAC9C,SACC,gBAAAC,EAACC,GAAA,EAAyB,OAAOF,GAAO,gBACvC,UAAA;AAAA,IAAA,gBAAAC,EAACE,GAAA,EACA,UAAA;AAAA,MAAA,gBAAAF,EAAC,OAAA,EAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,UAAU,KAAK,EAAA,GAC5D,UAAA;AAAA,QAAA,gBAAAA,EAACG,GAAA,EAAY,OAAO,WAAY,UAAA;AAAA,UAAAJ,GAAO;AAAA,UAAM;AAAA,QAAA,GAAC;AAAA,0BAC7CK,GAAA,EAAa,UAAA;AAAA,UAAAL,GAAO;AAAA,UAAS;AAAA,QAAA,EAAA,CAAC;AAAA,MAAA,GAChC;AAAA,MACCA,GAAO,cACP,gBAAAC,EAACK,GAAA,EACC,UAAA;AAAA,QAAAN,GAAO,oBAAoBA,GAAO,uBAClC,gBAAAO;AAAA,UAACC;AAAA,UAAA;AAAA,YACA,SAASR,GAAO;AAAA,YAChB,YAAYA,GAAO;AAAA,YACnB,YAAYA,GAAO,uBAAuB;AAAA,UAAA;AAAA,QAAA;AAAA,QAG5C,gBAAAO;AAAA,UAACC;AAAA,UAAA;AAAA,YACA,SAASR,GAAO;AAAA,YAChB,YAAYA,GAAO;AAAA,YACnB,YAAYA,GAAO,cAAc;AAAA,UAAA;AAAA,QAAA;AAAA,MAClC,EAAA,CACD;AAAA,IAAA,GAEF;AAAA,IACA,gBAAAO,EAACE,KACA,UAAA,gBAAAF,EAAC,OAAA,EAAI,KAAKP,GAAO,oBAAoB,KAAI,eAAA,CAAe,EAAA,CACzD;AAAA,EAAA,GACD;AAEF;"}

package/dist/esm/components/banner/CardBanner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardBanner.js","sources":["../../../../src/components/banner/CardBanner.tsx"],"sourcesContent":["import { useCallback } from 'react';\nimport { Button } from '../button';\nimport { BodyCaption, TitleSmall } from '../TypographyStyle';\nimport {\n\tCardBannerButtonWrapper,\n\tCardBannerContent,\n\tCardBannerIconsWrapper,\n\tCardBannerWrapper,\n} from './Banner.styled';\nimport {\n\tAdBannerProps,\n\tBannerThirdPartyIcon,\n\tgetUrlForBannerThirdPartyIcon,\n} from './model';\n\n/**\n * CardBanner - Banner with TitleSmall, BodyCaption, 3 icons, and button\n */\n\nfunction CardBanner(props: AdBannerProps) {\n\tconst imgUrlForIcons = useCallback((icon: BannerThirdPartyIcon) => {\n\t\treturn getUrlForBannerThirdPartyIcon(icon);\n\t}, []);\n\n\treturn (\n\t\t<CardBannerWrapper style={props?.containerStyle}>\n\t\t\t<CardBannerContent>\n\t\t\t\t<TitleSmall>{props.title}</TitleSmall>\n\t\t\t\t<BodyCaption>{props.subTitle}</BodyCaption>\n\t\t\t\t<CardBannerIconsWrapper>\n\t\t\t\t\t{props.icons?.map((icon, idx) => (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tkey={idx}\n\t\t\t\t\t\t\tsrc={imgUrlForIcons(icon)}\n\t\t\t\t\t\t\talt={`icon-${idx}`}\n\t\t\t\t\t\t\t// width={32}\n\t\t\t\t\t\t\t// height={32}\n\t\t\t\t\t\t\tstyle={{ width: 32, height: 32, aspectRatio: 1 }}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t</CardBannerIconsWrapper>\n\t\t\t</CardBannerContent>\n\t\t\t<CardBannerButtonWrapper>\n\t\t\t\t<Button\n\t\t\t\t\tbuttonText={props.buttonText}\n\t\t\t\t\tbuttonType={props.buttonType || 'secondary'}\n\t\t\t\t\tonClick={props.onClick}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tborderRadius: '32px',\n\t\t\t\t\t\twidth: 'fit-content',\n\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t\t{props?.buttonSecondaryText && props?.onClickSecondary && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tbuttonText={props.buttonSecondaryText}\n\t\t\t\t\t\tbuttonType={props.buttonTypeSecondary || 'primary'}\n\t\t\t\t\t\tonClick={props.onClickSecondary}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tborderRadius: '32px',\n\t\t\t\t\t\t\twidth: 'fit-content',\n\t\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</CardBannerButtonWrapper>\n\t\t</CardBannerWrapper>\n\t);\n}\n\nexport default CardBanner;\n"],"names":["CardBanner","props","imgUrlForIcons","useCallback","icon","getUrlForBannerThirdPartyIcon","jsxs","CardBannerWrapper","CardBannerContent","jsx","TitleSmall","BodyCaption","CardBannerIconsWrapper","idx","CardBannerButtonWrapper","Button"],"mappings":";;;;;;AAmBA,SAASA,EAAWC,GAAsB;AACzC,QAAMC,IAAiBC,EAAY,CAACC,MAC5BC,EAA8BD,CAAI,GACvC,CAAA,CAAE;AAEL,SACC,gBAAAE,EAACC,GAAA,EAAkB,OAAON,GAAO,gBAChC,UAAA;AAAA,IAAA,gBAAAK,EAACE,GAAA,EACA,UAAA;AAAA,MAAA,gBAAAC,EAACC,GAAA,EAAY,YAAM,MAAA,CAAM;AAAA,MACzB,gBAAAD,EAACE,GAAA,EAAa,UAAAV,EAAM,SAAA,CAAS;AAAA,wBAC5BW,GAAA,EACC,UAAAX,EAAM,OAAO,IAAI,CAACG,GAAMS,MACxB,gBAAAJ;AAAA,QAAC;AAAA,QAAA;AAAA,UAEA,KAAKP,EAAeE,CAAI;AAAA,UACxB,KAAK,QAAQS,CAAG;AAAA,UAGhB,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,aAAa,EAAA;AAAA,QAAE;AAAA,QAL1CA;AAAA,MAAA,CAON,EAAA,CACF;AAAA,IAAA,GACD;AAAA,sBACCC,GAAA,EACA,UAAA;AAAA,MAAA,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UACA,YAAYd,EAAM;AAAA,UAClB,YAAYA,EAAM,cAAc;AAAA,UAChC,SAASA,EAAM;AAAA,UACf,OAAO;AAAA,YACN,cAAc;AAAA,YACd,OAAO;AAAA,YACP,YAAY;AAAA,UAAA;AAAA,QACb;AAAA,MAAA;AAAA,MAEAA,GAAO,uBAAuBA,GAAO,oBACrC,gBAAAQ;AAAA,QAACM;AAAA,QAAA;AAAA,UACA,YAAYd,EAAM;AAAA,UAClB,YAAYA,EAAM,uBAAuB;AAAA,UACzC,SAASA,EAAM;AAAA,UACf,OAAO;AAAA,YACN,cAAc;AAAA,YACd,OAAO;AAAA,YACP,YAAY;AAAA,UAAA;AAAA,QACb;AAAA,MAAA;AAAA,IACD,EAAA,CAEF;AAAA,EAAA,GACD;AAEF;"}

package/dist/esm/components/banner/CardBannerWithImage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardBannerWithImage.js","sources":["../../../../src/components/banner/CardBannerWithImage.tsx"],"sourcesContent":["import { Button } from '../button';\nimport { TitleSmall } from '../TypographyStyle';\nimport {\n\tCardButtonWrapper,\n\tCardFooterWrapper,\n\tCardImageWrapper,\n\tCardWrapper,\n\tCompanyImageWrapper,\n} from './Banner.styled';\nimport { AdBannerProps } from './model';\n\n/**\n * CardBanner component - A banner with a card-style layout featuring an image, company logo, title, and button\n */\nfunction CardBanner(props: AdBannerProps) {\n\treturn (\n\t\t<CardWrapper style={props?.containerStyle}>\n\t\t\t<CardImageWrapper>\n\t\t\t\t<img\n\t\t\t\t\tsrc={props?.cardImageUrl}\n\t\t\t\t\talt=\"Card Img\"\n\t\t\t\t\tstyle={{ aspectRatio: 'auto' }}\n\t\t\t\t/>\n\t\t\t</CardImageWrapper>\n\t\t\t<CardFooterWrapper>\n\t\t\t\t<CompanyImageWrapper>\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc={props.companyImageUrl}\n\t\t\t\t\t\talt=\"Company Img\"\n\t\t\t\t\t\tstyle={{ aspectRatio: 'auto' }}\n\t\t\t\t\t/>\n\t\t\t\t</CompanyImageWrapper>\n\t\t\t\t<TitleSmall>{props?.title}</TitleSmall>\n\t\t\t\t<CardButtonWrapper>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tonClick={props?.onClick}\n\t\t\t\t\t\tbuttonType={props?.buttonType || 'secondary'}\n\t\t\t\t\t\tbuttonText={props?.buttonText}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\twidth: 'fit-content',\n\t\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</CardButtonWrapper>\n\t\t\t</CardFooterWrapper>\n\t\t</CardWrapper>\n\t);\n}\n\nexport default CardBanner;\n"],"names":["CardBanner","props","jsxs","CardWrapper","jsx","CardImageWrapper","CardFooterWrapper","CompanyImageWrapper","TitleSmall","CardButtonWrapper","Button"],"mappings":";;;;AAcA,SAASA,EAAWC,GAAsB;AACzC,SACC,gBAAAC,EAACC,GAAA,EAAY,OAAOF,GAAO,gBAC1B,UAAA;AAAA,IAAA,gBAAAG,EAACC,GAAA,EACA,UAAA,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACA,KAAKH,GAAO;AAAA,QACZ,KAAI;AAAA,QACJ,OAAO,EAAE,aAAa,OAAA;AAAA,MAAO;AAAA,IAAA,GAE/B;AAAA,sBACCK,GAAA,EACA,UAAA;AAAA,MAAA,gBAAAF,EAACG,GAAA,EACA,UAAA,gBAAAH;AAAA,QAAC;AAAA,QAAA;AAAA,UACA,KAAKH,EAAM;AAAA,UACX,KAAI;AAAA,UACJ,OAAO,EAAE,aAAa,OAAA;AAAA,QAAO;AAAA,MAAA,GAE/B;AAAA,MACA,gBAAAG,EAACI,GAAA,EAAY,UAAAP,GAAO,MAAA,CAAM;AAAA,wBACzBQ,GAAA,EACA,UAAA,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UACA,SAAST,GAAO;AAAA,UAChB,YAAYA,GAAO,cAAc;AAAA,UACjC,YAAYA,GAAO;AAAA,UACnB,OAAO;AAAA,YACN,OAAO;AAAA,YACP,YAAY;AAAA,UAAA;AAAA,QACb;AAAA,MAAA,EACD,CACD;AAAA,IAAA,EAAA,CACD;AAAA,EAAA,GACD;AAEF;"}

package/dist/esm/components/banner/model.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"model.js","sources":["../../../../src/components/banner/model.ts"],"sourcesContent":["import React from 'react';\nimport { Type } from '../button/model';\n\nexport enum BannerType {\n\tCARD_BANNER = 'CARD_BANNER',\n\tCARD_BANNER_WITH_IMAGE = 'CARD_BANNER_WITH_IMAGE',\n\tBANNER_INLINE = 'BANNER_INLINE',\n\tBANNER_WITH_IMAGE = 'BANNER_WITH_IMAGE',\n}\n\nexport enum BannerThirdPartyIcon {\n\tWHATSAPP = 'WHATSAPP',\n\tINSTAGRAM = 'INSTAGRAM',\n\tEMAIL = 'EMAIL',\n}\n\nexport const getUrlForBannerThirdPartyIcon = (\n\ticon: BannerThirdPartyIcon,\n): string => {\n\tswitch (icon) {\n\t\tcase BannerThirdPartyIcon.WHATSAPP:\n\t\t\treturn 'https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2Fe106cfaf-05f5-455a-90db-e03f73840879?alt=media&token=2ad25cc1-c9c9-4b4c-9273-7654fe4ab802';\n\t\tcase BannerThirdPartyIcon.INSTAGRAM:\n\t\t\treturn 'https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2Fbdcc71a8-f505-4549-8278-d6e7a95e1e19?alt=media&token=1729b489-3eb6-4dd3-b74d-e7115afdb2af';\n\t\tcase BannerThirdPartyIcon.EMAIL:\n\t\t\treturn 'https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F00910e7b-2ce2-4b14-aea1-543a138c1653?alt=media&token=93e3e15e-4a0f-4737-b9a1-c9b0168a7d62';\n\t\tdefault:\n\t\t\treturn '';\n\t}\n};\n\nexport interface AdBannerProps {\n\t/**\n\t * Type of banner to render\n\t */\n\tbannerType: BannerType;\n\n\t/**\n\t * Title text for the banner\n\t */\n\ttitle: string;\n\n\t/**\n\t * Subtitle or description text\n\t */\n\tsubTitle?: React.ReactNode;\n\n\t/**\n\t * Primary button click handler\n\t */\n\tonClick: () => void;\n\n\t/**\n\t * Type/variant of the primary button\n\t * @default 'secondary'\n\t */\n\tbuttonType?: Type;\n\n\t/**\n\t * Text for the primary button\n\t */\n\tbuttonText: string;\n\n\t/**\n\t * Text for the secondary button\n\t */\n\tbuttonSecondaryText?: string;\n\n\t/**\n\t * Secondary button click handler\n\t */\n\tonClickSecondary?: () => void;\n\n\t/**\n\t * Type/variant of the secondary button\n\t */\n\tbuttonTypeSecondary?: Type;\n\n\t/**\n\t * Array of tag labels\n\t */\n\ttags?: string[];\n\n\t/**\n\t * URL for the card image (CardBanner)\n\t */\n\tcardImageUrl?: string;\n\n\t/**\n\t * URL for the company/brand logo image\n\t */\n\tcompanyImageUrl?: string;\n\n\t/**\n\t * URL for the banner background image (BannerWithImage)\n\t */\n\tbannerWithImageUrl?: string;\n\n\t/**\n\t * Custom styles for the banner container\n\t */\n\tcontainerStyle?: React.CSSProperties;\n\n\t/**\n\t * Icons array for CardBanner\n\t */\n\ticons?: BannerThirdPartyIcon[];\n}\n"],"names":["BannerType","BannerThirdPartyIcon","getUrlForBannerThirdPartyIcon","icon"],"mappings":"AAGO,IAAKA,sBAAAA,OACXA,EAAA,cAAc,eACdA,EAAA,yBAAyB,0BACzBA,EAAA,gBAAgB,iBAChBA,EAAA,oBAAoB,qBAJTA,IAAAA,KAAA,CAAA,CAAA,GAOAC,sBAAAA,OACXA,EAAA,WAAW,YACXA,EAAA,YAAY,aACZA,EAAA,QAAQ,SAHGA,IAAAA,KAAA,CAAA,CAAA;AAML,MAAMC,IAAgC,CAC5CC,MACY;AACZ,UAAQA,GAAA;AAAA,IACP,KAAK;AACJ,aAAO;AAAA,IACR,KAAK;AACJ,aAAO;AAAA,IACR,KAAK;AACJ,aAAO;AAAA,IACR;AACC,aAAO;AAAA,EAAA;AAEV;"}