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

package/dist/esm/components/{banner → adbanner}/Banner.styled.js

@@ -1,6 +1,6 @@
 import e from "styled-components";
 import { COLORS as t } from "../../constants/Theme.js";
-const n = e.div`
+const p = e.div`
 	border: 1px solid #e0e0e0;
 	border-radius: 8px;
 	background: rgba(239, 230, 249, 0.2);
@@ -29,9 +29,9 @@ const n = e.div`
 		height: auto;
 		border-radius: 8px;
 	}
-`, r = e.div`
-	width: fit-content;
 `, i = e.div`
+	width: fit-content;
+`, r = e.div`
 	width: 100%;
 	height: auto;
 	img {
@@ -58,8 +58,9 @@ const n = e.div`
 	justify-content: space-between;
 	padding: 16px;
 	gap: 16px;
-`, c = e(i)``, f = e(r)``, h = e.div`
+`, c = e(r)``, f = e(i)``, h = e.div`
 	width: 100%;
+	box-sizing: border-box;
 	padding: 16px;
 	border: 1px solid ${t.stroke.brandLightAlt};
 	border-radius: 8px;
@@ -72,6 +73,7 @@ const n = e.div`
 	flex-direction: column;
 	gap: 16px;
 	flex-grow: 1;
+	min-width: 0;
 `, u = e.div`
 	display: flex;
 	flex-direction: column;
@@ -79,12 +81,12 @@ const n = e.div`
 `, b = e.div`
 	display: flex;
 	gap: 8px;
-`, v = e.div`
+`, y = e.div`
 	width: fit-content;
 	display: flex;
 	align-items: end;
 	gap: 8px;
-`, y = e.div`
+`, v = e.div`
 	width: 100%;
 	height: 170px;
 	display: flex;
@@ -92,14 +94,16 @@ const n = e.div`
 	justify-content: space-between;
 	border: 1px solid #e0e0e0;
 	border-radius: 8px;
-	background-color: ${t.background.brandLight};
+	background-color: ${t.background.brandVeryLight};
 `, W = e.div`
 	display: flex;
 	flex-direction: column;
 	gap: 24px;
-	flex-grow: 1;
+	flex: 0 0 50%;
+	max-width: 50%;
 	padding: 24px;
 	z-index: 1;
+	box-sizing: border-box;
 `, w = e.div`
 	height: 170px;
 	position: relative;
@@ -109,7 +113,7 @@ const n = e.div`
 		bottom: 0;
 		right: 0;
 	}
-`, C = e(r)`
+`, C = e(i)`
 	display: flex;
 	justify-content: start;
 	gap: 8px;
@@ -121,20 +125,20 @@ export {
   h as BannerContainer,
   w as BannerImageWrapper,
   C as BannerWithImageButtonWrapper,
-  y as BannerWithImageContainer,
-  v as BottomButtonWrapper,
-  r as ButtonWrapper,
+  v as BannerWithImageContainer,
+  y as BottomButtonWrapper,
+  i as ButtonWrapper,
   s as CardBannerButtonWrapper,
   o as CardBannerContent,
   d as CardBannerIconsWrapper,
-  n as CardBannerWrapper,
+  p as CardBannerWrapper,
   f as CardButtonWrapper,
   g as CardFooterWrapper,
   c as CardImageWrapper,
   l as CardWrapper,
   x as CompanyImageWrapper,
   W as ContentWrapper,
-  i as ImageWrapper,
+  r as ImageWrapper,
   m as MainContentWrapper,
   b as TagWrapper,
   u as TextWrapper

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

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.styled.js","sources":["../../../../src/components/adbanner/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\tbox-sizing: border-box;\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\tmin-width: 0;\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.brandVeryLight};\n`;\n\nexport const ContentWrapper = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 24px;\n\tflex: 0 0 50%;\n\tmax-width: 50%;\n\tpadding: 24px;\n\tz-index: 1;\n\tbox-sizing: border-box;\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;AAAA,qBAIjBQ,EAAO,OAAO,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQnCK,IAAqBb,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ5Bc,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,cAAc;AAAA,GAGxCU,IAAiBlB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWxBmB,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/adbanner/BannerInline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerInline.js","sources":["../../../../src/components/adbanner/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/adbanner/BannerWithImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerWithImage.js","sources":["../../../../src/components/adbanner/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/adbanner/CardBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardBanner.js","sources":["../../../../src/components/adbanner/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/adbanner/CardBannerWithImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardBannerWithImage.js","sources":["../../../../src/components/adbanner/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/adbanner/model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","sources":["../../../../src/components/adbanner/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;"}

package/dist/esm/components/agent-builder/AgentBuilder.js

@@ -1,7 +1,7 @@
-import { jsx as o, jsxs as T } from "react/jsx-runtime";
-import { useState as d, useCallback as t } from "react";
-import { COLORS as te } from "../../constants/Theme.js";
-import { BuilderRoot as ae, Main as re, Rail as ie, Content as se, ContentCard as le } from "./AgentBuilder.styled.js";
+import { jsx as o, jsxs as m } from "react/jsx-runtime";
+import { useState as l, useCallback as t } from "react";
+import { COLORS as oe } from "../../constants/Theme.js";
+import { BuilderRoot as te, Main as ae, Rail as re, Content as ie, ContentCard as se, StepScroll as le } from "./AgentBuilder.styled.js";
 import { AgentBuilderFooter as de } from "./components/AgentBuilderFooter.js";
 import { AgentBuilderTopBar as ce } from "./components/AgentBuilderTopBar.js";
 import { DiscardModal as ue } from "./components/DiscardModal.js";
@@ -14,9 +14,9 @@ import { Step2WhenItStepsIn as Se } from "./steps/Step2WhenItStepsIn.js";
 import { Step3HowItResponds as be } from "./steps/Step3HowItResponds.js";
 import { Step4HandoverRules as Ce } from "./steps/Step4HandoverRules.js";
 import { Spinner as Ae } from "../spinner/Spinner.js";
-const De = () => {
-  const { activeStep: c } = ve();
-  switch (c) {
+const Le = () => {
+  const { activeStep: d } = ve();
+  switch (d) {
     case "about":
       return /* @__PURE__ */ o(pe, {});
     case "trigger":
@@ -28,24 +28,24 @@ const De = () => {
     default:
       return null;
   }
-}, Le = (c) => {
+}, De = (d) => {
   const {
     config: G,
     onChange: v,
-    onStepChange: u,
-    onDiscard: r,
-    onSaveDraft: i,
-    onPublish: p,
-    onBack: g,
-    onTestAgent: f,
-    onGoToDashboard: h,
-    onCreateSubAgent: s,
+    onStepChange: c,
+    onDiscard: p,
+    onSaveDraft: r,
+    onPublish: S,
+    onBack: u,
+    onTestAgent: g,
+    onGoToDashboard: f,
+    onCreateSubAgent: i,
     onFetchSubAgent: P,
     onUpdateSubAgent: w,
     onImproveSubAgent: M,
     ...k
-  } = c, {
-    value: m,
+  } = d, {
+    value: h,
     activeStep: I,
     availableTools: R,
     availableSubAgents: x,
@@ -54,17 +54,17 @@ const De = () => {
     validation: F,
     applicationType: N,
     charLimits: O,
-    isSaving: S,
-    isPublishing: b,
+    isSaving: b,
+    isPublishing: C,
     isLoading: U,
     footerHint: z = "Changes don’t affect customers until you go live",
     disableStepNavigation: E,
-    debugLog: C
-  } = G, [W, a] = d(null), [A, D] = d(!1), [$, l] = d(!1), [L, y] = d(!1), e = t(
-    (n, ...oe) => {
-      C && console.log(`[AgentBuilder] ${n}`, ...oe);
+    debugLog: A
+  } = G, [W, a] = l(null), [L, D] = l(!1), [$, s] = l(!1), [y, B] = l(!1), e = t(
+    (n, ...ne) => {
+      A && console.log(`[AgentBuilder] ${n}`, ...ne);
     },
-    [C]
+    [A]
   ), q = t(
     (n) => {
       e("onChange", n), v(n);
@@ -72,37 +72,35 @@ const De = () => {
     [e, v]
   ), J = t(
     (n) => {
-      e("onStepChange", n), u?.(n);
+      e("onStepChange", n), c?.(n);
     },
-    [e, u]
-  ), K = t(() => {
-    e("onDiscard"), r();
-  }, [e, r]), Q = t(() => (e("onSaveDraft"), i()), [e, i]), V = t(() => (e("onPublish"), p()), [e, p]), X = t(() => {
-    e("onBack"), l(!0);
-  }, [e]), Y = t(() => {
-    e("onDiscardAndLeave"), l(!1), r();
-  }, [e, r]), B = t(async () => {
+    [e, c]
+  ), K = t(() => (e("onSaveDraft"), r()), [e, r]), Q = t(() => (e("onPublish"), S()), [e, S]), V = t(() => {
+    e("onBack"), s(!0);
+  }, [e]), X = t(() => {
+    e("onDiscardAndLeave"), s(!1), p();
+  }, [e, p]), T = t(async () => {
     e("onSaveDraftAndLeave");
-    const n = i();
+    const n = r();
     if (n && typeof n.then == "function") {
-      y(!0);
+      B(!0);
       try {
         await n;
       } finally {
-        y(!1);
+        B(!1);
       }
     }
-    l(!1), g?.();
-  }, [e, i, g]), Z = t(() => {
-    e("onTestAgent"), f?.();
-  }, [e, f]), _ = t(() => {
-    e("onGoToDashboard"), h?.();
-  }, [e, h]), ee = t(
-    (n) => (e("onCreateSubAgent", n), s ? s(n) : Promise.reject(new Error("onCreateSubAgent not provided"))),
-    [e, s]
-  ), ne = async () => {
+    s(!1), u?.();
+  }, [e, r, u]), Y = t(() => {
+    e("onTestAgent"), g?.();
+  }, [e, g]), Z = t(() => {
+    e("onGoToDashboard"), f?.();
+  }, [e, f]), _ = t(
+    (n) => (e("onCreateSubAgent", n), i ? i(n) : Promise.reject(new Error("onCreateSubAgent not provided"))),
+    [e, i]
+  ), ee = async () => {
     e("onGoLiveConfirm");
-    const n = V();
+    const n = Q();
     if (n && typeof n.then == "function") {
       D(!0);
       try {
@@ -116,10 +114,10 @@ const De = () => {
   return /* @__PURE__ */ o(
     me,
     {
-      value: m,
+      value: h,
       onChange: q,
       activeStep: I,
-      onStepChange: u ? J : void 0,
+      onStepChange: c ? J : void 0,
       availableTools: R,
       availableSubAgents: x,
       availableIntents: j,
@@ -128,25 +126,24 @@ const De = () => {
       applicationType: N,
       charLimits: O,
       disableStepNavigation: E,
-      onCreateSubAgent: s ? ee : void 0,
+      onCreateSubAgent: i ? _ : void 0,
       onFetchSubAgent: P,
       onUpdateSubAgent: w,
       onImproveSubAgent: M,
-      children: /* @__PURE__ */ T(ae, { "data-test": k["data-test"] ?? "agent-builder", children: [
+      children: /* @__PURE__ */ m(te, { "data-test": k["data-test"] ?? "agent-builder", children: [
         /* @__PURE__ */ o(
           ce,
           {
-            name: m.name,
-            status: m.status,
-            onBack: g ? X : void 0,
-            onDiscard: K,
-            onSaveDraft: B,
-            isSaving: S || L
+            name: h.name,
+            status: h.status,
+            onBack: u ? V : void 0,
+            onSaveDraft: T,
+            isSaving: b || y
           }
         ),
-        /* @__PURE__ */ T(re, { children: [
-          /* @__PURE__ */ o(ie, { children: /* @__PURE__ */ o(fe, {}) }),
-          /* @__PURE__ */ o(se, { children: U ? /* @__PURE__ */ o(
+        /* @__PURE__ */ m(ae, { children: [
+          /* @__PURE__ */ o(re, { children: /* @__PURE__ */ o(fe, {}) }),
+          /* @__PURE__ */ o(ie, { children: U ? /* @__PURE__ */ o(
             "div",
             {
               style: {
@@ -155,42 +152,44 @@ const De = () => {
                 justifyContent: "center",
                 height: "100%"
               },
-              children: /* @__PURE__ */ o(Ae, { size: "large", color: te.stroke.brand })
+              children: /* @__PURE__ */ o(Ae, { size: "large", color: oe.stroke.brand })
             }
-          ) : /* @__PURE__ */ o(le, { children: /* @__PURE__ */ o(De, {}) }) })
+          ) : /* @__PURE__ */ m(se, { children: [
+            /* @__PURE__ */ o(le, { children: /* @__PURE__ */ o(Le, {}) }),
+            /* @__PURE__ */ o(
+              de,
+              {
+                footerHint: z,
+                onTestAgent: g ? Y : void 0,
+                onGoLive: () => {
+                  e("onGoLive"), a("confirm");
+                },
+                isPublishing: C || L
+              }
+            )
+          ] }) })
         ] }),
-        /* @__PURE__ */ o(
-          de,
-          {
-            footerHint: z,
-            onTestAgent: f ? Z : void 0,
-            onGoLive: () => {
-              e("onGoLive"), a("confirm");
-            },
-            isPublishing: b || A
-          }
-        ),
         /* @__PURE__ */ o(
           ge,
           {
             mode: W,
             onClose: () => a(null),
-            onConfirm: ne,
+            onConfirm: ee,
             onSaveDraft: () => {
-              a(null), Q();
+              a(null), K();
             },
-            onGoToDashboard: h ? _ : void 0,
-            isPublishing: b || A
+            onGoToDashboard: f ? Z : void 0,
+            isPublishing: C || L
           }
         ),
         /* @__PURE__ */ o(
           ue,
           {
             open: $,
-            onClose: () => l(!1),
-            onDiscard: Y,
-            onSaveDraft: B,
-            isSaving: S || L
+            onClose: () => s(!1),
+            onDiscard: X,
+            onSaveDraft: T,
+            isSaving: b || y
           }
         ),
         /* @__PURE__ */ o(he, {})
@@ -198,8 +197,8 @@ const De = () => {
     }
   );
 };
-Le.displayName = "AgentBuilder";
+De.displayName = "AgentBuilder";
 export {
-  Le as AgentBuilder
+  De as AgentBuilder
 };
 //# sourceMappingURL=AgentBuilder.js.map

package/dist/esm/components/agent-builder/AgentBuilder.js.map

@@ -1 +1 @@
-{"version":3,"file":"AgentBuilder.js","sources":["../../../../src/components/agent-builder/AgentBuilder.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { Spinner } from '@src/components/spinner';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\tAgentBuilderProps,\n\tAgentValue,\n\tSubAgentDraft,\n} from './AgentBuilder.model';\nimport {\n\tBuilderRoot,\n\tContent,\n\tContentCard,\n\tMain,\n\tRail,\n} from './AgentBuilder.styled';\nimport { AgentBuilderFooter } from './components/AgentBuilderFooter';\nimport { AgentBuilderTopBar } from './components/AgentBuilderTopBar';\nimport { DiscardModal } from './components/DiscardModal';\nimport { GoLiveModal, GoLiveModalMode } from './components/GoLiveModal';\nimport { StepRail } from './components/StepRail';\nimport { UndoToast } from './components/UndoToast';\nimport {\n\tAgentBuilderProvider,\n\tuseAgentBuilderContext,\n} from './context/AgentBuilderContext';\nimport { Step1About } from './steps/Step1About';\nimport { Step2WhenItStepsIn } from './steps/Step2WhenItStepsIn';\nimport { Step3HowItResponds } from './steps/Step3HowItResponds';\nimport { Step4HandoverRules } from './steps/Step4HandoverRules';\n\nconst StepContent: React.FC = () => {\n\tconst { activeStep } = useAgentBuilderContext();\n\tswitch (activeStep) {\n\t\tcase 'about':\n\t\t\treturn <Step1About />;\n\t\tcase 'trigger':\n\t\t\treturn <Step2WhenItStepsIn />;\n\t\tcase 'response':\n\t\t\treturn <Step3HowItResponds />;\n\t\tcase 'handover':\n\t\t\treturn <Step4HandoverRules />;\n\t\tdefault:\n\t\t\treturn null;\n\t}\n};\n\n/**\n * 4-step creation/edit wizard body for an AI agent. Presentational and\n * controlled — the consumer owns the `value`, persistence and routing.\n *\n * @example\n * <AgentBuilder\n *   value={agent}\n *   onChange={(patch) => setAgent({ ...agent, ...patch })}\n *   availableTools={tools}\n *   availableSubAgents={subAgents}\n *   onDiscard={() => router.back()}\n *   onSaveDraft={saveDraft}\n *   onPublish={publish}\n * />\n */\nexport const AgentBuilder: React.FC<AgentBuilderProps> = (props) => {\n\tconst {\n\t\tconfig,\n\t\tonChange,\n\t\tonStepChange,\n\t\tonDiscard,\n\t\tonSaveDraft,\n\t\tonPublish,\n\t\tonBack,\n\t\tonTestAgent,\n\t\tonGoToDashboard,\n\t\tonCreateSubAgent,\n\t\tonFetchSubAgent,\n\t\tonUpdateSubAgent,\n\t\tonImproveSubAgent,\n\t\t...rest\n\t} = props;\n\tconst {\n\t\tvalue,\n\t\tactiveStep,\n\t\tavailableTools,\n\t\tavailableSubAgents,\n\t\tavailableIntents = [],\n\t\tavailableModels = [],\n\t\tvalidation,\n\t\tapplicationType,\n\t\tcharLimits,\n\t\tisSaving,\n\t\tisPublishing,\n\t\tisLoading,\n\t\tfooterHint = 'Changes don’t affect customers until you go live',\n\t\tdisableStepNavigation,\n\t\tdebugLog,\n\t} = config;\n\n\tconst [modalMode, setModalMode] = useState<GoLiveModalMode>(null);\n\tconst [publishingLocal, setPublishingLocal] = useState(false);\n\t// Back was pressed → confirm leaving (save draft / discard) before navigating.\n\tconst [showLeaveConfirm, setShowLeaveConfirm] = useState(false);\n\tconst [savingAndLeaving, setSavingAndLeaving] = useState(false);\n\n\t// Gated debug logging: each handler logs at its start only when `debugLog`.\n\tconst logAction = useCallback(\n\t\t(action: string, ...args: unknown[]) => {\n\t\t\tif (debugLog) {\n\t\t\t\t// eslint-disable-next-line no-console\n\t\t\t\tconsole.log(`[AgentBuilder] ${action}`, ...args);\n\t\t\t}\n\t\t},\n\t\t[debugLog],\n\t);\n\n\tconst handleChange = useCallback(\n\t\t(patch: Partial<AgentValue>) => {\n\t\t\tlogAction('onChange', patch);\n\t\t\tonChange(patch);\n\t\t},\n\t\t[logAction, onChange],\n\t);\n\tconst handleStepChange = useCallback(\n\t\t(step: Parameters<NonNullable<typeof onStepChange>>[0]) => {\n\t\t\tlogAction('onStepChange', step);\n\t\t\tonStepChange?.(step);\n\t\t},\n\t\t[logAction, onStepChange],\n\t);\n\tconst handleDiscard = useCallback(() => {\n\t\tlogAction('onDiscard');\n\t\tonDiscard();\n\t}, [logAction, onDiscard]);\n\tconst handleSaveDraft = useCallback(() => {\n\t\tlogAction('onSaveDraft');\n\t\treturn onSaveDraft();\n\t}, [logAction, onSaveDraft]);\n\tconst handlePublish = useCallback(() => {\n\t\tlogAction('onPublish');\n\t\treturn onPublish();\n\t}, [logAction, onPublish]);\n\t// Back opens the \"Save as draft?\" confirmation rather than leaving directly.\n\tconst handleBack = useCallback(() => {\n\t\tlogAction('onBack');\n\t\tsetShowLeaveConfirm(true);\n\t}, [logAction]);\n\n\t// Modal \"Discard\" defers to the parent's discard handler (same as the top bar).\n\tconst handleDiscardAndLeave = useCallback(() => {\n\t\tlogAction('onDiscardAndLeave');\n\t\tsetShowLeaveConfirm(false);\n\t\tonDiscard();\n\t}, [logAction, onDiscard]);\n\n\tconst handleSaveDraftAndLeave = useCallback(async () => {\n\t\tlogAction('onSaveDraftAndLeave');\n\t\tconst result = onSaveDraft();\n\t\tif (result && typeof (result as Promise<void>).then === 'function') {\n\t\t\tsetSavingAndLeaving(true);\n\t\t\ttry {\n\t\t\t\tawait result;\n\t\t\t} finally {\n\t\t\t\tsetSavingAndLeaving(false);\n\t\t\t}\n\t\t}\n\t\tsetShowLeaveConfirm(false);\n\t\tonBack?.();\n\t}, [logAction, onSaveDraft, onBack]);\n\tconst handleTestAgent = useCallback(() => {\n\t\tlogAction('onTestAgent');\n\t\tonTestAgent?.();\n\t}, [logAction, onTestAgent]);\n\tconst handleGoToDashboard = useCallback(() => {\n\t\tlogAction('onGoToDashboard');\n\t\tonGoToDashboard?.();\n\t}, [logAction, onGoToDashboard]);\n\tconst handleCreateSubAgent = useCallback(\n\t\t(draft: SubAgentDraft) => {\n\t\t\tlogAction('onCreateSubAgent', draft);\n\t\t\treturn onCreateSubAgent\n\t\t\t\t? onCreateSubAgent(draft)\n\t\t\t\t: Promise.reject(new Error('onCreateSubAgent not provided'));\n\t\t},\n\t\t[logAction, onCreateSubAgent],\n\t);\n\n\tconst handleConfirmGoLive = async () => {\n\t\tlogAction('onGoLiveConfirm');\n\t\tconst result = handlePublish();\n\t\tif (result && typeof (result as Promise<void>).then === 'function') {\n\t\t\tsetPublishingLocal(true);\n\t\t\ttry {\n\t\t\t\tawait result;\n\t\t\t\tsetModalMode('success');\n\t\t\t} finally {\n\t\t\t\tsetPublishingLocal(false);\n\t\t\t}\n\t\t} else {\n\t\t\tsetModalMode('success');\n\t\t}\n\t};\n\n\treturn (\n\t\t<AgentBuilderProvider\n\t\t\tvalue={value}\n\t\t\tonChange={handleChange}\n\t\t\tactiveStep={activeStep}\n\t\t\tonStepChange={onStepChange ? handleStepChange : undefined}\n\t\t\tavailableTools={availableTools}\n\t\t\tavailableSubAgents={availableSubAgents}\n\t\t\tavailableIntents={availableIntents}\n\t\t\tavailableModels={availableModels}\n\t\t\tvalidation={validation}\n\t\t\tapplicationType={applicationType}\n\t\t\tcharLimits={charLimits}\n\t\t\tdisableStepNavigation={disableStepNavigation}\n\t\t\tonCreateSubAgent={onCreateSubAgent ? handleCreateSubAgent : undefined}\n\t\t\tonFetchSubAgent={onFetchSubAgent}\n\t\t\tonUpdateSubAgent={onUpdateSubAgent}\n\t\t\tonImproveSubAgent={onImproveSubAgent}\n\t\t>\n\t\t\t<BuilderRoot data-test={rest['data-test'] ?? 'agent-builder'}>\n\t\t\t\t<AgentBuilderTopBar\n\t\t\t\t\tname={value.name}\n\t\t\t\t\tstatus={value.status}\n\t\t\t\t\tonBack={onBack ? handleBack : undefined}\n\t\t\t\t\tonDiscard={handleDiscard}\n\t\t\t\t\tonSaveDraft={handleSaveDraftAndLeave}\n\t\t\t\t\tisSaving={isSaving || savingAndLeaving}\n\t\t\t\t/>\n\n\t\t\t\t<Main>\n\t\t\t\t\t<Rail>\n\t\t\t\t\t\t<StepRail />\n\t\t\t\t\t</Rail>\n\t\t\t\t\t<Content>\n\t\t\t\t\t\t{isLoading ? (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Spinner size=\"large\" color={COLORS.stroke.brand} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<ContentCard>\n\t\t\t\t\t\t\t\t<StepContent />\n\t\t\t\t\t\t\t</ContentCard>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Content>\n\t\t\t\t</Main>\n\n\t\t\t\t<AgentBuilderFooter\n\t\t\t\t\tfooterHint={footerHint}\n\t\t\t\t\tonTestAgent={onTestAgent ? handleTestAgent : undefined}\n\t\t\t\t\tonGoLive={() => {\n\t\t\t\t\t\tlogAction('onGoLive');\n\t\t\t\t\t\tsetModalMode('confirm');\n\t\t\t\t\t}}\n\t\t\t\t\tisPublishing={isPublishing || publishingLocal}\n\t\t\t\t/>\n\n\t\t\t\t<GoLiveModal\n\t\t\t\t\tmode={modalMode}\n\t\t\t\t\tonClose={() => setModalMode(null)}\n\t\t\t\t\tonConfirm={handleConfirmGoLive}\n\t\t\t\t\tonSaveDraft={() => {\n\t\t\t\t\t\tsetModalMode(null);\n\t\t\t\t\t\thandleSaveDraft();\n\t\t\t\t\t}}\n\t\t\t\t\tonGoToDashboard={onGoToDashboard ? handleGoToDashboard : undefined}\n\t\t\t\t\tisPublishing={isPublishing || publishingLocal}\n\t\t\t\t/>\n\n\t\t\t\t<DiscardModal\n\t\t\t\t\topen={showLeaveConfirm}\n\t\t\t\t\tonClose={() => setShowLeaveConfirm(false)}\n\t\t\t\t\tonDiscard={handleDiscardAndLeave}\n\t\t\t\t\tonSaveDraft={handleSaveDraftAndLeave}\n\t\t\t\t\tisSaving={isSaving || savingAndLeaving}\n\t\t\t\t/>\n\n\t\t\t\t<UndoToast />\n\t\t\t</BuilderRoot>\n\t\t</AgentBuilderProvider>\n\t);\n};\n\nAgentBuilder.displayName = 'AgentBuilder';\n"],"names":["StepContent","activeStep","useAgentBuilderContext","Step1About","Step2WhenItStepsIn","Step3HowItResponds","Step4HandoverRules","AgentBuilder","props","config","onChange","onStepChange","onDiscard","onSaveDraft","onPublish","onBack","onTestAgent","onGoToDashboard","onCreateSubAgent","onFetchSubAgent","onUpdateSubAgent","onImproveSubAgent","rest","value","availableTools","availableSubAgents","availableIntents","availableModels","validation","applicationType","charLimits","isSaving","isPublishing","isLoading","footerHint","disableStepNavigation","debugLog","modalMode","setModalMode","useState","publishingLocal","setPublishingLocal","showLeaveConfirm","setShowLeaveConfirm","savingAndLeaving","setSavingAndLeaving","logAction","useCallback","action","args","handleChange","patch","handleStepChange","step","handleDiscard","handleSaveDraft","handlePublish","handleBack","handleDiscardAndLeave","handleSaveDraftAndLeave","result","handleTestAgent","handleGoToDashboard","handleCreateSubAgent","draft","handleConfirmGoLive","jsx","AgentBuilderProvider","BuilderRoot","AgentBuilderTopBar","Main","Rail","StepRail","Content","Spinner","COLORS","ContentCard","AgentBuilderFooter","GoLiveModal","DiscardModal","UndoToast"],"mappings":"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"}
+{"version":3,"file":"AgentBuilder.js","sources":["../../../../src/components/agent-builder/AgentBuilder.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport { Spinner } from '@src/components/spinner';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\tAgentBuilderProps,\n\tAgentValue,\n\tSubAgentDraft,\n} from './AgentBuilder.model';\nimport {\n\tBuilderRoot,\n\tContent,\n\tContentCard,\n\tMain,\n\tRail,\n\tStepScroll,\n} from './AgentBuilder.styled';\nimport { AgentBuilderFooter } from './components/AgentBuilderFooter';\nimport { AgentBuilderTopBar } from './components/AgentBuilderTopBar';\nimport { DiscardModal } from './components/DiscardModal';\nimport { GoLiveModal, GoLiveModalMode } from './components/GoLiveModal';\nimport { StepRail } from './components/StepRail';\nimport { UndoToast } from './components/UndoToast';\nimport {\n\tAgentBuilderProvider,\n\tuseAgentBuilderContext,\n} from './context/AgentBuilderContext';\nimport { Step1About } from './steps/Step1About';\nimport { Step2WhenItStepsIn } from './steps/Step2WhenItStepsIn';\nimport { Step3HowItResponds } from './steps/Step3HowItResponds';\nimport { Step4HandoverRules } from './steps/Step4HandoverRules';\n\nconst StepContent: React.FC = () => {\n\tconst { activeStep } = useAgentBuilderContext();\n\tswitch (activeStep) {\n\t\tcase 'about':\n\t\t\treturn <Step1About />;\n\t\tcase 'trigger':\n\t\t\treturn <Step2WhenItStepsIn />;\n\t\tcase 'response':\n\t\t\treturn <Step3HowItResponds />;\n\t\tcase 'handover':\n\t\t\treturn <Step4HandoverRules />;\n\t\tdefault:\n\t\t\treturn null;\n\t}\n};\n\n/**\n * 4-step creation/edit wizard body for an AI agent. Presentational and\n * controlled — the consumer owns the `value`, persistence and routing.\n *\n * @example\n * <AgentBuilder\n *   value={agent}\n *   onChange={(patch) => setAgent({ ...agent, ...patch })}\n *   availableTools={tools}\n *   availableSubAgents={subAgents}\n *   onDiscard={() => router.back()}\n *   onSaveDraft={saveDraft}\n *   onPublish={publish}\n * />\n */\nexport const AgentBuilder: React.FC<AgentBuilderProps> = (props) => {\n\tconst {\n\t\tconfig,\n\t\tonChange,\n\t\tonStepChange,\n\t\tonDiscard,\n\t\tonSaveDraft,\n\t\tonPublish,\n\t\tonBack,\n\t\tonTestAgent,\n\t\tonGoToDashboard,\n\t\tonCreateSubAgent,\n\t\tonFetchSubAgent,\n\t\tonUpdateSubAgent,\n\t\tonImproveSubAgent,\n\t\t...rest\n\t} = props;\n\tconst {\n\t\tvalue,\n\t\tactiveStep,\n\t\tavailableTools,\n\t\tavailableSubAgents,\n\t\tavailableIntents = [],\n\t\tavailableModels = [],\n\t\tvalidation,\n\t\tapplicationType,\n\t\tcharLimits,\n\t\tisSaving,\n\t\tisPublishing,\n\t\tisLoading,\n\t\tfooterHint = 'Changes don’t affect customers until you go live',\n\t\tdisableStepNavigation,\n\t\tdebugLog,\n\t} = config;\n\n\tconst [modalMode, setModalMode] = useState<GoLiveModalMode>(null);\n\tconst [publishingLocal, setPublishingLocal] = useState(false);\n\t// Back was pressed → confirm leaving (save draft / discard) before navigating.\n\tconst [showLeaveConfirm, setShowLeaveConfirm] = useState(false);\n\tconst [savingAndLeaving, setSavingAndLeaving] = useState(false);\n\n\t// Gated debug logging: each handler logs at its start only when `debugLog`.\n\tconst logAction = useCallback(\n\t\t(action: string, ...args: unknown[]) => {\n\t\t\tif (debugLog) {\n\t\t\t\t// eslint-disable-next-line no-console\n\t\t\t\tconsole.log(`[AgentBuilder] ${action}`, ...args);\n\t\t\t}\n\t\t},\n\t\t[debugLog],\n\t);\n\n\tconst handleChange = useCallback(\n\t\t(patch: Partial<AgentValue>) => {\n\t\t\tlogAction('onChange', patch);\n\t\t\tonChange(patch);\n\t\t},\n\t\t[logAction, onChange],\n\t);\n\tconst handleStepChange = useCallback(\n\t\t(step: Parameters<NonNullable<typeof onStepChange>>[0]) => {\n\t\t\tlogAction('onStepChange', step);\n\t\t\tonStepChange?.(step);\n\t\t},\n\t\t[logAction, onStepChange],\n\t);\n\tconst handleSaveDraft = useCallback(() => {\n\t\tlogAction('onSaveDraft');\n\t\treturn onSaveDraft();\n\t}, [logAction, onSaveDraft]);\n\tconst handlePublish = useCallback(() => {\n\t\tlogAction('onPublish');\n\t\treturn onPublish();\n\t}, [logAction, onPublish]);\n\t// Back opens the \"Save as draft?\" confirmation rather than leaving directly.\n\tconst handleBack = useCallback(() => {\n\t\tlogAction('onBack');\n\t\tsetShowLeaveConfirm(true);\n\t}, [logAction]);\n\n\t// Modal \"Discard\" defers to the parent's discard handler (same as the top bar).\n\tconst handleDiscardAndLeave = useCallback(() => {\n\t\tlogAction('onDiscardAndLeave');\n\t\tsetShowLeaveConfirm(false);\n\t\tonDiscard();\n\t}, [logAction, onDiscard]);\n\n\tconst handleSaveDraftAndLeave = useCallback(async () => {\n\t\tlogAction('onSaveDraftAndLeave');\n\t\tconst result = onSaveDraft();\n\t\tif (result && typeof (result as Promise<void>).then === 'function') {\n\t\t\tsetSavingAndLeaving(true);\n\t\t\ttry {\n\t\t\t\tawait result;\n\t\t\t} finally {\n\t\t\t\tsetSavingAndLeaving(false);\n\t\t\t}\n\t\t}\n\t\tsetShowLeaveConfirm(false);\n\t\tonBack?.();\n\t}, [logAction, onSaveDraft, onBack]);\n\tconst handleTestAgent = useCallback(() => {\n\t\tlogAction('onTestAgent');\n\t\tonTestAgent?.();\n\t}, [logAction, onTestAgent]);\n\tconst handleGoToDashboard = useCallback(() => {\n\t\tlogAction('onGoToDashboard');\n\t\tonGoToDashboard?.();\n\t}, [logAction, onGoToDashboard]);\n\tconst handleCreateSubAgent = useCallback(\n\t\t(draft: SubAgentDraft) => {\n\t\t\tlogAction('onCreateSubAgent', draft);\n\t\t\treturn onCreateSubAgent\n\t\t\t\t? onCreateSubAgent(draft)\n\t\t\t\t: Promise.reject(new Error('onCreateSubAgent not provided'));\n\t\t},\n\t\t[logAction, onCreateSubAgent],\n\t);\n\n\tconst handleConfirmGoLive = async () => {\n\t\tlogAction('onGoLiveConfirm');\n\t\tconst result = handlePublish();\n\t\tif (result && typeof (result as Promise<void>).then === 'function') {\n\t\t\tsetPublishingLocal(true);\n\t\t\ttry {\n\t\t\t\tawait result;\n\t\t\t\tsetModalMode('success');\n\t\t\t} finally {\n\t\t\t\tsetPublishingLocal(false);\n\t\t\t}\n\t\t} else {\n\t\t\tsetModalMode('success');\n\t\t}\n\t};\n\n\treturn (\n\t\t<AgentBuilderProvider\n\t\t\tvalue={value}\n\t\t\tonChange={handleChange}\n\t\t\tactiveStep={activeStep}\n\t\t\tonStepChange={onStepChange ? handleStepChange : undefined}\n\t\t\tavailableTools={availableTools}\n\t\t\tavailableSubAgents={availableSubAgents}\n\t\t\tavailableIntents={availableIntents}\n\t\t\tavailableModels={availableModels}\n\t\t\tvalidation={validation}\n\t\t\tapplicationType={applicationType}\n\t\t\tcharLimits={charLimits}\n\t\t\tdisableStepNavigation={disableStepNavigation}\n\t\t\tonCreateSubAgent={onCreateSubAgent ? handleCreateSubAgent : undefined}\n\t\t\tonFetchSubAgent={onFetchSubAgent}\n\t\t\tonUpdateSubAgent={onUpdateSubAgent}\n\t\t\tonImproveSubAgent={onImproveSubAgent}\n\t\t>\n\t\t\t<BuilderRoot data-test={rest['data-test'] ?? 'agent-builder'}>\n\t\t\t\t<AgentBuilderTopBar\n\t\t\t\t\tname={value.name}\n\t\t\t\t\tstatus={value.status}\n\t\t\t\t\tonBack={onBack ? handleBack : undefined}\n\t\t\t\t\tonSaveDraft={handleSaveDraftAndLeave}\n\t\t\t\t\tisSaving={isSaving || savingAndLeaving}\n\t\t\t\t/>\n\n\t\t\t\t<Main>\n\t\t\t\t\t<Rail>\n\t\t\t\t\t\t<StepRail />\n\t\t\t\t\t</Rail>\n\t\t\t\t\t<Content>\n\t\t\t\t\t\t{isLoading ? (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\theight: '100%',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Spinner size=\"large\" color={COLORS.stroke.brand} />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<ContentCard>\n\t\t\t\t\t\t\t\t<StepScroll>\n\t\t\t\t\t\t\t\t\t<StepContent />\n\t\t\t\t\t\t\t\t</StepScroll>\n\t\t\t\t\t\t\t\t<AgentBuilderFooter\n\t\t\t\t\t\t\t\t\tfooterHint={footerHint}\n\t\t\t\t\t\t\t\t\tonTestAgent={onTestAgent ? handleTestAgent : undefined}\n\t\t\t\t\t\t\t\t\tonGoLive={() => {\n\t\t\t\t\t\t\t\t\t\tlogAction('onGoLive');\n\t\t\t\t\t\t\t\t\t\tsetModalMode('confirm');\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tisPublishing={isPublishing || publishingLocal}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ContentCard>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</Content>\n\t\t\t\t</Main>\n\n\t\t\t\t<GoLiveModal\n\t\t\t\t\tmode={modalMode}\n\t\t\t\t\tonClose={() => setModalMode(null)}\n\t\t\t\t\tonConfirm={handleConfirmGoLive}\n\t\t\t\t\tonSaveDraft={() => {\n\t\t\t\t\t\tsetModalMode(null);\n\t\t\t\t\t\thandleSaveDraft();\n\t\t\t\t\t}}\n\t\t\t\t\tonGoToDashboard={onGoToDashboard ? handleGoToDashboard : undefined}\n\t\t\t\t\tisPublishing={isPublishing || publishingLocal}\n\t\t\t\t/>\n\n\t\t\t\t<DiscardModal\n\t\t\t\t\topen={showLeaveConfirm}\n\t\t\t\t\tonClose={() => setShowLeaveConfirm(false)}\n\t\t\t\t\tonDiscard={handleDiscardAndLeave}\n\t\t\t\t\tonSaveDraft={handleSaveDraftAndLeave}\n\t\t\t\t\tisSaving={isSaving || savingAndLeaving}\n\t\t\t\t/>\n\n\t\t\t\t<UndoToast />\n\t\t\t</BuilderRoot>\n\t\t</AgentBuilderProvider>\n\t);\n};\n\nAgentBuilder.displayName = 'AgentBuilder';\n"],"names":["StepContent","activeStep","useAgentBuilderContext","Step1About","Step2WhenItStepsIn","Step3HowItResponds","Step4HandoverRules","AgentBuilder","props","config","onChange","onStepChange","onDiscard","onSaveDraft","onPublish","onBack","onTestAgent","onGoToDashboard","onCreateSubAgent","onFetchSubAgent","onUpdateSubAgent","onImproveSubAgent","rest","value","availableTools","availableSubAgents","availableIntents","availableModels","validation","applicationType","charLimits","isSaving","isPublishing","isLoading","footerHint","disableStepNavigation","debugLog","modalMode","setModalMode","useState","publishingLocal","setPublishingLocal","showLeaveConfirm","setShowLeaveConfirm","savingAndLeaving","setSavingAndLeaving","logAction","useCallback","action","args","handleChange","patch","handleStepChange","step","handleSaveDraft","handlePublish","handleBack","handleDiscardAndLeave","handleSaveDraftAndLeave","result","handleTestAgent","handleGoToDashboard","handleCreateSubAgent","draft","handleConfirmGoLive","jsx","AgentBuilderProvider","BuilderRoot","AgentBuilderTopBar","Main","Rail","StepRail","Content","Spinner","COLORS","ContentCard","StepScroll","AgentBuilderFooter","GoLiveModal","DiscardModal","UndoToast"],"mappings":"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"}

package/dist/esm/components/agent-builder/AgentBuilder.styled.d.ts

@@ -22,6 +22,9 @@ export declare const Content: import('styled-components').StyledComponent<"div",
 export declare const ContentCard: import('styled-components').StyledComponent<"div", any, {
     className: "bik-content-card";
 }, "className">;
+export declare const StepScroll: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-step-scroll";
+}, "className">;
 export declare const Footer: import('styled-components').StyledComponent<"div", any, {
     className: "bik-footer";
 }, "className">;
@@ -45,6 +48,9 @@ export declare const StepBadge: import('styled-components').StyledComponent<"div
 export declare const SectionHeaderWrap: import('styled-components').StyledComponent<"div", any, {
     className: "bik-section-header-wrap";
 }, "className">;
+export declare const SectionBodyWrap: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-section-header-wrap";
+}, "className">;
 export declare const FieldBlock: import('styled-components').StyledComponent<"div", any, {
     className: "bik-field-block";
 }, "className">;
@@ -83,14 +89,16 @@ export declare const ChipCloseButton: import('styled-components').StyledComponen
 export declare const AddChipButton: import('styled-components').StyledComponent<"button", any, {
     className: "bik-add-chip-button";
 }, "className">;
+export declare const Step3Root: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-agent-step bik-agent-step--response";
+}, "className">;
 export declare const Step3Grid: import('styled-components').StyledComponent<"div", any, {
     className: "bik-step3-grid";
+} & {
+    $grow?: boolean | undefined;
 }, "className">;
-export declare const Step3Main: import('styled-components').StyledComponent<"div", any, {
-    className: "bik-step3-main";
-}, "className">;
-export declare const Step3Side: import('styled-components').StyledComponent<"div", any, {
-    className: "bik-step3-side";
+export declare const Step3Divider: import('styled-components').StyledComponent<"div", any, {
+    className: "bik-step3-divider";
 }, "className">;
 export declare const SideSection: import('styled-components').StyledComponent<"div", any, {
     className: "bik-side-section";