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

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

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

@@ -36,7 +36,7 @@
 		width: 100%;
 		height: auto;
 	}
-`,u=e.default.div`
+`,x=e.default.div`
 	width: 100%;
 	height: auto;
 	max-height: 303px;
@@ -48,7 +48,7 @@
 	border: 1px solid ${a.COLORS.stroke.primary};
 	background-color: #fff;
 	overflow: hidden;
-`,g=e.default.div`
+`,u=e.default.div`
 	width: 100%;
 	height: 72px;
 	display: flex;
@@ -56,8 +56,9 @@
 	justify-content: space-between;
 	padding: 16px;
 	gap: 16px;
-`,x=e.default(n)``,c=e.default(r)``,h=e.default.div`
+`,g=e.default(n)``,c=e.default(r)``,h=e.default.div`
 	width: 100%;
+	box-sizing: border-box;
 	padding: 16px;
 	border: 1px solid ${a.COLORS.stroke.brandLightAlt};
 	border-radius: 8px;
@@ -70,19 +71,20 @@
 	flex-direction: column;
 	gap: 16px;
 	flex-grow: 1;
+	min-width: 0;
 `,W=e.default.div`
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
-`,C=e.default.div`
+`,b=e.default.div`
 	display: flex;
 	gap: 8px;
-`,B=e.default.div`
+`,C=e.default.div`
 	width: fit-content;
 	display: flex;
 	align-items: end;
 	gap: 8px;
-`,b=e.default.div`
+`,B=e.default.div`
 	width: 100%;
 	height: 170px;
 	display: flex;
@@ -90,14 +92,16 @@
 	justify-content: space-between;
 	border: 1px solid #e0e0e0;
 	border-radius: 8px;
-	background-color: ${a.COLORS.background.brandLight};
+	background-color: ${a.COLORS.background.brandVeryLight};
 `,y=e.default.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;
 `,v=e.default.div`
 	height: 170px;
 	position: relative;
@@ -114,5 +118,5 @@
 	button {
 		border-radius: 32px;
 	}
-`;exports.BannerContainer=h;exports.BannerImageWrapper=v;exports.BannerWithImageButtonWrapper=w;exports.BannerWithImageContainer=b;exports.BottomButtonWrapper=B;exports.ButtonWrapper=r;exports.CardBannerButtonWrapper=s;exports.CardBannerContent=o;exports.CardBannerIconsWrapper=l;exports.CardBannerWrapper=i;exports.CardButtonWrapper=c;exports.CardFooterWrapper=g;exports.CardImageWrapper=x;exports.CardWrapper=u;exports.CompanyImageWrapper=f;exports.ContentWrapper=y;exports.ImageWrapper=n;exports.MainContentWrapper=m;exports.TagWrapper=C;exports.TextWrapper=W;
+`;exports.BannerContainer=h;exports.BannerImageWrapper=v;exports.BannerWithImageButtonWrapper=w;exports.BannerWithImageContainer=B;exports.BottomButtonWrapper=C;exports.ButtonWrapper=r;exports.CardBannerButtonWrapper=s;exports.CardBannerContent=o;exports.CardBannerIconsWrapper=l;exports.CardBannerWrapper=i;exports.CardButtonWrapper=c;exports.CardFooterWrapper=u;exports.CardImageWrapper=g;exports.CardWrapper=x;exports.CompanyImageWrapper=f;exports.ContentWrapper=y;exports.ImageWrapper=n;exports.MainContentWrapper=m;exports.TagWrapper=b;exports.TextWrapper=W;
 //# sourceMappingURL=Banner.styled.js.map

package/dist/cjs/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":"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;AAAA,qBAIjBQ,EAAAA,OAAO,OAAO,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQnCK,EAAqBb,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQ5Bc,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,cAAc;AAAA,EAGxCU,EAAiBlB,EAAAA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWxBmB,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/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":"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/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":"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/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":"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/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":"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/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":"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/cjs/components/agent-builder/AgentBuilder.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("react"),ae=require("../../constants/Theme.js"),s=require("./AgentBuilder.styled.js"),se=require("./components/AgentBuilderFooter.js"),re=require("./components/AgentBuilderTopBar.js"),ie=require("./components/DiscardModal.js"),le=require("./components/GoLiveModal.js"),ce=require("./components/StepRail.js"),ue=require("./components/UndoToast.js"),B=require("./context/AgentBuilderContext.js"),de=require("./steps/Step1About.js"),ge=require("./steps/Step2WhenItStepsIn.js"),he=require("./steps/Step3HowItResponds.js"),Se=require("./steps/Step4HandoverRules.js"),ve=require("../spinner/Spinner.js"),be=()=>{const{activeStep:u}=B.useAgentBuilderContext();switch(u){case"about":return n.jsx(de.Step1About,{});case"trigger":return n.jsx(ge.Step2WhenItStepsIn,{});case"response":return n.jsx(he.Step3HowItResponds,{});case"handover":return n.jsx(Se.Step4HandoverRules,{});default:return null}},k=u=>{const{config:y,onChange:b,onStepChange:d,onDiscard:r,onSaveDraft:i,onPublish:C,onBack:g,onTestAgent:h,onGoToDashboard:S,onCreateSubAgent:l,onFetchSubAgent:q,onUpdateSubAgent:T,onImproveSubAgent:R,...G}=u,{value:v,activeStep:M,availableTools:P,availableSubAgents:I,availableIntents:w=[],availableModels:H=[],validation:F,applicationType:O,charLimits:U,isSaving:f,isPublishing:p,isLoading:N,footerHint:W="Changes don’t affect customers until you go live",disableStepNavigation:z,debugLog:A}=y,[E,a]=o.useState(null),[j,x]=o.useState(!1),[_,c]=o.useState(!1),[D,L]=o.useState(!1),e=o.useCallback((t,...oe)=>{A&&console.log(`[AgentBuilder] ${t}`,...oe)},[A]),$=o.useCallback(t=>{e("onChange",t),b(t)},[e,b]),J=o.useCallback(t=>{e("onStepChange",t),d?.(t)},[e,d]),K=o.useCallback(()=>{e("onDiscard"),r()},[e,r]),Q=o.useCallback(()=>(e("onSaveDraft"),i()),[e,i]),V=o.useCallback(()=>(e("onPublish"),C()),[e,C]),X=o.useCallback(()=>{e("onBack"),c(!0)},[e]),Y=o.useCallback(()=>{e("onDiscardAndLeave"),c(!1),r()},[e,r]),m=o.useCallback(async()=>{e("onSaveDraftAndLeave");const t=i();if(t&&typeof t.then=="function"){L(!0);try{await t}finally{L(!1)}}c(!1),g?.()},[e,i,g]),Z=o.useCallback(()=>{e("onTestAgent"),h?.()},[e,h]),ee=o.useCallback(()=>{e("onGoToDashboard"),S?.()},[e,S]),ne=o.useCallback(t=>(e("onCreateSubAgent",t),l?l(t):Promise.reject(new Error("onCreateSubAgent not provided"))),[e,l]),te=async()=>{e("onGoLiveConfirm");const t=V();if(t&&typeof t.then=="function"){x(!0);try{await t,a("success")}finally{x(!1)}}else a("success")};return n.jsx(B.AgentBuilderProvider,{value:v,onChange:$,activeStep:M,onStepChange:d?J:void 0,availableTools:P,availableSubAgents:I,availableIntents:w,availableModels:H,validation:F,applicationType:O,charLimits:U,disableStepNavigation:z,onCreateSubAgent:l?ne:void 0,onFetchSubAgent:q,onUpdateSubAgent:T,onImproveSubAgent:R,children:n.jsxs(s.BuilderRoot,{"data-test":G["data-test"]??"agent-builder",children:[n.jsx(re.AgentBuilderTopBar,{name:v.name,status:v.status,onBack:g?X:void 0,onDiscard:K,onSaveDraft:m,isSaving:f||D}),n.jsxs(s.Main,{children:[n.jsx(s.Rail,{children:n.jsx(ce.StepRail,{})}),n.jsx(s.Content,{children:N?n.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%"},children:n.jsx(ve.Spinner,{size:"large",color:ae.COLORS.stroke.brand})}):n.jsx(s.ContentCard,{children:n.jsx(be,{})})})]}),n.jsx(se.AgentBuilderFooter,{footerHint:W,onTestAgent:h?Z:void 0,onGoLive:()=>{e("onGoLive"),a("confirm")},isPublishing:p||j}),n.jsx(le.GoLiveModal,{mode:E,onClose:()=>a(null),onConfirm:te,onSaveDraft:()=>{a(null),Q()},onGoToDashboard:S?ee:void 0,isPublishing:p||j}),n.jsx(ie.DiscardModal,{open:_,onClose:()=>c(!1),onDiscard:Y,onSaveDraft:m,isSaving:f||D}),n.jsx(ue.UndoToast,{})]})})};k.displayName="AgentBuilder";exports.AgentBuilder=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("react"),oe=require("../../constants/Theme.js"),a=require("./AgentBuilder.styled.js"),ae=require("./components/AgentBuilderFooter.js"),se=require("./components/AgentBuilderTopBar.js"),re=require("./components/DiscardModal.js"),ie=require("./components/GoLiveModal.js"),le=require("./components/StepRail.js"),ue=require("./components/UndoToast.js"),D=require("./context/AgentBuilderContext.js"),ce=require("./steps/Step1About.js"),de=require("./steps/Step2WhenItStepsIn.js"),ge=require("./steps/Step3HowItResponds.js"),Se=require("./steps/Step4HandoverRules.js"),he=require("../spinner/Spinner.js"),ve=()=>{const{activeStep:u}=D.useAgentBuilderContext();switch(u){case"about":return n.jsx(ce.Step1About,{});case"trigger":return n.jsx(de.Step2WhenItStepsIn,{});case"response":return n.jsx(ge.Step3HowItResponds,{});case"handover":return n.jsx(Se.Step4HandoverRules,{});default:return null}},y=u=>{const{config:k,onChange:v,onStepChange:c,onDiscard:b,onSaveDraft:r,onPublish:C,onBack:d,onTestAgent:g,onGoToDashboard:S,onCreateSubAgent:i,onFetchSubAgent:q,onUpdateSubAgent:T,onImproveSubAgent:R,...G}=u,{value:h,activeStep:M,availableTools:P,availableSubAgents:I,availableIntents:w=[],availableModels:H=[],validation:F,applicationType:O,charLimits:U,isSaving:p,isPublishing:f,isLoading:N,footerHint:W="Changes don’t affect customers until you go live",disableStepNavigation:z,debugLog:A}=k,[E,s]=o.useState(null),[j,x]=o.useState(!1),[_,l]=o.useState(!1),[L,m]=o.useState(!1),e=o.useCallback((t,...te)=>{A&&console.log(`[AgentBuilder] ${t}`,...te)},[A]),$=o.useCallback(t=>{e("onChange",t),v(t)},[e,v]),J=o.useCallback(t=>{e("onStepChange",t),c?.(t)},[e,c]),K=o.useCallback(()=>(e("onSaveDraft"),r()),[e,r]),Q=o.useCallback(()=>(e("onPublish"),C()),[e,C]),V=o.useCallback(()=>{e("onBack"),l(!0)},[e]),X=o.useCallback(()=>{e("onDiscardAndLeave"),l(!1),b()},[e,b]),B=o.useCallback(async()=>{e("onSaveDraftAndLeave");const t=r();if(t&&typeof t.then=="function"){m(!0);try{await t}finally{m(!1)}}l(!1),d?.()},[e,r,d]),Y=o.useCallback(()=>{e("onTestAgent"),g?.()},[e,g]),Z=o.useCallback(()=>{e("onGoToDashboard"),S?.()},[e,S]),ee=o.useCallback(t=>(e("onCreateSubAgent",t),i?i(t):Promise.reject(new Error("onCreateSubAgent not provided"))),[e,i]),ne=async()=>{e("onGoLiveConfirm");const t=Q();if(t&&typeof t.then=="function"){x(!0);try{await t,s("success")}finally{x(!1)}}else s("success")};return n.jsx(D.AgentBuilderProvider,{value:h,onChange:$,activeStep:M,onStepChange:c?J:void 0,availableTools:P,availableSubAgents:I,availableIntents:w,availableModels:H,validation:F,applicationType:O,charLimits:U,disableStepNavigation:z,onCreateSubAgent:i?ee:void 0,onFetchSubAgent:q,onUpdateSubAgent:T,onImproveSubAgent:R,children:n.jsxs(a.BuilderRoot,{"data-test":G["data-test"]??"agent-builder",children:[n.jsx(se.AgentBuilderTopBar,{name:h.name,status:h.status,onBack:d?V:void 0,onSaveDraft:B,isSaving:p||L}),n.jsxs(a.Main,{children:[n.jsx(a.Rail,{children:n.jsx(le.StepRail,{})}),n.jsx(a.Content,{children:N?n.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",height:"100%"},children:n.jsx(he.Spinner,{size:"large",color:oe.COLORS.stroke.brand})}):n.jsxs(a.ContentCard,{children:[n.jsx(a.StepScroll,{children:n.jsx(ve,{})}),n.jsx(ae.AgentBuilderFooter,{footerHint:W,onTestAgent:g?Y:void 0,onGoLive:()=>{e("onGoLive"),s("confirm")},isPublishing:f||j})]})})]}),n.jsx(ie.GoLiveModal,{mode:E,onClose:()=>s(null),onConfirm:ne,onSaveDraft:()=>{s(null),K()},onGoToDashboard:S?Z:void 0,isPublishing:f||j}),n.jsx(re.DiscardModal,{open:_,onClose:()=>l(!1),onDiscard:X,onSaveDraft:B,isSaving:p||L}),n.jsx(ue.UndoToast,{})]})})};y.displayName="AgentBuilder";exports.AgentBuilder=y;
 //# sourceMappingURL=AgentBuilder.js.map

package/dist/cjs/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/cjs/components/agent-builder/AgentBuilder.styled.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("styled-components"),t=require("../../constants/Theme.js"),o=a=>a&&typeof a=="object"&&"default"in a?a:{default:a},e=o(n),i=n.css`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),t=require("../../constants/Theme.js"),n=a=>a&&typeof a=="object"&&"default"in a?a:{default:a},e=n(i),o=i.css`
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -31,7 +31,7 @@
 `,d=e.default.div.attrs({className:"bik-top-bar-side"})`
 	display: flex;
 	align-items: center;
-	gap: 12px;
+	gap: 8px;
 `,l=e.default.button.attrs({className:"bik-back-button"})`
 	display: flex;
 	align-items: center;
@@ -61,15 +61,25 @@
 `,u=e.default.div.attrs({className:"bik-content"})`
 	flex: 1;
 	min-width: 0;
-	overflow-y: auto;
+	min-height: 0;
+	overflow: hidden;
+	display: flex;
+	flex-direction: column;
 	padding: 16px;
 	background: ${t.COLORS.surface.standard};
 `,x=e.default.div.attrs({className:"bik-content-card"})`
+	flex: 1;
+	min-height: 0;
+	display: flex;
+	flex-direction: column;
+	overflow: hidden;
 	border: 1px solid ${t.COLORS.stroke.primary};
 	border-radius: 8px;
-	padding: 24px;
-	min-height: 100%;
 	box-sizing: border-box;
+`,f=e.default.div.attrs({className:"bik-step-scroll"})`
+	flex: 1;
+	min-height: 0;
+	overflow-y: auto;
 `,b=e.default.div.attrs({className:"bik-footer"})`
 	display: flex;
 	align-items: center;
@@ -78,18 +88,19 @@
 	padding: 12px 16px;
 	border-top: 1px solid ${t.COLORS.stroke.primary};
 	flex-shrink: 0;
-`,f=e.default.div.attrs({className:"bik-footer-hint"})`
+	box-shadow: 0px -2px 12px 0px #0000000a;
+`,g=e.default.div.attrs({className:"bik-footer-hint"})`
 	display: flex;
 	align-items: center;
 	gap: 6px;
-`,g=e.default.div.attrs({className:"bik-footer-actions"})`
+`,m=e.default.div.attrs({className:"bik-footer-actions"})`
 	display: flex;
 	align-items: center;
 	gap: 8px;
-`,m=e.default.div.attrs({className:"bik-rail-list"})`
+`,h=e.default.div.attrs({className:"bik-rail-list"})`
 	display: flex;
 	flex-direction: column;
-`,h=e.default.button.attrs({className:"bik-rail-item"})`
+`,k=e.default.button.attrs({className:"bik-rail-item"})`
 	position: relative;
 	display: flex;
 	align-items: flex-start;
@@ -121,7 +132,7 @@
 		border-left: 1px dashed #e0e0e0;
 		pointer-events: none;
 	}
-`,k=e.default.div.attrs({className:"bik-step-badge"})`
+`,y=e.default.div.attrs({className:"bik-step-badge"})`
 	width: 20px;
 	height: 20px;
 	flex-shrink: 0;
@@ -130,25 +141,31 @@
 	align-items: center;
 	justify-content: center;
 	font-family: Inter;
-	font-size: 12px;
-	font-weight: 600;
-	background: ${a=>a.state==="complete"?t.COLORS.content.brand:a.state==="active"?t.COLORS.background.brandTint:"#F0F0F0"};
-	color: ${a=>a.state==="complete"?t.COLORS.content.primaryInverse:a.state==="active"?t.COLORS.content.brand:t.COLORS.content.placeholder};
-`,y=e.default.div.attrs({className:"bik-section-header-wrap"})`
+	font-size: 10px;
+	font-weight: 400;
+	line-height: 12px;
+	background: ${a=>a.state==="complete"?t.COLORS.background.inverseLight:a.state==="active"?t.COLORS.background.brandLight:t.COLORS.background.base};
+	color: ${a=>a.state==="complete"?t.COLORS.surface.standard:a.state==="active"?t.COLORS.background.inverseLight:t.COLORS.content.secondary};
+`,S=e.default.div.attrs({className:"bik-section-header-wrap"})`
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
-	margin-bottom: 20px;
-`,S=e.default.div.attrs({className:"bik-field-block"})`
+	padding: 16px;
+	border-bottom: 1px solid ${t.COLORS.stroke.primary};
+`,w=e.default.div.attrs({className:"bik-section-header-wrap"})`
+	display: flex;
+	flex-direction: column;
+	gap: 16px;
+	padding: 16px;
+`,O=e.default.div.attrs({className:"bik-field-block"})`
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
-	margin-bottom: 20px;
-`,O=e.default.div.attrs({className:"bik-field-label-row"})`
+`,v=e.default.div.attrs({className:"bik-field-label-row"})`
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
-`,w=e.default.div.attrs({className:"bik-ai-text-area-shell"})`
+`,R=e.default.div.attrs({className:"bik-ai-text-area-shell"})`
 	display: flex;
 	flex-direction: column;
 	border: 1px solid
@@ -158,7 +175,7 @@
 	gap: 8px;
 	min-height: ${a=>a.minHeight??"120px"};
 	background: ${t.COLORS.surface.standard};
-`,v=e.default.textarea.attrs({className:"bik-ai-text-area-input"})`
+`,C=e.default.textarea.attrs({className:"bik-ai-text-area-input"})`
 	flex: 1;
 	border: none;
 	outline: none;
@@ -173,11 +190,10 @@
 	&::placeholder {
 		color: ${t.COLORS.content.placeholder};
 	}
-`,R=e.default.div.attrs({className:"bik-card-row"})`
+`,N=e.default.div.attrs({className:"bik-card-row"})`
 	display: flex;
 	gap: 12px;
-	margin-bottom: 16px;
-`,C=e.default.button.attrs({className:"bik-radio-card"})`
+`,L=e.default.button.attrs({className:"bik-radio-card"})`
 	flex: 1;
 	display: flex;
 	align-items: flex-start;
@@ -190,11 +206,11 @@
 	cursor: pointer;
 	text-align: left;
 	width: 100%;
-`,N=e.default.div.attrs({className:"bik-radio-card-text"})`
+`,B=e.default.div.attrs({className:"bik-radio-card-text"})`
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
-`,L=e.default.div.attrs({className:"bik-chip-wrap"})`
+`,$=e.default.div.attrs({className:"bik-chip-wrap"})`
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
@@ -207,7 +223,7 @@
 	border: 1px solid ${t.COLORS.stroke.primary};
 	border-radius: 4px;
 	background: ${t.COLORS.surface.standard};
-`,B=e.default.button.attrs({className:"bik-chip-close-button"})`
+`,T=e.default.button.attrs({className:"bik-chip-close-button"})`
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -215,7 +231,7 @@
 	background: transparent;
 	padding: 0;
 	cursor: pointer;
-`,$=e.default.button.attrs({className:"bik-add-chip-button"})`
+`,j=e.default.button.attrs({className:"bik-add-chip-button"})`
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
@@ -224,35 +240,52 @@
 	border-radius: 4px;
 	background: transparent;
 	cursor: pointer;
-`,T=e.default.div.attrs({className:"bik-step3-grid"})`
+`,F=e.default.div.attrs({className:"bik-agent-step bik-agent-step--response"})`
+	display: flex;
+	flex-direction: column;
+	min-height: 100%;
+`,I=e.default.div.attrs({className:"bik-step3-grid"})`
 	display: grid;
-	grid-template-columns: minmax(0, 1fr) 300px;
-	gap: 24px;
+	grid-template-columns: minmax(0, 1fr) 1px 360px;
+	/* Single row that fills the grid's height, so the divider spans the full
+	   height (down to the footer) rather than stopping at the taller column. */
+	grid-template-rows: 1fr;
+	flex: 1;
+	min-height: 0;
 
 	@media (max-width: 1100px) {
 		grid-template-columns: 1fr;
+		grid-template-rows: auto;
 	}
-`,F=e.default.div.attrs({className:"bik-step3-main"})`
-	display: flex;
-	flex-direction: column;
-`,j=e.default.div.attrs({className:"bik-step3-side"})`
-	display: flex;
-	flex-direction: column;
-	gap: 24px;
-`,I=e.default.div.attrs({className:"bik-side-section"})`
+
+	/* Fill the remaining card height so a full-height child (e.g. the Step 3
+	   column divider) can stretch all the way down to the footer. */
+	${a=>a.$grow&&i.css`
+			flex: 1;
+			min-height: 0;
+		`}
+`,H=e.default.div.attrs({className:"bik-step3-divider"})`
+	width: 1px;
+	align-self: stretch;
+	background: ${t.COLORS.stroke.primary};
+
+	@media (max-width: 1100px) {
+		display: none;
+	}
+`,M=e.default.div.attrs({className:"bik-side-section"})`
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
-`,M=e.default.div.attrs({className:"bik-side-section-header"})`
+`,P=e.default.div.attrs({className:"bik-side-section-header"})`
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
-`,H=e.default.button.attrs({className:"bik-add-icon-button"})`
-	${i}
-`,P=e.default.div.attrs({className:"bik-source-button-row"})`
+`,z=e.default.button.attrs({className:"bik-add-icon-button"})`
+	${o}
+`,D=e.default.div.attrs({className:"bik-source-button-row"})`
 	display: flex;
 	gap: 8px;
-`,z=e.default.button.attrs({className:"bik-source-button"})`
+`,W=e.default.button.attrs({className:"bik-source-button"})`
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -266,14 +299,13 @@
 	&:hover {
 		background: ${t.COLORS.surface.subdued};
 	}
-`,D=e.default.div.attrs({className:"bik-selectable-row"})`
+`,_=e.default.div.attrs({className:"bik-selectable-row"})`
 	display: flex;
 	align-items: center;
 	gap: 8px;
 	padding: 8px 12px;
 	border: 1px solid ${t.COLORS.stroke.primary};
 	border-radius: 4px;
-	height: 40px;
 	min-width: 0;
 	overflow: hidden;
 
@@ -281,7 +313,7 @@
 	& > svg {
 		flex-shrink: 0;
 	}
-`,W=e.default.div.attrs({className:"bik-row-text"})`
+`,q=e.default.div.attrs({className:"bik-row-text"})`
 	flex: 1;
 	min-width: 0;
 	overflow: hidden;
@@ -301,40 +333,40 @@
 	background: transparent;
 	padding: 0;
 	cursor: pointer;
-`;const _=e.default.div.attrs({className:"bik-row-actions"})`
+`;const G=e.default.div.attrs({className:"bik-row-actions"})`
 	display: flex;
 	align-items: center;
 	gap: 4px;
 	flex-shrink: 0;
-`,q=e.default.span.attrs({className:"bik-row-action-divider"})`
+`,E=e.default.span.attrs({className:"bik-row-action-divider"})`
 	width: 1px;
 	align-self: stretch;
 	margin: 4px 0;
 	background: ${t.COLORS.stroke.primary};
-`,G=e.default.button.attrs({className:"bik-row-menu-button"})`
-	${i}
-`,E=e.default.div.attrs({className:"bik-modal-body"})`
+`,J=e.default.button.attrs({className:"bik-row-menu-button"})`
+	${o}
+`,K=e.default.div.attrs({className:"bik-modal-body"})`
 	padding: 24px;
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 	gap: 16px;
 	text-align: center;
-`,J=e.default.div.attrs({className:"bik-modal-icon"})`
+`,Q=e.default.div.attrs({className:"bik-modal-icon"})`
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	margin-bottom: 4px;
-`,K=e.default.div.attrs({className:"bik-modal-actions"})`
+`,U=e.default.div.attrs({className:"bik-modal-actions"})`
 	display: flex;
 	gap: 12px;
 	width: 100%;
-`,Q=e.default.div.attrs({className:"bik-subagent-scrim"})`
+`,V=e.default.div.attrs({className:"bik-subagent-scrim"})`
 	position: fixed;
 	inset: 0;
 	background: rgba(0, 0, 0, 0.32);
 	z-index: 1000;
-`,U=e.default.div.attrs({className:"bik-subagent-panel"})`
+`,X=e.default.div.attrs({className:"bik-subagent-panel"})`
 	position: fixed;
 	top: 0;
 	right: 0;
@@ -347,28 +379,27 @@
 	box-shadow: -8px 0 24px rgba(0, 0, 0, 0.12);
 	z-index: 1001;
 	box-sizing: border-box;
-`,V=e.default.div.attrs({className:"bik-subagent-panel-header"})`
+`,Y=e.default.div.attrs({className:"bik-subagent-panel-header"})`
 	display: flex;
 	align-items: flex-start;
 	justify-content: space-between;
-	gap: 12px;
-	padding: 16px;
+	padding: 10px 12px;
 	border-bottom: 1px solid ${t.COLORS.stroke.primary};
 	flex-shrink: 0;
-`,X=e.default.div.attrs({className:"bik-subagent-panel-header-text"})`
+`,Z=e.default.div.attrs({className:"bik-subagent-panel-header-text"})`
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 	min-width: 0;
-`,Y=e.default.div.attrs({className:"bik-subagent-panel-body"})`
+`,ee=e.default.div.attrs({className:"bik-subagent-panel-body"})`
 	flex: 1;
 	min-height: 0;
 	overflow-y: auto;
 	padding: 16px;
 	display: flex;
 	flex-direction: column;
-	gap: 20px;
-`,Z=e.default.div.attrs({className:"bik-subagent-panel-footer"})`
+	gap: 16px;
+`,te=e.default.div.attrs({className:"bik-subagent-panel-footer"})`
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -376,12 +407,12 @@
 	min-height: 48px;
 	border-top: 1px solid ${t.COLORS.stroke.primary};
 	flex-shrink: 0;
-`,ee=e.default.button.attrs({className:"bik-subagent-close"})`
-	${i}
+`,ae=e.default.button.attrs({className:"bik-subagent-close"})`
+	${o}
 	flex-shrink: 0;
 `;e.default.div.attrs({className:"bik-field-action-row"})`
 	display: flex;
 	align-items: center;
 	gap: 8px;
-`;exports.AddChipButton=$;exports.AddIconButton=H;exports.AiTextAreaInput=v;exports.AiTextAreaShell=w;exports.BackButton=l;exports.BuilderRoot=s;exports.CardRow=R;exports.ChipCloseButton=B;exports.ChipWrap=L;exports.Content=u;exports.ContentCard=x;exports.FieldBlock=S;exports.FieldLabelRow=O;exports.Footer=b;exports.FooterActions=g;exports.FooterHint=f;exports.IntentChip=A;exports.Main=c;exports.ModalActions=K;exports.ModalBody=E;exports.ModalIcon=J;exports.RadioCard=C;exports.RadioCardText=N;exports.Rail=p;exports.RailItem=h;exports.RailList=m;exports.RowActionDivider=q;exports.RowActions=_;exports.RowMenuButton=G;exports.RowText=W;exports.SectionHeaderWrap=y;exports.SelectableRow=D;exports.SideSection=I;exports.SideSectionHeader=M;exports.SourceButton=z;exports.SourceButtonRow=P;exports.Step3Grid=T;exports.Step3Main=F;exports.Step3Side=j;exports.StepBadge=k;exports.SubAgentCloseButton=ee;exports.SubAgentPanel=U;exports.SubAgentPanelBody=Y;exports.SubAgentPanelFooter=Z;exports.SubAgentPanelHeader=V;exports.SubAgentPanelHeaderText=X;exports.SubAgentScrim=Q;exports.TopBar=r;exports.TopBarSide=d;
+`;exports.AddChipButton=j;exports.AddIconButton=z;exports.AiTextAreaInput=C;exports.AiTextAreaShell=R;exports.BackButton=l;exports.BuilderRoot=s;exports.CardRow=N;exports.ChipCloseButton=T;exports.ChipWrap=$;exports.Content=u;exports.ContentCard=x;exports.FieldBlock=O;exports.FieldLabelRow=v;exports.Footer=b;exports.FooterActions=m;exports.FooterHint=g;exports.IntentChip=A;exports.Main=c;exports.ModalActions=U;exports.ModalBody=K;exports.ModalIcon=Q;exports.RadioCard=L;exports.RadioCardText=B;exports.Rail=p;exports.RailItem=k;exports.RailList=h;exports.RowActionDivider=E;exports.RowActions=G;exports.RowMenuButton=J;exports.RowText=q;exports.SectionBodyWrap=w;exports.SectionHeaderWrap=S;exports.SelectableRow=_;exports.SideSection=M;exports.SideSectionHeader=P;exports.SourceButton=W;exports.SourceButtonRow=D;exports.Step3Divider=H;exports.Step3Grid=I;exports.Step3Root=F;exports.StepBadge=y;exports.StepScroll=f;exports.SubAgentCloseButton=ae;exports.SubAgentPanel=X;exports.SubAgentPanelBody=ee;exports.SubAgentPanelFooter=te;exports.SubAgentPanelHeader=Y;exports.SubAgentPanelHeaderText=Z;exports.SubAgentScrim=V;exports.TopBar=r;exports.TopBarSide=d;
 //# sourceMappingURL=AgentBuilder.styled.js.map