@bikdotai/bik-component-library 0.0.823 → 0.0.824-beta.0

package/dist/esm/icons/BIK AI specific/WandSparkles.js

@@ -0,0 +1,39 @@
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+const C = ({
+  size: t = 24,
+  color: e = "currentColor",
+  ...i
+}) => {
+  const o = {
+    width: t,
+    height: t,
+    color: e,
+    ...i
+  };
+  return /* @__PURE__ */ l(
+    "svg",
+    {
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...o,
+      children: [
+        /* @__PURE__ */ r("g", { clipPath: "url(#clip0_758_122311)", children: /* @__PURE__ */ r(
+          "path",
+          {
+            d: "M9.3332 4.66659L11.3332 6.66658M3.3332 3.99992V6.66658M12.6665 9.33325V11.9999M6.66653 1.33325V2.66659M4.66653 5.33325H1.99987M13.9999 10.6666H11.3332M7.3332 1.99992H5.99987M14.4265 2.42659L13.5732 1.57325C13.4982 1.49746 13.4089 1.4373 13.3105 1.39624C13.2121 1.35518 13.1065 1.33404 12.9999 1.33404C12.8932 1.33404 12.7877 1.35518 12.6893 1.39624C12.5908 1.4373 12.5015 1.49746 12.4265 1.57325L1.5732 12.4266C1.49741 12.5016 1.43725 12.5909 1.39619 12.6893C1.35513 12.7877 1.33398 12.8933 1.33398 12.9999C1.33398 13.1066 1.35513 13.2121 1.39619 13.3105C1.43725 13.4089 1.49741 13.4982 1.5732 13.5733L2.42653 14.4266C2.50108 14.5032 2.59022 14.5641 2.6887 14.6057C2.78717 14.6472 2.89298 14.6687 2.99987 14.6687C3.10676 14.6687 3.21256 14.6472 3.31104 14.6057C3.40951 14.5641 3.49865 14.5032 3.5732 14.4266L14.4265 3.57325C14.5031 3.4987 14.564 3.40956 14.6056 3.31109C14.6472 3.21262 14.6686 3.10681 14.6686 2.99992C14.6686 2.89303 14.6472 2.78722 14.6056 2.68875C14.564 2.59028 14.5031 2.50113 14.4265 2.42659Z",
+            stroke: "#616161",
+            strokeWidth: 1.5,
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ) }),
+        /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { id: "clip0_758_122311", children: /* @__PURE__ */ r("rect", { width: 16, height: 16, fill: "white" }) }) })
+      ]
+    }
+  );
+};
+export {
+  C as default
+};
+//# sourceMappingURL=WandSparkles.js.map

package/dist/esm/icons/BIK AI specific/WandSparkles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WandSparkles.js","sources":["../../../../src/icons/BIK AI specific/WandSparkles.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\n\ninterface Props extends SVGProps<SVGSVGElement> {\n\tsize?: number | string;\n\tcolor?: string;\n}\nconst SvgWandSparkles = ({\n\tsize = 24,\n\tcolor = 'currentColor',\n\t...rest\n}: Props) => {\n\tconst props = {\n\t\twidth: size,\n\t\theight: size,\n\t\tcolor,\n\t\t...rest,\n\t};\n\treturn (\n\t\t<svg\n\t\t\tviewBox=\"0 0 16 16\"\n\t\t\tfill=\"none\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t{...props}\n\t\t>\n\t\t\t<g clipPath=\"url(#clip0_758_122311)\">\n\t\t\t\t<path\n\t\t\t\t\td=\"M9.3332 4.66659L11.3332 6.66658M3.3332 3.99992V6.66658M12.6665 9.33325V11.9999M6.66653 1.33325V2.66659M4.66653 5.33325H1.99987M13.9999 10.6666H11.3332M7.3332 1.99992H5.99987M14.4265 2.42659L13.5732 1.57325C13.4982 1.49746 13.4089 1.4373 13.3105 1.39624C13.2121 1.35518 13.1065 1.33404 12.9999 1.33404C12.8932 1.33404 12.7877 1.35518 12.6893 1.39624C12.5908 1.4373 12.5015 1.49746 12.4265 1.57325L1.5732 12.4266C1.49741 12.5016 1.43725 12.5909 1.39619 12.6893C1.35513 12.7877 1.33398 12.8933 1.33398 12.9999C1.33398 13.1066 1.35513 13.2121 1.39619 13.3105C1.43725 13.4089 1.49741 13.4982 1.5732 13.5733L2.42653 14.4266C2.50108 14.5032 2.59022 14.5641 2.6887 14.6057C2.78717 14.6472 2.89298 14.6687 2.99987 14.6687C3.10676 14.6687 3.21256 14.6472 3.31104 14.6057C3.40951 14.5641 3.49865 14.5032 3.5732 14.4266L14.4265 3.57325C14.5031 3.4987 14.564 3.40956 14.6056 3.31109C14.6472 3.21262 14.6686 3.10681 14.6686 2.99992C14.6686 2.89303 14.6472 2.78722 14.6056 2.68875C14.564 2.59028 14.5031 2.50113 14.4265 2.42659Z\"\n\t\t\t\t\tstroke=\"#616161\"\n\t\t\t\t\tstrokeWidth={1.5}\n\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t/>\n\t\t\t</g>\n\t\t\t<defs>\n\t\t\t\t<clipPath id=\"clip0_758_122311\">\n\t\t\t\t\t<rect width={16} height={16} fill=\"white\" />\n\t\t\t\t</clipPath>\n\t\t\t</defs>\n\t\t</svg>\n\t);\n};\nexport default SvgWandSparkles;\n"],"names":["SvgWandSparkles","size","color","rest","props","jsxs","jsx"],"mappings":";AAMA,MAAMA,IAAkB,CAAC;AAAA,EACxB,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,GAAGC;AACJ,MAAa;AACZ,QAAMC,IAAQ;AAAA,IACb,OAAOH;AAAA,IACP,QAAQA;AAAA,IACR,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA;AAEJ,SACC,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACL,GAAGD;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAE,EAAC,KAAA,EAAE,UAAS,0BACX,UAAA,gBAAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,GAAE;AAAA,YACF,QAAO;AAAA,YACP,aAAa;AAAA,YACb,eAAc;AAAA,YACd,gBAAe;AAAA,UAAA;AAAA,QAAA,GAEjB;AAAA,QACA,gBAAAA,EAAC,QAAA,EACA,UAAA,gBAAAA,EAAC,YAAA,EAAS,IAAG,oBACZ,UAAA,gBAAAA,EAAC,QAAA,EAAK,OAAO,IAAI,QAAQ,IAAI,MAAK,SAAQ,GAC3C,EAAA,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGH;"}

package/dist/esm/icons/BIK AI specific/index.d.ts

@@ -12,4 +12,5 @@ export { default as PricePlease } from './PricePlease';
 export { default as Shape } from './Shape';
 export { default as Shorter } from './Shorter';
 export { default as Sparkling2Line } from './Sparkling2Line';
+export { default as WandSparkles } from './WandSparkles';
 export { default as Write } from './Write';

package/dist/esm/icons/index.d.ts

@@ -7,7 +7,7 @@ export { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from './Arrows/Chev
 export { ChevronDoubleDown, ChevronDoubleLeft, ChevronDoubleRight, ChevronDoubleUp } from './Arrows/Double chevron';
 export { ArrowDown, ArrowDownLeft, ArrowDownRight, ArrowLeft, ArrowRight, ArrowUp, ArrowUpLeft, ArrowUpRight } from './Arrows/Normal arrows';
 export { ArrowSwitch } from './Arrows/Special';
-export { AiIcon, AiEmoji, AiRobot, Expand, Frame27389, Frame27597, Frame27598, Frame27599, GeminiSparkle, ManifestSparkle, PricePlease, Shape, Shorter, Sparkling2Line, Write } from './BIK AI specific';
+export { AiIcon, AiEmoji, AiRobot, Expand, Frame27389, Frame27597, Frame27598, Frame27599, GeminiSparkle, ManifestSparkle, PricePlease, Shape, Shorter, Sparkling2Line, WandSparkles, Write } from './BIK AI specific';
 export { Bell, BellSync, Bulb, Forms, MenuHamburger, MessageSearch, MoreHorizontal, MoreVertical, Placeholder, Search, Settings, Training } from './Informational/Common UI';
 export { Chat, ChatCheck, ChatQuestion, ChatStar, Email, LiveChat, Phone } from './Informational/Communication';
 export { ClipboardCheck, Experimental, Help, Percent, Purchase, Services, ShoppingCart, Unsatisfactory, UserSound } from './Informational/Customer intent';

package/dist/esm/icons/index.js

@@ -248,14 +248,15 @@ import { default as ud } from "./Media/Audio/VolumeMute.js";
 import { default as xd } from "./Media/Audio/VolumeOneline.js";
 import { default as nd } from "./Media/Audio/VolumeTwoline.js";
 import { default as hd } from "./Informational/Finance/Wallet.js";
-import { default as gd } from "./Social/Channels/WebPush.js";
-import { default as kd } from "./Social/Social/Website.js";
-import { default as Ad } from "./Social/Channels/WhatsApp.js";
-import { default as Md } from "./Actions/Navigation/Whatsapp.js";
-import { default as Td } from "./Social/Social/Whatsapp.js";
-import { default as Rd } from "./Informational/Date and time/WorkingHours.js";
-import { default as vd } from "./BIK AI specific/Write.js";
-import { default as yd } from "./Social/Social/Youtube.js";
+import { default as gd } from "./BIK AI specific/WandSparkles.js";
+import { default as kd } from "./Social/Channels/WebPush.js";
+import { default as Ad } from "./Social/Social/Website.js";
+import { default as Md } from "./Social/Channels/WhatsApp.js";
+import { default as Td } from "./Actions/Navigation/Whatsapp.js";
+import { default as Rd } from "./Social/Social/Whatsapp.js";
+import { default as vd } from "./Informational/Date and time/WorkingHours.js";
+import { default as yd } from "./BIK AI specific/Write.js";
+import { default as Ud } from "./Social/Social/Youtube.js";
 export {
   o as Activate,
   t as AddLabel,
@@ -507,13 +508,14 @@ export {
   xd as VolumeOneline,
   nd as VolumeTwoline,
   hd as Wallet,
-  gd as WebPush,
-  kd as Website,
-  Ad as WhatsApp,
-  Md as Whatsapp,
-  Td as Whatsapp2,
-  Rd as WorkingHours,
-  vd as Write,
-  yd as Youtube
+  gd as WandSparkles,
+  kd as WebPush,
+  Ad as Website,
+  Md as WhatsApp,
+  Td as Whatsapp,
+  Rd as Whatsapp2,
+  vd as WorkingHours,
+  yd as Write,
+  Ud as Youtube
 };
 //# sourceMappingURL=index.js.map

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-beta.0",
 	"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;"}