@bikdotai/bik-component-library 0.0.736-beta.1 → 0.0.736-beta.10

package/dist/esm/components/carousel-secondary/CarouselSecondary.style.js

@@ -1,4 +1,4 @@
-import e from"@emotion/styled";import{COLORS as i}from"../../constants/Theme.js";import{CarouselVersion as t}from"./model.js";const n=e.div`
+import e from"styled-components";import{COLORS as i}from"../../constants/Theme.js";import{CarouselVersion as t}from"./model.js";const n=e.div`
 	width: 100%;
 	height: ${e=>e.version===t.V2?"100%":"372px"};
 	overflow: hidden;
@@ -19,7 +19,7 @@ import e from"@emotion/styled";import{COLORS as i}from"../../constants/Theme.js"
 	scroll-snap-align: start;
 	padding: 24px;
 	overflow: hidden;
-`,d=e.div`
+`,s=e.div`
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
@@ -27,7 +27,7 @@ import e from"@emotion/styled";import{COLORS as i}from"../../constants/Theme.js"
 	width: 100%;
 	padding: 10px;
 	background-color: ${e=>e.version===t.V2?i.surface.standard:i.surface.hovered};
-`,s=e.div`
+`,d=e.div`
 	display: flex;
 	flex-direction: row;
 	gap: 8px;
@@ -39,4 +39,4 @@ import e from"@emotion/styled";import{COLORS as i}from"../../constants/Theme.js"
 	border-radius: 50%;
 	background-color: ${e=>e.isActive?e.version===t.V2?i.content.brand:i.content.secondary:e.version===t.V2?i.stroke.brandLightAlt:i.content.inactive};
 	cursor: pointer;
-`;export{o as CarouselBody,n as CarouselContainer,d as CarouselFooter,r as CarouselPage,a as Indicator,s as PageIndicator};
+`;export{o as CarouselBody,n as CarouselContainer,s as CarouselFooter,r as CarouselPage,a as Indicator,d as PageIndicator};

package/dist/esm/components/checkBox/CheckBox.js

@@ -1 +1 @@
-import{jsxs as e,jsx as l,Fragment as i}from"react/jsx-runtime";import{useState as s,useEffect as t,useMemo as a}from"react";import{CheckboxContainer as o,CheckboxIcon as r}from"./CheckBox.styled.js";import{TitleRegular as d,TitleSmall as n,BodySecondary as c,BodyPrimary as h}from"../TypographyStyle.js";import{COLORS as b}from"../../constants/Theme.js";const m=i=>{const s=a((()=>i.activeColor||b.background.positive.vibrant),[i.activeColor]);return e("svg",{width:i.isSmall?"16":"18",height:i.isSmall?"16":"18",viewBox:i.isSmall?"0 0 16 16":"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[l("rect",{x:"0",y:"0",width:i.isSmall?"16":"18",height:i.isSmall?"16":"18",rx:"4",fill:i.isDisabled?b.content.inactive:s}),!i.isPartial&&l("svg",{width:i.isSmall?"8":"10",height:i.isSmall?"7":"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:l("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})}),i.isPartial&&l("rect",{x:"5",y:i.isSmall?"7":"8",width:i.isSmall?"6":"8",height:"2",rx:"1",fill:b.surface.standard})]})},v=a=>{var v;const[C,p]=s(a.isChecked||!1),[x,S]=s(a.isPartiallyChecked||!1),[u,w]=s(a.isDisabled||!1),[y,k]=s(!1),[g,D]=s(!1);t((()=>{p(a.isChecked)}),[a.isChecked]),t((()=>{w(a.isDisabled||!1)}),[a.isDisabled]),t((()=>{S(a.isPartiallyChecked||!1)}),[a.isPartiallyChecked]);return e(o,{onClick:e=>{var l;if(!a.isDisabled){const i=!C;x?S(!x):p(i),null===(l=a.onValueChange)||void 0===l||l.call(a,i,a.value,e)}},onMouseEnter:()=>k(!a.skipHoverState),onMouseLeave:()=>k(!1),onMouseDown:()=>D(!a.skipHoverState),onMouseUp:()=>D(!1),isDisabled:u,enableHover:a.enableHover,style:null!==(v=a.style)&&void 0!==v?v:{},children:[l(r,{checked:C,hovered:y,clicked:g,isDisabled:u,size:a.size,borderColor:a.checkboxBorderColor,children:C&&l(m,{isPartial:x||!1,isDisabled:u,isSmall:"SMALL"===a.size,activeColor:null==a?void 0:a.activeColor})}),a.label?a.boldOnChecked&&C||a.bold?"DEFAULT"===a.labelSize?l(d,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):l(n,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):"SMALL"===a.size||"SMALL"===a.labelSize?l(c,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):l(h,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):l(i,{}),a.rightComponent]})};export{v as CheckBox};
+import{jsxs as e,jsx as l,Fragment as i}from"react/jsx-runtime";import{useState as s,useEffect as t,useMemo as a}from"react";import{CheckboxContainer as o,CheckboxIcon as r}from"./CheckBox.styled.js";import{TitleRegular as d,TitleSmall as n,BodySecondary as c,BodyPrimary as h}from"../TypographyStyle.js";import{COLORS as b}from"../../constants/Theme.js";const m=i=>{const s=a(()=>i.activeColor||b.background.positive.vibrant,[i.activeColor]);return e("svg",{width:i.isSmall?"16":"18",height:i.isSmall?"16":"18",viewBox:i.isSmall?"0 0 16 16":"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[l("rect",{x:"0",y:"0",width:i.isSmall?"16":"18",height:i.isSmall?"16":"18",rx:"4",fill:i.isDisabled?b.content.inactive:s}),!i.isPartial&&l("svg",{width:i.isSmall?"8":"10",height:i.isSmall?"7":"9",x:"4",y:"4",viewBox:"0 0 10 9",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:l("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z",fill:"white"})}),i.isPartial&&l("rect",{x:"5",y:i.isSmall?"7":"8",width:i.isSmall?"6":"8",height:"2",rx:"1",fill:b.surface.standard})]})},v=a=>{var v;const[C,p]=s(a.isChecked||!1),[x,S]=s(a.isPartiallyChecked||!1),[u,w]=s(a.isDisabled||!1),[y,k]=s(!1),[g,D]=s(!1);t(()=>{p(a.isChecked)},[a.isChecked]),t(()=>{w(a.isDisabled||!1)},[a.isDisabled]),t(()=>{S(a.isPartiallyChecked||!1)},[a.isPartiallyChecked]);return e(o,{onClick:e=>{var l;if(!a.isDisabled){const i=!C;x?S(!x):p(i),null===(l=a.onValueChange)||void 0===l||l.call(a,i,a.value,e)}},onMouseEnter:()=>k(!a.skipHoverState),onMouseLeave:()=>k(!1),onMouseDown:()=>D(!a.skipHoverState),onMouseUp:()=>D(!1),isDisabled:u,enableHover:a.enableHover,style:null!==(v=a.style)&&void 0!==v?v:{},children:[l(r,{checked:C,hovered:y,clicked:g,isDisabled:u,size:a.size,borderColor:a.checkboxBorderColor,children:C&&l(m,{isPartial:x||!1,isDisabled:u,isSmall:"SMALL"===a.size,activeColor:null==a?void 0:a.activeColor})}),a.label?a.boldOnChecked&&C||a.bold?"DEFAULT"===a.labelSize?l(d,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):l(n,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):"SMALL"===a.size||"SMALL"===a.labelSize?l(c,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):l(h,{color:a.isDisabled?b.text.disabled:b.text.primary,children:a.label}):l(i,{}),a.rightComponent]})};export{v as CheckBox};

package/dist/esm/components/checkList/CheckList.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as i,useEffect as s}from"react";import{CheckBox as o}from"../checkBox/CheckBox.js";import{CheckListStyled as r}from"./CheckList.styled.js";import{TitleRegular as l,BodySecondary as n}from"../TypographyStyle.js";import{COLORS as c}from"../../constants/Theme.js";const a=a=>{var m;const[h,d]=i(a.listItems);s((()=>{d(a.listItems)}),[a.listItems]);const p=(t,e)=>{const i=[...h],s=h.find((t=>t.value===e));s&&(s.isChecked=t),d(i);const o=i.filter((t=>t.isChecked));a.onChange(o)};return t(r,{children:[(a.title||a.subTitle)&&t("div",{className:"title__container",children:[a.title&&e(l,{children:a.title}),a.subTitle&&e(n,{color:c.text.secondary,children:a.subTitle})]}),e("div",{style:null!==(m=a.listContainerStyles)&&void 0!==m?m:{},className:"list__container",children:h.map((t=>e(o,Object.assign({},t,{onValueChange:p}),t.value)))})]})};export{a as CheckList};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as i,useEffect as s}from"react";import{CheckBox as o}from"../checkBox/CheckBox.js";import{CheckListStyled as r}from"./CheckList.styled.js";import{TitleRegular as l,BodySecondary as n}from"../TypographyStyle.js";import{COLORS as c}from"../../constants/Theme.js";const a=a=>{var m;const[h,d]=i(a.listItems);s(()=>{d(a.listItems)},[a.listItems]);const p=(t,e)=>{const i=[...h],s=h.find(t=>t.value===e);s&&(s.isChecked=t),d(i);const o=i.filter(t=>t.isChecked);a.onChange(o)};return t(r,{children:[(a.title||a.subTitle)&&t("div",{className:"title__container",children:[a.title&&e(l,{children:a.title}),a.subTitle&&e(n,{color:c.text.secondary,children:a.subTitle})]}),e("div",{style:null!==(m=a.listContainerStyles)&&void 0!==m?m:{},className:"list__container",children:h.map(t=>e(o,Object.assign({},t,{onValueChange:p}),t.value))})]})};export{a as CheckList};

package/dist/esm/components/checkList/CheckList.styled.js

@@ -1,4 +1,4 @@
-import t from"@emotion/styled";const o=t.div`
+import t from"styled-components";const o=t.div`
 	.title__container {
 		margin-bottom: 12px;
 	}

package/dist/esm/components/code-block/CodeBlock.js

@@ -1 +1 @@
-import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsxs as o,jsx as t,Fragment as i}from"react/jsx-runtime";import{useState as r,useEffect as d}from"react";import{toast as c}from"react-toastify";import{Container as n,Header as a,TitleSection as l,Title as m,LanguageBadge as s,CopyButton as h,CodeContainer as p,LineNumbers as f,Code as u}from"./CodeBlock.styled.js";import{highlightCode as v}from"./CodeBlockHelper.js";import{CodeLanguage as g}from"./types.js";const y=y=>{let{code:C="",language:x=g.JAVASCRIPT,title:b="",hideLineNumbers:j=!1,maxHeight:M="400px",maxWidth:H,theme:k="dark",hideHeader:_=!1,hideCopy:L=!1}=y;const[T,w]=r(!1),[B,S]=r(C);d((()=>{let o=!0;return e(void 0,void 0,void 0,(function*(){try{const e=yield import(`./languageSpecificFormatting/${x}_file.ts`);if((null==e?void 0:e.format)&&o)return void S(e.format(C))}catch(e){}o&&S(C)})),()=>{o=!1}}),[C,x]);const A=B.split("\n");return o(n,{themeMode:k,maxWidth:H,children:[!_&&o(a,{themeMode:k,children:[o(l,{children:[!!b&&b&&t(m,{themeMode:k,children:b}),t(s,{bg:(F=x,{javascript:"#e6cd12ff",python:"#3776ab",java:"#ed8b00",css:"#1572b6",html:"#e34c26",json:"#000000"}[F.toLowerCase()]||("dark"===k?"#6e7681":"#656d76")),color:(e=>{const o={javascript:"#000"};return(null==o?void 0:o[e.toLowerCase()])||"#fff"})(x),children:x})]}),!L&&t(h,{themeMode:k,onClick:()=>e(void 0,void 0,void 0,(function*(){try{yield navigator.clipboard.writeText(C),w(!0),c.success("Code copied to clipboard!",{position:"top-right",autoClose:2e3,hideProgressBar:!0}),setTimeout((()=>w(!1)),2e3)}catch(e){c.error("Failed to copy code",{position:"top-right",autoClose:2e3})}})),children:t(i,T?{children:"✓ Copied"}:{children:"Copy"})})]}),o(p,{maxHeight:M,children:[!j&&t(f,{themeMode:k,children:A.map(((e,o)=>t("div",{children:o+1},o)))}),t(u,{themeMode:k,children:A.map(((e,o)=>t("div",{style:{minHeight:e.trim()?"20px":"0px"},dangerouslySetInnerHTML:{__html:v(e,x,k)||" "}},o)))})]})]});var F};export{y as CodeBlock};
+import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsxs as o,jsx as t,Fragment as i}from"react/jsx-runtime";import{useState as r,useEffect as d}from"react";import{toast as c}from"react-toastify";import{Container as n,Header as a,TitleSection as l,Title as m,LanguageBadge as s,CopyButton as h,CodeContainer as p,LineNumbers as f,Code as u}from"./CodeBlock.styled.js";import{highlightCode as v}from"./CodeBlockHelper.js";import{CodeLanguage as g}from"./types.js";const y=({code:y="",language:C=g.JAVASCRIPT,title:x="",hideLineNumbers:b=!1,maxHeight:j="400px",maxWidth:M,theme:H="dark",hideHeader:k=!1,hideCopy:_=!1})=>{const[L,T]=r(!1),[w,B]=r(y);d(()=>{let o=!0;return e(void 0,void 0,void 0,function*(){try{const e=yield import(`./languageSpecificFormatting/${C}_file.ts`);if((null==e?void 0:e.format)&&o)return void B(e.format(y))}catch(e){}o&&B(y)}),()=>{o=!1}},[y,C]);const S=w.split("\n");return o(n,{themeMode:H,maxWidth:M,children:[!k&&o(a,{themeMode:H,children:[o(l,{children:[!!x&&x&&t(m,{themeMode:H,children:x}),t(s,{bg:(A=C,{javascript:"#e6cd12ff",python:"#3776ab",java:"#ed8b00",css:"#1572b6",html:"#e34c26",json:"#000000"}[A.toLowerCase()]||("dark"===H?"#6e7681":"#656d76")),color:(e=>{const o={javascript:"#000"};return(null==o?void 0:o[e.toLowerCase()])||"#fff"})(C),children:C})]}),!_&&t(h,{themeMode:H,onClick:()=>e(void 0,void 0,void 0,function*(){try{yield navigator.clipboard.writeText(y),T(!0),c.success("Code copied to clipboard!",{position:"top-right",autoClose:2e3,hideProgressBar:!0}),setTimeout(()=>T(!1),2e3)}catch(e){c.error("Failed to copy code",{position:"top-right",autoClose:2e3})}}),children:t(i,L?{children:"✓ Copied"}:{children:"Copy"})})]}),o(p,{maxHeight:j,children:[!b&&t(f,{themeMode:H,children:S.map((e,o)=>t("div",{children:o+1},o))}),t(u,{themeMode:H,children:S.map((e,o)=>t("div",{style:{minHeight:e.trim()?"20px":"0px"},dangerouslySetInnerHTML:{__html:v(e,C,H)||" "}},o))})]})]});var A};export{y as CodeBlock};

package/dist/esm/components/code-block/CodeBlock.styled.js

@@ -1,17 +1,17 @@
-import e from"styled-components";const r=e.div`
-	background-color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#0d1117":"#ffffff"}};
+import e from"styled-components";const o=e.div`
+	background-color: ${({themeMode:e})=>"dark"===e?"#0d1117":"#ffffff"};
 	border: 1px solid
-		${e=>{let{themeMode:r}=e;return"dark"===r?"#30363d":"#d0d7de"}};
+		${({themeMode:e})=>"dark"===e?"#30363d":"#d0d7de"};
 	border-radius: 6px;
 	overflow: hidden;
 	font-family: ui-monospace, SFMono-Regular, 'SF Mono', Consolas,
 		'Liberation Mono', Menlo, monospace;
 	margin-bottom: 1rem;
-	${e=>{let{maxWidth:r}=e;return r&&`max-width: ${r};`}}
-`,o=e.div`
-	background-color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#161b22":"#f6f8fa"}};
+	${({maxWidth:e})=>e&&`max-width: ${e};`}
+`,d=e.div`
+	background-color: ${({themeMode:e})=>"dark"===e?"#161b22":"#f6f8fa"};
 	border-bottom: 1px solid
-		${e=>{let{themeMode:r}=e;return"dark"===r?"#30363d":"#d0d7de"}};
+		${({themeMode:e})=>"dark"===e?"#30363d":"#d0d7de"};
 	padding: 8px 16px;
 	display: flex;
 	justify-content: space-between;
@@ -24,32 +24,32 @@ import e from"styled-components";const r=e.div`
 	width: 12px;
 	height: 12px;
 	border-radius: 50%;
-	background-color: ${e=>{let{color:r}=e;return r}};
-`;const t=e.div`
+	background-color: ${({color:e})=>e};
+`;const r=e.div`
 	display: flex;
 	align-items: center;
 	gap: 8px;
 	flex: 1;
 	margin-left: 12px;
-`,d=e.span`
-	color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#f0f6fc":"#24292f"}};
+`,t=e.span`
+	color: ${({themeMode:e})=>"dark"===e?"#f0f6fc":"#24292f"};
 	font-size: 14px;
 	font-weight: 500;
-`,n=e.div`
-	background-color: ${e=>{let{bg:r}=e;return r}};
-	color: ${e=>{let{color:r}=e;return r||"#ffffff"}};
+`,i=e.div`
+	background-color: ${({bg:e})=>e};
+	color: ${({color:e})=>e||"#ffffff"};
 	padding: 2px 6px;
 	border-radius: 4px;
 	font-size: 11px;
 	font-weight: 600;
 	text-transform: uppercase;
-`,i=e.button`
+`,n=e.button`
 	background-color: transparent;
 	border: 1px solid
-		${e=>{let{themeMode:r}=e;return"dark"===r?"#30363d":"#d0d7de"}};
+		${({themeMode:e})=>"dark"===e?"#30363d":"#d0d7de"};
 	border-radius: 4px;
 	padding: 4px 8px;
-	color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#f0f6fc":"#24292f"}};
+	color: ${({themeMode:e})=>"dark"===e?"#f0f6fc":"#24292f"};
 	font-size: 12px;
 	cursor: pointer;
 	display: flex;
@@ -58,31 +58,31 @@ import e from"styled-components";const r=e.div`
 	transition: background-color 0.2s ease;
 
 	&:hover {
-		background-color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#21262d":"#f3f4f6"}};
+		background-color: ${({themeMode:e})=>"dark"===e?"#21262d":"#f3f4f6"};
 	}
-`,l=e.div`
-	max-height: ${e=>{let{maxHeight:r}=e;return r}};
+`,a=e.div`
+	max-height: ${({maxHeight:e})=>e};
 	overflow: auto;
 	display: flex;
 	/* Ensure this is the only scroll container */
 	min-width: 0;
-`,a=e.div`
-	background-color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#0d1117":"#f6f8fa"}};
-	color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#6e7681":"#656d76"}};
+`,f=e.div`
+	background-color: ${({themeMode:e})=>"dark"===e?"#0d1117":"#f6f8fa"};
+	color: ${({themeMode:e})=>"dark"===e?"#6e7681":"#656d76"};
 	padding: 16px 12px;
 	font-size: 12px;
 	line-height: 20px;
 	text-align: right;
 	user-select: none;
 	border-right: 1px solid
-		${e=>{let{themeMode:r}=e;return"dark"===r?"#21262d":"#d0d7de"}};
+		${({themeMode:e})=>"dark"===e?"#21262d":"#d0d7de"};
 	min-width: 40px;
-`,f=e.pre`
+`,l=e.pre`
 	flex: 1;
 	padding: 16px;
 	font-size: 12px;
 	line-height: 20px;
-	color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#f0f6fc":"#24292f"}};
+	color: ${({themeMode:e})=>"dark"===e?"#f0f6fc":"#24292f"};
 	background-color: transparent;
 	margin: 0;
 	white-space: pre;
@@ -91,20 +91,20 @@ import e from"styled-components";const r=e.div`
 	min-width: 0; /* Ensures proper shrinking in flex container */
 
 	.keyword {
-		color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#79c0ff":"#0969da"}};
+		color: ${({themeMode:e})=>"dark"===e?"#79c0ff":"#0969da"};
 		font-weight: 600;
 	}
 
 	.string {
-		color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#a5d6ff":"#0a3069"}};
+		color: ${({themeMode:e})=>"dark"===e?"#a5d6ff":"#0a3069"};
 	}
 
 	.comment {
-		color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#8b949e":"#656d76"}};
+		color: ${({themeMode:e})=>"dark"===e?"#8b949e":"#656d76"};
 		font-style: italic;
 	}
 
 	.number {
-		color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#79c0ff":"#0969da"}};
+		color: ${({themeMode:e})=>"dark"===e?"#79c0ff":"#0969da"};
 	}
-`;export{f as Code,l as CodeContainer,r as Container,i as CopyButton,o as Header,n as LanguageBadge,a as LineNumbers,d as Title,t as TitleSection};
+`;export{l as Code,a as CodeContainer,o as Container,n as CopyButton,d as Header,i as LanguageBadge,f as LineNumbers,t as Title,r as TitleSection};

package/dist/esm/components/code-block/CodeBlockHelper.js

@@ -1 +1 @@
-import{keywordsMap as o}from"./keywordMap.js";import*as e from"./languageSpecificFormatting/javascript_file.js";const l={javascript:e},n=o=>{let e=0;for(let l=0;l<o.length;l++)e=(e<<5)-e+o.charCodeAt(l),e|=0;return Math.abs(e)},s=function(e,s){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"dark";const a=o[s.toLowerCase()]||[],c=(e=>{let{theme:s,lang:r}=e;var a,c;const t=o[r.toLowerCase()]||[],g={};let i={},p=[];const d=l[r.toLowerCase()];if(d)try{i=(null===(a=d.colorOverWrite)||void 0===a?void 0:a.call(d,s))||{},p=(null===(c=d.colorMap)||void 0===c?void 0:c.call(d,s))||[],console.log(`Formatter found for ${r} (${s}):`,{overrides:Object.keys(i),colorMapLength:p.length,colorMapColors:p})}catch(o){console.warn(`Failed to load formatting for ${r}:`,o)}else console.log(`No formatter found for ${r}`);const f="dark"===s?{primary:"#79c0ff",secondary:"#a5d6ff",tertiary:"#ff7b72",quaternary:"#d2a8ff"}:{primary:"#0969da",secondary:"#207d57ff",tertiary:"#d1242f",quaternary:"#8250df"},$=Object.values(f);return console.log(`Processing ${t.length} keywords for ${r}`),t.forEach((o=>{if(null==i?void 0:i[o])g[o]=i[o],["function","console","log"].includes(o)&&console.log(`${o}: using override color ${i[o]}`);else if(p&&p.length>0){const e=n(o)%p.length;g[o]=p[e],["function","console","log"].includes(o)&&console.log(`${o}: using colorMap[${e}] = ${p[e]}`)}else{const e=n(o)%$.length;g[o]=$[e],["function","console","log"].includes(o)&&console.log(`${o}: using fallback color ${$[e]}`)}})),g})({theme:r,lang:s});let t=e;t=t.replace(/(["'`])(?:\\.|(?!\1).)*\1/g,'<span class="string">$&</span>'),t=t.replace(/\/\/.*$/gm,'<span class="comment">$&</span>'),t=t.replace(/\/\*[\s\S]*?\*\//g,'<span class="comment">$&</span>'),t=t.replace(/#.*$/gm,'<span class="comment">$&</span>'),t=t.replace(/\b\d+\.?\d*\b/g,'<span class="number">$&</span>');const g=a.sort(((o,e)=>e.length-o.length));return console.log(`Processing ${s} keywords in order:`,g),g.forEach((o=>{let e;e="css"===s.toLowerCase()?new RegExp(`(^|[\\s:])\\b(${o.replace(/-/g,"\\-")})(?=\\s*:|\\s|$)(?![^<]*>)`,"g"):new RegExp(`\\b(${o})\\b(?![^<]*>)`,"g");const l=t;t="css"===s.toLowerCase()?t.replace(e,`$1<span style="color: ${c[o]}">$2</span>`):t.replace(e,`<span style="color: ${c[o]}">$1</span>`),l!==t&&["background","background-color","color"].includes(o)&&console.log(`${o} -> ${c[o]} (made changes)`)})),t};export{s as highlightCode};
+import{keywordsMap as o}from"./keywordMap.js";import*as e from"./languageSpecificFormatting/javascript_file.js";const s={javascript:e},l=o=>{let e=0;for(let s=0;s<o.length;s++)e=(e<<5)-e+o.charCodeAt(s),e|=0;return Math.abs(e)},r=(e,r,n="dark")=>{const a=o[r.toLowerCase()]||[],c=(({theme:e,lang:r})=>{var n,a;const c=o[r.toLowerCase()]||[],t={};let g={},i=[];const p=s[r.toLowerCase()];if(p)try{g=(null===(n=p.colorOverWrite)||void 0===n?void 0:n.call(p,e))||{},i=(null===(a=p.colorMap)||void 0===a?void 0:a.call(p,e))||[],console.log(`Formatter found for ${r} (${e}):`,{overrides:Object.keys(g),colorMapLength:i.length,colorMapColors:i})}catch(o){console.warn(`Failed to load formatting for ${r}:`,o)}else console.log(`No formatter found for ${r}`);const d="dark"===e?{primary:"#79c0ff",secondary:"#a5d6ff",tertiary:"#ff7b72",quaternary:"#d2a8ff"}:{primary:"#0969da",secondary:"#207d57ff",tertiary:"#d1242f",quaternary:"#8250df"},f=Object.values(d);return console.log(`Processing ${c.length} keywords for ${r}`),c.forEach(o=>{if(null==g?void 0:g[o])t[o]=g[o],["function","console","log"].includes(o)&&console.log(`${o}: using override color ${g[o]}`);else if(i&&i.length>0){const e=l(o)%i.length;t[o]=i[e],["function","console","log"].includes(o)&&console.log(`${o}: using colorMap[${e}] = ${i[e]}`)}else{const e=l(o)%f.length;t[o]=f[e],["function","console","log"].includes(o)&&console.log(`${o}: using fallback color ${f[e]}`)}}),t})({theme:n,lang:r});let t=e;t=t.replace(/(["'`])(?:\\.|(?!\1).)*\1/g,'<span class="string">$&</span>'),t=t.replace(/\/\/.*$/gm,'<span class="comment">$&</span>'),t=t.replace(/\/\*[\s\S]*?\*\//g,'<span class="comment">$&</span>'),t=t.replace(/#.*$/gm,'<span class="comment">$&</span>'),t=t.replace(/\b\d+\.?\d*\b/g,'<span class="number">$&</span>');const g=a.sort((o,e)=>e.length-o.length);return console.log(`Processing ${r} keywords in order:`,g),g.forEach(o=>{let e;e="css"===r.toLowerCase()?new RegExp(`(^|[\\s:])\\b(${o.replace(/-/g,"\\-")})(?=\\s*:|\\s|$)(?![^<]*>)`,"g"):new RegExp(`\\b(${o})\\b(?![^<]*>)`,"g");const s=t;t="css"===r.toLowerCase()?t.replace(e,`$1<span style="color: ${c[o]}">$2</span>`):t.replace(e,`<span style="color: ${c[o]}">$1</span>`),s!==t&&["background","background-color","color"].includes(o)&&console.log(`${o} -> ${c[o]} (made changes)`)}),t};export{r as highlightCode};

package/dist/esm/components/colourInput/ColourInput.styled.js

@@ -1,4 +1,4 @@
-import r from"@emotion/styled";import{DEFAULT_THEME as e}from"../../constants/Theme.js";const o=r.div`
+import r from"styled-components";import{DEFAULT_THEME as e}from"../../constants/Theme.js";const o=r.div`
 	margin-top: 8px;
 	display: flex;
 	min-height: unset;

package/dist/esm/components/country-code-picker/CountryCodePicker.js

@@ -1 +1 @@
-import{jsx as o,jsxs as e}from"react/jsx-runtime";import t from"../../assets/icons/chevronDown.svg.js";import{useState as n,useEffect as r}from"react";import{CountriesData as d}from"./CountryCodePicker.modal.js";import{StyledCountryPickerWrapper as l,StyledCountryPickerOption as i}from"./CountryCodePicker.styled.js";import{DropdownPopover as s}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import{BodySecondary as p}from"../TypographyStyle.js";import{COLORS as c}from"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";const m=m=>{var a,u,y,h,v,w,j;const[g,C]=n(null!==(a=m.selectedCountry)&&void 0!==a?a:{name:"India",dial:"+91",code:"IN"}),D=`https://flagcdn.com/${null===(u=g.code)||void 0===u?void 0:u.toLowerCase()}.svg`;r((()=>{m.selectedCountry&&C(m.selectedCountry)}),[null===(y=m.selectedCountry)||void 0===y?void 0:y.code]);return o(s,{version:m.version,isSearchable:!0,width:null!==(h=m.popoverWidth)&&void 0!==h?h:"200px",placement:null!==(v=m.placement)&&void 0!==v?v:"bottom-start",strategy:null!==(w=m.placementStrategy)&&void 0!==w?w:"absolute",options:d.map((t=>{var n,r,d,l;const s=`https://flagcdn.com/${null===(n=t.code)||void 0===n?void 0:n.toLowerCase()}.svg`;return{value:t.code,label:t.dial,searchKey:t.name,customComponent:e(i,{children:[!m.hideFlagImage&&o("img",{src:s,className:"country-flag__option",alt:t.name}),e(p,{style:null!==(r=m.countryTextStyle)&&void 0!==r?r:{},children:[o("span",{style:{color:null!==(d=m.codeColor)&&void 0!==d?d:c.text.primary},children:t.code}),"  ",o("span",{style:{color:null!==(l=m.dialColor)&&void 0!==l?l:c.text.primary},children:t.dial})]})]}),selected:g.code===t.code}})),disabled:m.disabled,onSelect:o=>{const e=d.filter((e=>e.code===o.value));C(e[0]),m.onCountrySelect(e[0])},children:e(l,{height:m.height,style:m.containerStyles,onClick:()=>{var o;console.log("hello"),null===(o=m.onDropdownClick)||void 0===o||o.call(m)},children:[e("div",{className:"content__wrapper",children:[!m.hideFlagImage&&o("img",{src:D,className:"country-flag__selected-option",alt:g.name}),o(p,{style:null!==(j=m.countryTextStyle)&&void 0!==j?j:{},children:g.dial})]}),o(t,{width:24,height:24,color:c.content.primary})]})})};export{m as CountryCodePicker};
+import{jsx as o,jsxs as e}from"react/jsx-runtime";import t from"../../assets/icons/chevronDown.svg.js";import{useState as n,useEffect as r}from"react";import{CountriesData as d}from"./CountryCodePicker.modal.js";import{StyledCountryPickerWrapper as l,StyledCountryPickerOption as i}from"./CountryCodePicker.styled.js";import{DropdownPopover as s}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import{BodySecondary as p}from"../TypographyStyle.js";import{COLORS as c}from"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";const m=m=>{var a,u,y,h,v,w,j;const[g,C]=n(null!==(a=m.selectedCountry)&&void 0!==a?a:{name:"India",dial:"+91",code:"IN"}),D=`https://flagcdn.com/${null===(u=g.code)||void 0===u?void 0:u.toLowerCase()}.svg`;r(()=>{m.selectedCountry&&C(m.selectedCountry)},[null===(y=m.selectedCountry)||void 0===y?void 0:y.code]);return o(s,{version:m.version,isSearchable:!0,width:null!==(h=m.popoverWidth)&&void 0!==h?h:"200px",placement:null!==(v=m.placement)&&void 0!==v?v:"bottom-start",strategy:null!==(w=m.placementStrategy)&&void 0!==w?w:"absolute",options:d.map(t=>{var n,r,d,l;const s=`https://flagcdn.com/${null===(n=t.code)||void 0===n?void 0:n.toLowerCase()}.svg`;return{value:t.code,label:t.dial,searchKey:t.name,customComponent:e(i,{children:[!m.hideFlagImage&&o("img",{src:s,className:"country-flag__option",alt:t.name}),e(p,{style:null!==(r=m.countryTextStyle)&&void 0!==r?r:{},children:[o("span",{style:{color:null!==(d=m.codeColor)&&void 0!==d?d:c.text.primary},children:t.code}),"  ",o("span",{style:{color:null!==(l=m.dialColor)&&void 0!==l?l:c.text.primary},children:t.dial})]})]}),selected:g.code===t.code}}),disabled:m.disabled,onSelect:o=>{const e=d.filter(e=>e.code===o.value);C(e[0]),m.onCountrySelect(e[0])},children:e(l,{height:m.height,style:m.containerStyles,onClick:()=>{var o;console.log("hello"),null===(o=m.onDropdownClick)||void 0===o||o.call(m)},children:[e("div",{className:"content__wrapper",children:[!m.hideFlagImage&&o("img",{src:D,className:"country-flag__selected-option",alt:g.name}),o(p,{style:null!==(j=m.countryTextStyle)&&void 0!==j?j:{},children:g.dial})]}),o(t,{width:24,height:24,color:c.content.primary})]})})};export{m as CountryCodePicker};

package/dist/esm/components/country-code-picker/CountryCodePicker.styled.js

@@ -1,4 +1,4 @@
-import t from"@emotion/styled";import{COLORS as e}from"../../constants/Theme.js";const i=t.div`
+import t from"styled-components";import{COLORS as e}from"../../constants/Theme.js";const i=t.div`
 	display: flex;
 	align-items: center;
 	flex-direction: row;
@@ -9,7 +9,7 @@ import t from"@emotion/styled";import{COLORS as e}from"../../constants/Theme.js"
 		width: 24px;
 		height: auto;
 	}
-`,o=t.div`
+`,p=t.div`
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
@@ -28,4 +28,4 @@ import t from"@emotion/styled";import{COLORS as e}from"../../constants/Theme.js"
 		width: 24px;
 		height: auto;
 	}
-`;export{i as StyledCountryPickerOption,o as StyledCountryPickerWrapper};
+`;export{i as StyledCountryPickerOption,p as StyledCountryPickerWrapper};

package/dist/esm/components/custom-date-time/CustomDateTime.js

@@ -1 +1 @@
-import{jsxs as o,jsx as e}from"react/jsx-runtime";import{format as t,isToday as r}from"date-fns";import{useState as n,useEffect as s}from"react";import i from"./DateSelector/DateSelector.js";import{DropdownPopover as m}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import{BodySecondary as p}from"../TypographyStyle.js";import"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import{Input as d}from"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import l from"../../utils/DateUtils.js";import c from"../../assets/icons/chevronDown.svg.js";import a from"../../assets/icons/clock.svg.js";import{CustomDateTimeStyle as u}from"./CustomDateTime.styled.js";const w=o=>{const e=[];for(let t=0;t<2;t++)for(let r=0;r<12;r++){let n;n=0===r?"12":r<10?`0${r}`:`${r}`;const s=`${n}:00 ${0===t?"AM":"PM"}`,i=`${n}:30 ${0===t?"AM":"PM"}`;e.push({label:s,value:s,selected:s===o},{label:i,value:i,selected:i===o})}return e},j=j=>{const[D,f]=n(j.time),[h,v]=n(j.date);s((()=>{j.setError(void 0);const o=l.convert12HourTimeTo24Hour(D),e=t(new Date,"HH:mm:ss");if(r(h)&&o<e)return void j.setError("Selected time should be later than current time");j.setError(void 0);const[n,s]=o.split(":"),i=new Date(h.getTime());i.setHours(+n,+s),j.onChange(i)}),[h,D]);return o(u,{children:[o("div",{style:{display:"flex",gap:16},children:[e("div",{style:{flex:1},children:e(i,{customDate:h,setCustomDate:v,placement:j.placement,minDate:j.minDate})}),e("div",{style:{flex:1},children:e(m,{options:w(D),onSelect:o=>{f(o.value)},children:e(d,{value:D,leftIcon:{icon:a},rightIcon:{icon:c},onChangeText:o=>(o=>{if(l.timeFormatValidation(o)){const e=l.convert12HourTimeTo24Hour(o),n=t(new Date,"HH:mm:ss");if(r(h)&&e<n)return void j.setError("Selected time should be later than current time");j.setError(void 0),f(o)}else j.setError('Format of time should be "HH:MM AM" or "HH:MM PM"')})(o)})})})]}),j.error&&e(p,{style:{paddingTop:8},children:j.error})]})};export{j as CustomDateTime};
+import{jsxs as o,jsx as e}from"react/jsx-runtime";import{format as t,isToday as r}from"date-fns";import{useState as n,useEffect as s}from"react";import i from"./DateSelector/DateSelector.js";import{DropdownPopover as m}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import{BodySecondary as p}from"../TypographyStyle.js";import"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import{Input as d}from"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import l from"../../utils/DateUtils.js";import c from"../../assets/icons/chevronDown.svg.js";import a from"../../assets/icons/clock.svg.js";import{CustomDateTimeStyle as u}from"./CustomDateTime.styled.js";const w=o=>{const e=[];for(let t=0;t<2;t++)for(let r=0;r<12;r++){let n;n=0===r?"12":r<10?`0${r}`:`${r}`;const s=`${n}:00 ${0===t?"AM":"PM"}`,i=`${n}:30 ${0===t?"AM":"PM"}`;e.push({label:s,value:s,selected:s===o},{label:i,value:i,selected:i===o})}return e},j=j=>{const[D,f]=n(j.time),[h,v]=n(j.date);s(()=>{j.setError(void 0);const o=l.convert12HourTimeTo24Hour(D),e=t(new Date,"HH:mm:ss");if(r(h)&&o<e)return void j.setError("Selected time should be later than current time");j.setError(void 0);const[n,s]=o.split(":"),i=new Date(h.getTime());i.setHours(+n,+s),j.onChange(i)},[h,D]);return o(u,{children:[o("div",{style:{display:"flex",gap:16},children:[e("div",{style:{flex:1},children:e(i,{customDate:h,setCustomDate:v,placement:j.placement,minDate:j.minDate})}),e("div",{style:{flex:1},children:e(m,{options:w(D),onSelect:o=>{f(o.value)},children:e(d,{value:D,leftIcon:{icon:a},rightIcon:{icon:c},onChangeText:o=>(o=>{if(l.timeFormatValidation(o)){const e=l.convert12HourTimeTo24Hour(o),n=t(new Date,"HH:mm:ss");if(r(h)&&e<n)return void j.setError("Selected time should be later than current time");j.setError(void 0),f(o)}else j.setError('Format of time should be "HH:MM AM" or "HH:MM PM"')})(o)})})})]}),j.error&&e(p,{style:{paddingTop:8},children:j.error})]})};export{j as CustomDateTime};

package/dist/esm/components/custom-date-time/CustomDateTime.styled.js

@@ -1,4 +1,4 @@
-import o from"@emotion/styled";import{DEFAULT_THEME as e}from"../../constants/Theme.js";const t=o.div`
+import o from"styled-components";import{DEFAULT_THEME as e}from"../../constants/Theme.js";const t=o.div`
 	display: flex;
 	flex-direction: column;
 	position: relative;
@@ -10,7 +10,6 @@ import o from"@emotion/styled";import{DEFAULT_THEME as e}from"../../constants/Th
 		border: 1px solid ${e.colorsV2.stroke.primary};
 		display: flex;
 		align-items: center;
-		height: 48px;
 		padding: 12px 8px 12px 16px;
 		border-radius: 4px;
 	}

package/dist/esm/components/custom-date-time/DateSelector/DateSelector.js

@@ -1 +1 @@
-import{jsxs as e,Fragment as o,jsx as t}from"react/jsx-runtime";import r from"../../../assets/icons/calendar.svg.js";import n from"../../../assets/icons/chevronDown.svg.js";import p,{useState as s}from"react";import{usePopper as i}from"react-popper";import{DatePicker as d}from"../../datePicker/DatePicker.js";import"react-calendar";import{useOutside as m}from"../../../hooks/useOutside.js";import a from"../../../utils/DateUtils.js";import"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../datePicker/DatePickerWrapper.styled.js";import"../../datePicker/model.js";import"../../dropdown/DropdownPopover/index.js";import"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import"../../input/Input.js";import"../../dropdown/MenuItem/MenuItem.js";import"../../datePicker/DatePicker.styled.js";import{OpenDropdownContainer as c}from"../../dropdown/Common.styled.js";import{DropShadow as l}from"../../dropShadow/DropShadow.js";const j=j=>{const[u,w]=s(null),[D,y]=s(null),[h,f]=s(!1),{styles:g,attributes:k}=i(u,D,{placement:j.placement}),O=p.useRef();return m(O,(()=>{f(!1)})),e(o,{children:[e("div",{className:"date-preview",ref:w,onClick:()=>{f(!h)},children:[t(r,{width:24,height:24}),t("span",{style:{marginLeft:8},children:a.onlyDateFormat(j.customDate,"dd MMM yyyy")}),t(n,{style:{marginLeft:"auto"},width:22,height:22})]}),h&&t(c,Object.assign({ref:y,style:Object.assign(Object.assign({},g.popper),{zIndex:3})},k.popper,{children:t("div",{ref:O,children:t(l,{level:"z2",position:"down",style:{borderRadius:4},children:t(d,{selectedDate:j.customDate||new Date,selectRange:!1,onSelectDate:e=>{f(!1),j.setCustomDate(e)},minDate:j.minDate})})})}))]})};export{j as default};
+import{jsxs as e,Fragment as o,jsx as t}from"react/jsx-runtime";import r from"../../../assets/icons/calendar.svg.js";import n from"../../../assets/icons/chevronDown.svg.js";import p,{useState as s}from"react";import{usePopper as i}from"react-popper";import{DatePicker as d}from"../../datePicker/DatePicker.js";import"react-calendar";import{useOutside as m}from"../../../hooks/useOutside.js";import a from"../../../utils/DateUtils.js";import"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../datePicker/DatePickerWrapper.styled.js";import"../../datePicker/model.js";import"../../dropdown/DropdownPopover/index.js";import"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import"../../input/Input.js";import"../../dropdown/MenuItem/MenuItem.js";import"../../datePicker/DatePicker.styled.js";import{OpenDropdownContainer as c}from"../../dropdown/Common.styled.js";import{DropShadow as l}from"../../dropShadow/DropShadow.js";const j=j=>{const[u,w]=s(null),[D,y]=s(null),[h,f]=s(!1),{styles:g,attributes:k}=i(u,D,{placement:j.placement}),O=p.useRef();return m(O,()=>{f(!1)}),e(o,{children:[e("div",{className:"date-preview",ref:w,onClick:()=>{f(!h)},children:[t(r,{width:24,height:24}),t("span",{style:{marginLeft:8},children:a.onlyDateFormat(j.customDate,"dd MMM yyyy")}),t(n,{style:{marginLeft:"auto"},width:22,height:22})]}),h&&t(c,Object.assign({ref:y,style:Object.assign(Object.assign({},g.popper),{zIndex:3})},k.popper,{children:t("div",{ref:O,children:t(l,{level:"z2",position:"down",style:{borderRadius:4},children:t(d,{selectedDate:j.customDate||new Date,selectRange:!1,onSelectDate:e=>{f(!1),j.setCustomDate(e)},minDate:j.minDate})})})}))]})};export{j as default};

package/dist/esm/components/dashboard-review-popup/DashboardReviewPopUp.js

@@ -1 +1 @@
-import{jsx as t,jsxs as o}from"react/jsx-runtime";import{useState as e}from"react";import i from"../../assets/icons/cross.svg.js";import{DropShadow as r}from"../dropShadow/DropShadow.js";import{FiveStar as n}from"./components/FiveStar.js";import{Form as s}from"./components/Form.js";import{ZeroState as a}from"./components/ZeroState.js";import{Container as m,CrossIconHolder as l}from"./DashboardReviewPopUp.styled.js";const p=p=>{let{onClose:c,onSubmit:S,quickAnswerOptions:u,titleMap:d,feedbackMap:f,fullStarSubmitText:h,onRatingChange:b,initialText:x,fiveStar:j}=p;const[w,v]=e(0);function g(t){v(t),null==b||b(t)}return t(r,{level:"z2",position:"down",children:o(m,{children:[t(l,{onClick:c,children:t(i,{width:24,height:24})}),0===w?t(a,{handleStarSelection:g,initialText:x}):5===w?t(n,{fullStarSubmitText:h,onSubmit:S,handleStarSelection:g,subtext:null==j?void 0:j.subText}):t(s,{titleMap:d,feedbackMap:f,stars:w,onStarChange:g,onSubmit:S,quickAnswerOptions:u})]})})};export{p as DashboardReviewPopUp};
+import{jsx as t,jsxs as o}from"react/jsx-runtime";import{useState as e}from"react";import i from"../../assets/icons/cross.svg.js";import{DropShadow as r}from"../dropShadow/DropShadow.js";import{FiveStar as n}from"./components/FiveStar.js";import{Form as s}from"./components/Form.js";import{ZeroState as a}from"./components/ZeroState.js";import{Container as m,CrossIconHolder as l}from"./DashboardReviewPopUp.styled.js";const p=({onClose:p,onSubmit:c,quickAnswerOptions:S,titleMap:u,feedbackMap:d,fullStarSubmitText:f,onRatingChange:h,initialText:b,fiveStar:x})=>{const[j,w]=e(0);function v(t){w(t),null==h||h(t)}return t(r,{level:"z2",position:"down",children:o(m,{children:[t(l,{onClick:p,children:t(i,{width:24,height:24})}),0===j?t(a,{handleStarSelection:v,initialText:b}):5===j?t(n,{fullStarSubmitText:f,onSubmit:c,handleStarSelection:v,subtext:null==x?void 0:x.subText}):t(s,{titleMap:u,feedbackMap:d,stars:j,onStarChange:v,onSubmit:c,quickAnswerOptions:S})]})})};export{p as DashboardReviewPopUp};

package/dist/esm/components/dashboard-review-popup/DashboardReviewPopUp.styled.js

@@ -1,4 +1,4 @@
-import t from"@emotion/styled";import{COLORS as i}from"../../constants/Theme.js";const e=t.div`
+import t from"styled-components";import{COLORS as i}from"../../constants/Theme.js";const e=t.div`
 	min-width: 323px;
 	min-height: 303px;
 	border-radius: 8px;
@@ -9,7 +9,7 @@ import t from"@emotion/styled";import{COLORS as i}from"../../constants/Theme.js"
 	justify-content: center;
 	position: relative;
 	padding: 24px 16px;
-`,o=t.div`
+`,n=t.div`
 	border-radius: 20px;
 	display: flex;
 	width: 40px;
@@ -23,4 +23,4 @@ import t from"@emotion/styled";import{COLORS as i}from"../../constants/Theme.js"
 	top: -20px;
 	right: -20px;
 	cursor: pointer;
-`;export{e as Container,o as CrossIconHolder};
+`;export{e as Container,n as CrossIconHolder};

package/dist/esm/components/dashboard-review-popup/components/FiveStar.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{StarRating as r}from"../../star-rating/StarRating.js";import{TitleMedium as n,BodySecondary as o,ButtonLarge as a}from"../../TypographyStyle.js";import{COLORS as i}from"../../../constants/Theme.js";import{Container as l,Button as s}from"./FiveStar.styled.js";const c=c=>{let{handleStarSelection:d,onSubmit:h,fullStarSubmitText:m,subtext:p}=c;return e(l,{children:[t(n,{color:i.surface.standard,style:{textAlign:"center"},children:"We're glad to hear that your experience has been good!"}),t(r,{starSize:32,value:5,onChange:d}),t(o,{color:i.surface.standard,style:{textAlign:"center",width:200},children:null!=p?p:"Help us by leaving a review on Shopify App Store"}),t(s,{onClick:()=>h(5),children:t(a,{color:i.content.brand,children:m})})]})};export{c as FiveStar};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{StarRating as r}from"../../star-rating/StarRating.js";import{TitleMedium as o,BodySecondary as n,ButtonLarge as a}from"../../TypographyStyle.js";import{COLORS as i}from"../../../constants/Theme.js";import{Container as l,Button as s}from"./FiveStar.styled.js";const c=({handleStarSelection:c,onSubmit:d,fullStarSubmitText:h,subtext:m})=>e(l,{children:[t(o,{color:i.surface.standard,style:{textAlign:"center"},children:"We're glad to hear that your experience has been good!"}),t(r,{starSize:32,value:5,onChange:c}),t(n,{color:i.surface.standard,style:{textAlign:"center",width:200},children:null!=m?m:"Help us by leaving a review on Shopify App Store"}),t(s,{onClick:()=>d(5),children:t(a,{color:i.content.brand,children:h})})]});export{c as FiveStar};

package/dist/esm/components/dashboard-review-popup/components/FiveStar.styled.js

@@ -1,10 +1,10 @@
-import e from"@emotion/styled";import{COLORS as t}from"../../../constants/Theme.js";const i=e.div`
+import e from"styled-components";import{COLORS as t}from"../../../constants/Theme.js";const n=e.div`
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
 	justify-content: center;
 	align-items: center;
-`,n=e.div`
+`,i=e.div`
 	display: flex;
 	width: 100%;
 	height: 48px;
@@ -15,4 +15,4 @@ import e from"@emotion/styled";import{COLORS as t}from"../../../constants/Theme.
 	border-radius: 4px;
 	background: ${t.surface.standard};
 	cursor: pointer;
-`;export{n as Button,i as Container};
+`;export{i as Button,n as Container};

package/dist/esm/components/dashboard-review-popup/components/Form.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as o,useRef as i}from"react";import{StarRating as n}from"../../star-rating/StarRating.js";import{TitleRegular as l,BodySecondary as c,ButtonLarge as a}from"../../TypographyStyle.js";import{COLORS as t}from"../../../constants/Theme.js";import{Container as d,StarWrapper as s,Wrapper as p,Chip as u,TextArea as m,Button as h}from"./Form.styled.js";const f={1:"Your feedback helps us improve",2:"Your feedback helps us improve",3:"Your feedback helps us improve",4:"Your feedback helps us improve",5:"Your feedback helps us improve"},v={1:"Where can we improve?",2:"Where can we improve?",3:"Where can we improve?",4:"Where can we improve?",5:"Where can we improve?"},k=k=>{let{stars:y,titleMap:b,feedbackMap:g,onStarChange:w,onSubmit:x,quickAnswerOptions:S}=k;const W=null!=b?b:f,j=null!=g?g:v,[Y,C]=o([]),A=i(null),D=W[y],M=j[y];return e(d,{children:[e(s,{children:[r(l,{color:t.surface.standard,children:D}),r(n,{starSize:24,value:y,onChange:w})]}),S&&e("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[r(l,{color:t.surface.standard,children:M}),r(p,{children:null==S?void 0:S.map(((e,o)=>{const i=Y.includes(e);return r(u,{selected:i,onClick:()=>{C(i?r=>r.filter((r=>r!==e)):r=>[...r,e])},children:r(c,{color:i?t.background.inverse:t.surface.standard,children:e})},o)}))})]}),e("div",{style:{display:"flex",flexDirection:"column",gap:8,width:"100%"},children:[r(l,{color:t.surface.standard,children:"Add detailed feedback"}),r(m,{placeholder:"We read every response!",ref:A})]}),r("div",{style:{width:"100%"},children:r(h,{onClick:function(){var e,r;x(y,Y,null!==(r=null===(e=A.current)||void 0===e?void 0:e.value)&&void 0!==r?r:"")},children:r(a,{color:t.content.primaryInverse,children:"Submit"})})})]})};export{k as Form};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useState as o,useRef as i}from"react";import{StarRating as n}from"../../star-rating/StarRating.js";import{TitleRegular as l,BodySecondary as c,ButtonLarge as a}from"../../TypographyStyle.js";import{COLORS as d}from"../../../constants/Theme.js";import{Container as t,StarWrapper as s,Wrapper as p,Chip as u,TextArea as m,Button as h}from"./Form.styled.js";const f={1:"Your feedback helps us improve",2:"Your feedback helps us improve",3:"Your feedback helps us improve",4:"Your feedback helps us improve",5:"Your feedback helps us improve"},v={1:"Where can we improve?",2:"Where can we improve?",3:"Where can we improve?",4:"Where can we improve?",5:"Where can we improve?"},k=({stars:k,titleMap:y,feedbackMap:b,onStarChange:g,onSubmit:w,quickAnswerOptions:x})=>{const S=null!=y?y:f,W=null!=b?b:v,[j,Y]=o([]),C=i(null),A=S[k],D=W[k];return e(t,{children:[e(s,{children:[r(l,{color:d.surface.standard,children:A}),r(n,{starSize:24,value:k,onChange:g})]}),x&&e("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[r(l,{color:d.surface.standard,children:D}),r(p,{children:null==x?void 0:x.map((e,o)=>{const i=j.includes(e);return r(u,{selected:i,onClick:()=>{Y(i?r=>r.filter(r=>r!==e):r=>[...r,e])},children:r(c,{color:i?d.background.inverse:d.surface.standard,children:e})},o)})})]}),e("div",{style:{display:"flex",flexDirection:"column",gap:8,width:"100%"},children:[r(l,{color:d.surface.standard,children:"Add detailed feedback"}),r(m,{placeholder:"We read every response!",ref:C})]}),r("div",{style:{width:"100%"},children:r(h,{onClick:function(){var e,r;w(k,j,null!==(r=null===(e=C.current)||void 0===e?void 0:e.value)&&void 0!==r?r:"")},children:r(a,{color:d.content.primaryInverse,children:"Submit"})})})]})};export{k as Form};

package/dist/esm/components/dashboard-review-popup/components/Form.styled.js

@@ -1,14 +1,14 @@
-import r from"@emotion/styled";import{COLORS as e}from"../../../constants/Theme.js";const d=r.div`
+import r from"styled-components";import{COLORS as e}from"../../../constants/Theme.js";const d=r.div`
 	display: flex;
 	flex-direction: column;
 	gap: 24px;
 	align-items: flex-start;
 	width: 100%;
-`,i=r.div`
+`,a=r.div`
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
-`,a=r.div`
+`,i=r.div`
 	border-radius: 24px;
 	border: 1px solid
 		${r=>r.selected?e.surface.standard:e.stroke.primary};
@@ -18,12 +18,12 @@ import r from"@emotion/styled";import{COLORS as e}from"../../../constants/Theme.
 	gap: 10px;
 	cursor: pointer;
 	background: ${r=>r.selected?e.surface.standard:"transparent"};
-`,t=r.div`
+`,p=r.div`
 	display: flex;
 	flex-direction: row;
 	gap: 8px;
 	flex-wrap: wrap;
-`,p=r.textarea`
+`,t=r.textarea`
 	border-radius: 8px;
 	border: 1px solid ${e.stroke.primary};
 	height: 120px;
@@ -46,4 +46,4 @@ import r from"@emotion/styled";import{COLORS as e}from"../../../constants/Theme.
 	border-radius: 4px;
 	background: ${e.background.brand};
 	cursor: pointer;
-`;export{o as Button,a as Chip,d as Container,i as StarWrapper,p as TextArea,t as Wrapper};
+`;export{o as Button,i as Chip,d as Container,a as StarWrapper,t as TextArea,p as Wrapper};

package/dist/esm/components/dashboard-review-popup/components/ZeroState.js

@@ -1,5 +1,5 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"@emotion/styled";import{StarRating as i}from"../../star-rating/StarRating.js";import{TitleMedium as o}from"../../TypographyStyle.js";import{COLORS as n}from"../../../constants/Theme.js";const l=r.div`
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"styled-components";import{StarRating as i}from"../../star-rating/StarRating.js";import{TitleMedium as o}from"../../TypographyStyle.js";import{COLORS as n}from"../../../constants/Theme.js";const a=r.div`
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
-`,a=r=>{let{handleStarSelection:a,initialText:s}=r;return e(l,{children:[t(o,{color:n.surface.standard,children:null!=s?s:"Rate your experience with us"}),t("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center"},children:t(i,{starSize:32,onChange:a})})]})};export{a as ZeroState};
+`,l=({handleStarSelection:r,initialText:l})=>e(a,{children:[t(o,{color:n.surface.standard,children:null!=l?l:"Rate your experience with us"}),t("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center"},children:t(i,{starSize:32,onChange:r})})]});export{l as ZeroState};

package/dist/esm/components/data-source-panel/DataSourceInfoFooter.js

@@ -1 +1 @@
-import{jsx as e,Fragment as o,jsxs as t}from"react/jsx-runtime";import{ApplicationType as i}from"@bikdotai/bik-models/growth/models/bik-store";import n from"../../assets/icons/alert_triangle.svg.js";import r from"../../assets/icons/plus.svg.js";import{memo as d,useState as a,useMemo as l,useEffect as s}from"react";import{COLORS as c}from"../../constants/Theme.js";import{Button as u}from"../button/Button.js";import h from"../markdown/index.js";import{BikShimmer as m}from"../shimmer/ShimmerComponent/BikShimmer.js";import{BodyCaption as p}from"../TypographyStyle.js";import{SourceInfoFooterStyle as v}from"./DataSourcePanel.style.js";const g=d((d=>{const{appType:h,sourceIntent:g,hideHeading:A,messageSource:y,trainingSourceCount:f={},ShowTrainingDataSource:I={},faqCount:R,ChecklistType:w,footerButtonOption:N,isFooterLoading:_,reasonForAiGeneratedResponse:k,showAiResponseReason:C,aiResponseLoading:F}=d,E=I,[O,D]=a(!0),[S,x]=a(!0),P="/bik-ai/training",[U,L]=a({buttonTitle:"",redirectUrl:"",addFaqProps:{}}),[M,j]=a({title:"",subTitle:""}),q=l((()=>{const e=(null==f?void 0:f[g])||0;return e<=1?"There is "+e+"data source added to the identified intent":`There are ${e} data sources added to the identified intent`}),[f,g]),H=()=>{var e;(null==U?void 0:U.redirectUrl)?window.open(`${window.location.origin}${null==U?void 0:U.redirectUrl}`,"_self"):Object.keys(null!==(e=null==U?void 0:U.addFaqProps)&&void 0!==e?e:{}).length>0?null==N||N.onClick(U):(null==N?void 0:N.navigate)&&(null==N||N.navigate("Training",h==i.MANIFEST?{tab:"/custom_data"}:{},{},!0))};return s((()=>{var e,o,t,n;if(g){if(null===(e=null==y?void 0:y.sources)||void 0===e?void 0:e.length){const e=y.sources[0];if(E[g])g===w.ORDER_ENQUIRY&&x(!1);else{let r=null==e?void 0:e.insights,d="";switch(g){case w.PRODUCT_DETAILS:"Product reviews"!==(null==e?void 0:e.title)&&(r=`${R||"No"} FAQs added for this product`,d="Add product-specific information via FAQs to improve responses",L({buttonTitle:"Add FAQ",addFaqProps:{faqProducts:[{id:null==e?void 0:e.productId,variantId:null==e?void 0:e.variantId,name:null==e?void 0:e.title,imageUrl:null==e?void 0:e.imageUrl}]},redirectUrl:""}));break;case w.ORDER_MODIFICATION:r=(null==f?void 0:f[g])?void 0:"Customers who are looking to modify their orders would be redirected to your live agents via the agent handover flow.",r&&L({buttonTitle:h==i.MANIFEST?"Manage agent handover":"Add relevant data",redirectUrl:h==i.MANIFEST?"/customise?tab=AgentHandover":P,addFaqProps:{}});break;case w.ORDER_CANCELLATION:r=(null==f?void 0:f[g])?void 0:"Customers who are looking to cancel their orders would be redirected to your live agents via the agent handover flow.",L({buttonTitle:h==i.MANIFEST?"Manage agent handover":"Add relevant data",redirectUrl:h==i.MANIFEST?"/customise?tab=AgentHandover":P,addFaqProps:{}});break;case w.ORDER_TRACKING:if("ORDER_NOT_FOUND"===(null==e?void 0:e.subIntent))break;L({buttonTitle:h==i.MANIFEST?"Add order tracking link":"Add relevant data",redirectUrl:h==i.MANIFEST?"/training/order-management":P,addFaqProps:{}});break;case w.PRODUCT_SEARCH:if("QUIZ"===(null==e?void 0:e.type))break;if(-1!==(null===(n=null===(t=null===(o=null==y?void 0:y.sources)||void 0===o?void 0:o[0])||void 0===t?void 0:t.title)||void 0===n?void 0:n.toLowerCase().indexOf("collection"))){r="Collections are recommended by matching queries with collection names and descriptions. Add relevant keywords to your collection description to improve results.";break}r="Products are recommended by matching queries with product names, descriptions, tags, and collections. Add relevant keywords and tags to your products to improve results."}j({title:null!=r?r:"",subTitle:d})}}(E[g]||[w.PRODUCT_DETAILS,w.ORDER_MODIFICATION,w.ORDER_CANCELLATION,w.ORDER_TRACKING].includes(g))&&D(!1)}}),[null==y?void 0:y.messageId,f,g,null==y?void 0:y.sources,E,w,R,h,y]),e(v,{children:e(o,_?{children:e(m,{gap:"8px",direction:"column",boxes:[{height:"20px",width:"300px"},{height:"80px",width:"300px"}]})}:{children:!(null==M?void 0:M.title)&&f&&g in f?t(o,{children:[e(T,{hideHeading:null!=A&&A}),e(b,{reason:k||"",showAiResponseReason:null!=C&&C,isLoading:null!=F&&F,appType:h}),t("div",{className:"source_info_details "+(f[g]>0?"":"no_data_source"),children:[f[g]>0&&S?t(o,{children:[e(p,{children:q}),e(p,{color:c.content.secondary,children:"Improve responses by adding more data sources for the identified intent"})]}):S&&t("div",{className:"no_data_source_title",children:[e(n,{width:15,height:15,color:c.content.negative,style:{marginTop:2}}),e(p,{children:"No data sources added to the identified link"})]}),!N||N.hideAddDataButton||O?e(o,{}):e(u,{size:"small",buttonType:"tertiary",LeadingIcon:r,buttonText:(null==U?void 0:U.buttonTitle.length)>0?null==U?void 0:U.buttonTitle:"Add relevant data",matchParentWidth:!0,onClick:()=>H(),style:{backgroundColor:"unset"}})]})]}):t(o,{children:[e(T,{hideHeading:null!=A&&A}),e(b,{reason:k||"",showAiResponseReason:null!=C&&C,isLoading:null!=F&&F,appType:h}),t("div",{className:"source_info_details",children:[S&&t(o,{children:[e(p,{children:null==M?void 0:M.title}),e(p,{color:c.content.secondary,children:null==M?void 0:M.subTitle})]}),!N||N.hideAddDataButton||O?e(o,{}):e(u,{size:"small",buttonType:"tertiary",LeadingIcon:r,buttonText:(null==U?void 0:U.buttonTitle.length)>0?null==U?void 0:U.buttonTitle:"Add relevant data",matchParentWidth:!0,onClick:()=>H(),style:{backgroundColor:"unset"}})]})]})})})})),T=d((o=>o.hideHeading?null:e(p,{color:c.content.secondary,children:"Training insights"}))),b=d((n=>n.appType!==i.MANIFEST?e(o,{}):e(o,{children:n.isLoading?e("div",{style:{height:70,width:"100%",marginBottom:8},children:e(m,{boxes:[{height:"20px",width:"30%"},{height:"20px",width:"100%"}],direction:"column",gap:"2px",isBrand:!1})}):t("div",{className:"source_info_details",children:[e(p,{color:c.content.primary,className:"why_ai_gave_this_response",children:"Here’s why your AI gave this response"}),e(p,{color:c.content.secondary,className:"clamp-text",children:e(h,{text:n.reason||"No reason provided for this response."})})]})})));b.displayName="WhyAiGaveThisResponse",T.displayName="TrainingInsightsHeading",g.displayName="SourceInfoFooter";export{g as default};
+import{jsx as e,Fragment as o,jsxs as t}from"react/jsx-runtime";import{ApplicationType as i}from"@bikdotai/bik-models/growth/models/bik-store";import n from"../../assets/icons/alert_triangle.svg.js";import r from"../../assets/icons/plus.svg.js";import{memo as d,useState as a,useMemo as l,useEffect as s}from"react";import{COLORS as c}from"../../constants/Theme.js";import{Button as u}from"../button/Button.js";import h from"../markdown/index.js";import{BikShimmer as m}from"../shimmer/ShimmerComponent/BikShimmer.js";import{BodyCaption as p}from"../TypographyStyle.js";import{SourceInfoFooterStyle as v}from"./DataSourcePanel.style.js";const g=d(d=>{const{appType:h,sourceIntent:g,hideHeading:A,messageSource:y,trainingSourceCount:f={},ShowTrainingDataSource:I={},faqCount:R,ChecklistType:w,footerButtonOption:N,isFooterLoading:_,reasonForAiGeneratedResponse:k,showAiResponseReason:C,aiResponseLoading:F}=d,E=I,[O,D]=a(!0),[S,x]=a(!0),P="/bik-ai/training",[U,L]=a({buttonTitle:"",redirectUrl:"",addFaqProps:{}}),[M,j]=a({title:"",subTitle:""}),q=l(()=>{const e=(null==f?void 0:f[g])||0;return e<=1?"There is "+e+"data source added to the identified intent":`There are ${e} data sources added to the identified intent`},[f,g]),H=()=>{var e;(null==U?void 0:U.redirectUrl)?window.open(`${window.location.origin}${null==U?void 0:U.redirectUrl}`,"_self"):Object.keys(null!==(e=null==U?void 0:U.addFaqProps)&&void 0!==e?e:{}).length>0?null==N||N.onClick(U):(null==N?void 0:N.navigate)&&(null==N||N.navigate("Training",h==i.MANIFEST?{tab:"/custom_data"}:{},{},!0))};return s(()=>{var e,o,t,n;if(g){if(null===(e=null==y?void 0:y.sources)||void 0===e?void 0:e.length){const e=y.sources[0];if(E[g])g===w.ORDER_ENQUIRY&&x(!1);else{let r=null==e?void 0:e.insights,d="";switch(g){case w.PRODUCT_DETAILS:"Product reviews"!==(null==e?void 0:e.title)&&(r=`${R||"No"} FAQs added for this product`,d="Add product-specific information via FAQs to improve responses",L({buttonTitle:"Add FAQ",addFaqProps:{faqProducts:[{id:null==e?void 0:e.productId,variantId:null==e?void 0:e.variantId,name:null==e?void 0:e.title,imageUrl:null==e?void 0:e.imageUrl}]},redirectUrl:""}));break;case w.ORDER_MODIFICATION:r=(null==f?void 0:f[g])?void 0:"Customers who are looking to modify their orders would be redirected to your live agents via the agent handover flow.",r&&L({buttonTitle:h==i.MANIFEST?"Manage agent handover":"Add relevant data",redirectUrl:h==i.MANIFEST?"/customise?tab=AgentHandover":P,addFaqProps:{}});break;case w.ORDER_CANCELLATION:r=(null==f?void 0:f[g])?void 0:"Customers who are looking to cancel their orders would be redirected to your live agents via the agent handover flow.",L({buttonTitle:h==i.MANIFEST?"Manage agent handover":"Add relevant data",redirectUrl:h==i.MANIFEST?"/customise?tab=AgentHandover":P,addFaqProps:{}});break;case w.ORDER_TRACKING:if("ORDER_NOT_FOUND"===(null==e?void 0:e.subIntent))break;L({buttonTitle:h==i.MANIFEST?"Add order tracking link":"Add relevant data",redirectUrl:h==i.MANIFEST?"/training/order-management":P,addFaqProps:{}});break;case w.PRODUCT_SEARCH:if("QUIZ"===(null==e?void 0:e.type))break;if(-1!==(null===(n=null===(t=null===(o=null==y?void 0:y.sources)||void 0===o?void 0:o[0])||void 0===t?void 0:t.title)||void 0===n?void 0:n.toLowerCase().indexOf("collection"))){r="Collections are recommended by matching queries with collection names and descriptions. Add relevant keywords to your collection description to improve results.";break}r="Products are recommended by matching queries with product names, descriptions, tags, and collections. Add relevant keywords and tags to your products to improve results."}j({title:null!=r?r:"",subTitle:d})}}(E[g]||[w.PRODUCT_DETAILS,w.ORDER_MODIFICATION,w.ORDER_CANCELLATION,w.ORDER_TRACKING].includes(g))&&D(!1)}},[null==y?void 0:y.messageId,f,g,null==y?void 0:y.sources,E,w,R,h,y]),e(v,{children:e(o,_?{children:e(m,{gap:"8px",direction:"column",boxes:[{height:"20px",width:"300px"},{height:"80px",width:"300px"}]})}:{children:!(null==M?void 0:M.title)&&f&&g in f?t(o,{children:[e(T,{hideHeading:null!=A&&A}),e(b,{reason:k||"",showAiResponseReason:null!=C&&C,isLoading:null!=F&&F,appType:h}),t("div",{className:"source_info_details "+(f[g]>0?"":"no_data_source"),children:[f[g]>0&&S?t(o,{children:[e(p,{children:q}),e(p,{color:c.content.secondary,children:"Improve responses by adding more data sources for the identified intent"})]}):S&&t("div",{className:"no_data_source_title",children:[e(n,{width:15,height:15,color:c.content.negative,style:{marginTop:2}}),e(p,{children:"No data sources added to the identified link"})]}),!N||N.hideAddDataButton||O?e(o,{}):e(u,{size:"small",buttonType:"tertiary",LeadingIcon:r,buttonText:(null==U?void 0:U.buttonTitle.length)>0?null==U?void 0:U.buttonTitle:"Add relevant data",matchParentWidth:!0,onClick:()=>H(),style:{backgroundColor:"unset"}})]})]}):t(o,{children:[e(T,{hideHeading:null!=A&&A}),e(b,{reason:k||"",showAiResponseReason:null!=C&&C,isLoading:null!=F&&F,appType:h}),t("div",{className:"source_info_details",children:[S&&t(o,{children:[e(p,{children:null==M?void 0:M.title}),e(p,{color:c.content.secondary,children:null==M?void 0:M.subTitle})]}),!N||N.hideAddDataButton||O?e(o,{}):e(u,{size:"small",buttonType:"tertiary",LeadingIcon:r,buttonText:(null==U?void 0:U.buttonTitle.length)>0?null==U?void 0:U.buttonTitle:"Add relevant data",matchParentWidth:!0,onClick:()=>H(),style:{backgroundColor:"unset"}})]})]})})})}),T=d(o=>o.hideHeading?null:e(p,{color:c.content.secondary,children:"Training insights"})),b=d(n=>n.appType!==i.MANIFEST?e(o,{}):e(o,{children:n.isLoading?e("div",{style:{height:70,width:"100%",marginBottom:8},children:e(m,{boxes:[{height:"20px",width:"30%"},{height:"20px",width:"100%"}],direction:"column",gap:"2px",isBrand:!1})}):t("div",{className:"source_info_details",children:[e(p,{color:c.content.primary,className:"why_ai_gave_this_response",children:"Here’s why your AI gave this response"}),e(p,{color:c.content.secondary,className:"clamp-text",children:e(h,{text:n.reason||"No reason provided for this response."})})]})}));b.displayName="WhyAiGaveThisResponse",T.displayName="TrainingInsightsHeading",g.displayName="SourceInfoFooter";export{g as default};

package/dist/esm/components/data-source-panel/DataSourcePanel.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{ApplicationType as i}from"@bikdotai/bik-models/growth/models/bik-store";import n from"../../assets/icons/box_search.svg.js";import r from"../../assets/icons/boxV2.svg.js";import l from"../../assets/icons/chevronDownOutline.svg.js";import s from"../../assets/icons/chevronUpOutline.svg.js";import d from"../../assets/icons/cross.svg.js";import a from"../../assets/icons/edit.svg.js";import c from"../../assets/icons/filePdf.svg.js";import p from"../../assets/icons/help.svg.js";import u from"../../assets/icons/info.svg.js";import h from"../../assets/icons/openai.svg.js";import m from"../../assets/icons/plus.svg.js";import g from"../../assets/icons/redirect.svg.js";import f from"../../assets/icons/text_t9.svg.js";import v from"../../assets/icons/website.svg.js";import{useState as y,useMemo as x,useEffect as C,useCallback as I}from"react";import{COLORS as T}from"../../constants/Theme.js";import{Button as E}from"../button/Button.js";import{IconButton as S}from"../icon-button/IconButton.js";import{BikShimmer as w}from"../shimmer/ShimmerComponent/BikShimmer.js";import{SideModal as L}from"../side-modal/SideModal.js";import{Tag as b}from"../tag/Tag.js";import{Tooltip as N}from"../tooltips/Tooltip.js";import{TitleSmall as k,BodyCaption as j,BodySecondary as A}from"../TypographyStyle.js";import _ from"./DataSourceInfoFooter.js";import{SourceInfoDetailsStyle as O}from"./DataSourcePanel.style.js";import{intentConfig as D}from"./IntentConfig.js";import{DescriptionModal as F}from"./Modals/DescriptionModal.js";import{CustomDataType as R}from"./model.js";const P=P=>{var B,U;const{appType:K,storeId:M,messageSource:W,setMessageSourcePanel:$,hideCloseButton:H,isSourceInfoFetched:q,allSourceInfoDetail:Q,ChecklistType:G,title:Y,zeroStateButton:z,editableSources:X,preFillTrainingSourceCount:V,redirect:J,footerButtonOption:Z,fetchTrainingSourceCount:ee,fetchProductFAQCount:te,productSourceData:oe,reasonForAiGeneratedResponse:ie,showAiResponseReason:ne,aiResponseLoading:re,productSearchRule:le,onEditProductSearchRule:se}=P,{sources:de}=W,ae=["blog","article","page","policy"],[ce,pe]=y(!1),[ue,he]=y(!1),[me,ge]=y(!1),[fe,ve]=y(0),[ye,xe]=y(),[Ce,Ie]=y(null!=V?V:{}),[Te,Ee]=y(!1),[Se,we]=y(!1),Le={};D.forEach((t=>{let{key:o,type:i,tagText:n}=t;G[o]&&(Le[G[o]]=e(b,{theme:"light",type:i,tagText:n,cursor:"pointer"}))}));const be=de.filter((e=>"PRODUCTS"==e.type||"Products"==e.subTitle||e.productId)),Ne=de.filter((e=>"PRODUCTS"!=e.type&&"Products"!=e.subTitle&&!e.productId)),ke=x((()=>{const e={};return["STORE_INFORMATION","CONTACT_INFO","STORE_LOCATION","SHIPPING_POLICY","RETURN_AND_REFUND","SALES_AND_OFFERS","SALES_AND_OFFERS_ISSUES","PRODUCT_CUSTOMISATION","PAYMENT_METHODS","CHECKOUT_ENQUIRY","ORDER_ENQUIRY"].forEach((t=>{G[t]&&(e[G[t]]=G[t])})),["COLLABORATION","SUBSCRIPTION_ENQUIRY"].forEach((t=>{e[t]=t})),e}),[G]);C((()=>{var e,t,o,i;if(!(null==W?void 0:W.messageId))return;pe(!0),he(!0),ge(!1!==(null===(t=null===(e=W.sources)||void 0===e?void 0:e[0])||void 0===t?void 0:t.isTrainable)||!!(null===(i=null===(o=W.sources)||void 0===o?void 0:o[0])||void 0===i?void 0:i.insights));const n=W.sources.filter((e=>!!e.productId)).map((e=>e.productId)),r=Array.from(new Set(n)).filter((e=>!!e));te(M,r).then((e=>ve(e))).then((()=>{V?(Ie(V),setTimeout((()=>{pe(!1),he(!1)}),100)):(setTimeout((()=>pe(!1)),100),ee(M).then((e=>Ie(e))).then((()=>setTimeout((()=>{he(!1)}),100))))}))}),[te,ee,null==W?void 0:W.messageId,W.sources,V,M]);const je=e=>!!(e&&0===e.length||(null==W?void 0:W.isUnsatisfactoryAnswer)),Ae=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];var o;return"custom"==e?e=R.FILES:ae.includes(e)?e=R.FETCHED_LINKS:"url"==e?e=R.WEBSITE_LINKS:"text"===e?e=R.TEXTS:"faq"===e&&(e=R.FAQ),t?e:null===(o=null==e?void 0:e.toLowerCase())||void 0===o?void 0:o.replace(/_/g," ")},_e=e=>e?"faq"==e.toLocaleLowerCase()?"FAQ":"openai"==e.toLocaleLowerCase()?"OPENAI":"files"==e.toLocaleLowerCase()?"PDF":"texts"==e.toLocaleLowerCase()?"Custom text":((e=(e=e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()).replace("_"," ")).endsWith("s")&&(e=e.slice(0,-1)),e.replace("Website","Manual")):"",Oe=I((t=>e("products"==t||"product"==t?r:"files"==t?c:"website links"==t||"fetched links"==t?v:"faq"==t?p:"texts"==t?f:h,{height:16,width:16,color:T.content.secondary})),[]),De=e=>{const t=e.replace(/(<([^>]+)>)/gi,""),o=document.createElement("textarea");return o.innerHTML=t,o.value};if(ce||!q)return e(O,{children:e(w,{boxes:[{width:"100px",height:"16px"},{width:"0",height:"4px"},{width:"100%",height:"32px"},{width:"100%",height:"32px"},{width:"100%",height:"32px"},{width:"100%",height:"32px"},{width:"0",height:"4px"},{width:"100%",height:"16px"}]})});const Fe=n=>{const{title:r,count:d,isExpanded:a,onToggle:c,children:p}=n;return t("div",{children:[t("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 12px",cursor:"pointer"},onClick:c,children:[t("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[e(A,{children:r}),K===i.MANIFEST?e("div",{style:{backgroundColor:T.surface.subdued,color:T.content.secondary,padding:"2px 8px",borderRadius:"12px",fontSize:"12px",fontWeight:"500",border:`1px solid ${T.stroke.primary}`},children:d}):e(o,{})]}),e(o,{children:K===i.BIK?e(o,{}):e(a?s:l,{width:20,height:20,color:T.content.primary})})]}),a&&p]})};return t(o,{children:[e(O,{children:t(o,{children:[t("div",{className:"pop-up-header",style:{display:"flex",flexDirection:"column",padding:0,paddingBottom:"12px"},children:[!!Y&&e(k,{children:Y}),t("div",{style:{display:"flex",flexDirection:"row",gap:"12px",alignItems:"center"},children:[e(j,{color:T.content.secondary,children:"Intent"}),null!==(B=Le[W.intent])&&void 0!==B?B:Le.GENERIC,!H&&e("div",{style:{display:"flex",marginLeft:"auto",cursor:"pointer"},onClick:()=>$(void 0),children:e(d,{height:20,width:20,color:T.content.secondary})})]}),le&&t("div",{style:{display:"flex",flexDirection:"column",gap:"12px",marginTop:"6px"},children:[t("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[e(A,{color:T.content.primary,children:le.rule_name}),se&&le.rule_id&&t("div",{style:{display:"flex",alignItems:"center",gap:"6px"},children:[e(n,{width:14,color:T.content.secondary}),e(j,{color:T.content.secondary,children:"Edit search rule"}),e(S,{Icon:a,height:16,width:16,bordered:!0,iconColor:T.content.primary,onClick:()=>se(null==le?void 0:le.rule_id)})]})]}),le.keywords&&le.keywords.length>0&&e("div",{style:{display:"flex",flexWrap:"wrap",gap:"6px",padding:"8px",backgroundColor:T.surface.subdued,borderRadius:"8px",border:`1px dashed ${T.stroke.primary}`},children:le.keywords.map(((t,o)=>e(b,{tagText:t,theme:"light"},`keyword-${o}`)))})]}),je(de)?e("div",{style:{display:"flex",margin:"auto",justifyContent:"center",alignItems:"center",height:"calc(100vh - 300px)"},children:(()=>{var o,i;return t("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",margin:"0px 30px",gap:"8px"},children:[e("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"12px",backgroundColor:`${T.background.negative.light}`,borderRadius:"100px"},children:e(u,{width:24,height:24,color:T.stroke.negative.vibrant})}),e("div",{style:{justifyContent:"center",alignItems:"center",marginBottom:"-4px"},children:e(k,{children:"Insufficient data"})}),e(A,{color:T.content.secondary,style:{display:"flex",justifyContent:"center",textAlign:"center"},children:"No data available to answer this query. Add an FAQ to address it in the future"}),z&&e("div",{style:{display:"flex",width:"100%"},children:e(E,{LeadingIcon:null!==(o=z.leadingIcon)&&void 0!==o?o:m,buttonText:null!==(i=z.title)&&void 0!==i?i:"Add FAQ",buttonType:"secondary",size:"small",matchParentWidth:!0,onClick:()=>{z.onClick()}})})]})})()}):!le&&e(b,{LeadingIcon:u,version:"2.0",type:"grey",theme:"light",alignIcon:"start",contentPadding:12,tagText:W.isEditable?`If any of the information is incorrect, update the original data source and sync it again. Alternatively, you can make local corrections directly in ${K===i.BIK?"BIK":"Manifest"}.`:"Edit the original source and save again to update the response"})]}),me&&!je(de)&&e("div",{className:"footer",children:e(_,{appType:K,storeId:M,messageSource:W,sourceIntent:null!==(U=W.intent)&&void 0!==U?U:G.GENERIC,faqCount:fe,trainingSourceCount:Ce,ShowTrainingDataSource:ke,ChecklistType:G,footerButtonOption:Z,isFooterLoading:ue,reasonForAiGeneratedResponse:ie,showAiResponseReason:ne,aiResponseLoading:re})}),!je(de)&&t("div",{className:"info-container",children:[e(o,{children:be.length>0&&e("div",{className:"info-product-source",children:e(Fe,{title:"Product Sources",count:be.length,isExpanded:K!==i.MANIFEST||Te,onToggle:()=>Ee(!Te),children:e("div",{className:"source",style:{padding:"0 12px",maxWidth:"100%"},children:be.map(((i,n)=>{var r,l,s,d;const c=Ae(i.type||i.subTitle||"OpenAI"),p=Ae(i.type||i.subTitle||"OpenAI",!0),u=_e(c),h=null==X?void 0:X.includes(p),m=Q[null!==(r=i.productId)&&void 0!==r?r:"Products"],f=i.title,v=i.productId&&(null==oe?void 0:oe[i.productId]),y=v&&v.metafield.join(", ");return t("div",{style:{display:"flex",flexDirection:"column",gap:"8px",padding:"16px 0px",borderBottom:n+1<(null==be?void 0:be.length)?`1px solid ${T.stroke.primary}`:"none"},children:[t("div",{style:{display:"flex",flexDirection:"row",gap:"12px",justifyContent:"space-between",alignItems:"center"},children:[t("div",{style:{display:"flex",flex:1,gap:"8px",flexDirection:"row",alignItems:"center",justifyContent:"flex-start"},children:[Oe(c),e(N,{body:f,placement:"top",children:e(A,{style:p==R.FETCHED_LINKS||p==R.WEBSITE_LINKS?{cursor:"pointer",textDecoration:"underline"}:{},color:T.content.primary,className:"clamp-title",onClick:()=>p==R.FETCHED_LINKS||p==R.WEBSITE_LINKS?J(i):{},children:f})})]}),t("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"4px",flex:"none"},children:[i.intent!==G.EMAIL_COLLECTION&&e(o,{children:e(j,{color:T.content.secondary,children:u})}),(i.link||i.docId)&&e("div",{style:{cursor:"pointer",marginLeft:"0px"},children:e(S,h?{Icon:a,height:16,width:16,iconColor:T.content.secondary,onClick:()=>null==m?void 0:m.onEditClick(m.data,m.type),disabled:!m,disabledTooltip:"This source is deleted"}:{Icon:g,height:16,width:16,iconColor:T.content.secondary,disabled:"custom"===i.type&&!m,disabledTooltip:"This source is deleted",onClick:()=>J(i)})})]})]}),v&&t(j,{children:[e("span",{className:"product-data-text1",onClick:()=>{var e;xe({title:f,description:De(v.description),imageUrl:null!==(e=i.imageUrl)&&void 0!==e?e:"",onClose:()=>xe(void 0)})},children:`${null===(l=v.description)||void 0===l?void 0:l.length} characters description,`}),e("span",{className:"product-data-text1",onClick:()=>v.onEditFaqClick(v.faqs),children:`${null===(s=v.faqs)||void 0===s?void 0:s.length} FAQs, `}),e("span",{className:"product-data-text2",children:"and"}),e(N,{body:y,placement:"top",children:e("span",{className:"product-data-text1",children:`${null===(d=v.metafield)||void 0===d?void 0:d.length} metafields`})})]})]},`info-${n}`)}))})})})}),e(o,{children:Ne.length>0&&e("div",{className:"info-content-source",children:e(Fe,{title:"Content Sources",count:Ne.length,isExpanded:K!==i.MANIFEST||Se,onToggle:()=>we(!Se),children:e("div",{className:"source",style:{padding:"0 12px",maxWidth:"100%"},children:Ne.map(((i,n)=>{var r,l,s,d,c,p,u,h,m,f,v,y,x,C,I,E,w;const L=Ae(i.type||i.subTitle||"OpenAI"),b=Ae(i.type||i.subTitle||"OpenAI",!0),k=_e(L),_=null==X?void 0:X.includes(b),O="Products"===i.subTitle?Q[null!==(r=i.productId)&&void 0!==r?r:"Products"]:Q[null!==(l=i.docId)&&void 0!==l?l:""],D=b.toLowerCase()===(null===(s=R.FAQ)||void 0===s?void 0:s.toLowerCase())?"faq"===(null===(d=i.title)||void 0===d?void 0:d.toLowerCase())?i.subTitle:i.title:b.toLowerCase()===(null===(c=R.FILES)||void 0===c?void 0:c.toLowerCase())||b.toLowerCase()===(null===(p=R.FETCHED_LINKS)||void 0===p?void 0:p.toLowerCase())||b.toLowerCase()===(null===(u=R.TEXTS)||void 0===u?void 0:u.toLowerCase())?i.title:b.toLowerCase()===(null===(h=R.WEBSITE_LINKS)||void 0===h?void 0:h.toLowerCase())?i.title.split("/")[i.title.split("/").length-1].replace(/[^\w\s]/gi," ").replace(/^(.)(.*)$/,((e,t,o)=>t.toUpperCase()+o)):i.intent===G.EMAIL_COLLECTION?k:i.title,F="faq"===b.toLowerCase()?null!==(v=null!==(m=null==O?void 0:O.content)&&void 0!==m?m:null===(f=null==O?void 0:O.data)||void 0===f?void 0:f.answer)&&void 0!==v?v:"":b.toLowerCase()===(null===(y=R.FETCHED_LINKS)||void 0===y?void 0:y.toLowerCase())||b.toLowerCase()===(null===(x=R.WEBSITE_LINKS)||void 0===x?void 0:x.toLowerCase())||b.toLowerCase()===(null===(C=R.TEXTS)||void 0===C?void 0:C.toLowerCase())?null!==(w=null!==(I=null==O?void 0:O.content)&&void 0!==I?I:null===(E=null==O?void 0:O.data)||void 0===E?void 0:E.fileContentText)&&void 0!==w?w:"":i.intent===G.EMAIL_COLLECTION?"Collect leads before replying to messages":"";return t("div",{style:{display:"flex",flexDirection:"column",gap:"8px",padding:"16px 0px",borderBottom:n+1<(null==Ne?void 0:Ne.length)?`1px solid ${T.stroke.primary}`:"none"},children:[t("div",{style:{display:"flex",flexDirection:"row",gap:"12px",justifyContent:"space-between",alignItems:"center"},children:[t("div",{style:{display:"flex",flex:1,gap:"8px",flexDirection:"row",alignItems:"center",justifyContent:"flex-start"},children:[Oe(L),e(N,{body:D,placement:"top",children:e(A,{style:b==R.FETCHED_LINKS||b==R.WEBSITE_LINKS?{cursor:"pointer",textDecoration:"underline"}:{},color:T.content.primary,className:"clamp-title",onClick:()=>b==R.FETCHED_LINKS||b==R.WEBSITE_LINKS?J(i):{},children:D})})]}),t("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"4px",flex:"none"},children:[i.intent!==G.EMAIL_COLLECTION&&e(o,{children:e(j,{color:T.content.secondary,children:k})}),(i.link||i.docId)&&e("div",{style:{cursor:"pointer",marginLeft:"0px"},children:e(S,_?{Icon:a,height:16,width:16,iconColor:T.content.secondary,onClick:()=>null==O?void 0:O.onEditClick(O.data,O.type),disabled:!O,disabledTooltip:"This source is deleted"}:{Icon:g,height:16,width:16,iconColor:T.content.secondary,disabled:"custom"===i.type&&!O,disabledTooltip:"This source is deleted",onClick:()=>J(i)})})]})]}),(null!=F?F:"").trim()&&e("div",{style:{padding:"4px 8px",border:`1px dashed ${T.stroke.primary}`,borderRadius:"4px",backgroundColor:T.surface.subdued},children:e(j,{color:T.content.primary,className:"clamp-description",children:De(null!=F?F:"").trim()})})]},`info-${n}`)}))})})})})]}),null==P?void 0:P.children]})}),ye&&e(L,{header:"Product description",onClose:()=>xe(void 0),width:"30%",children:e(F,{title:ye.title,description:ye.description,imageUrl:ye.imageUrl,onClose:ye.onClose})})]})};export{P as DataSourcePanel};
+import{jsx as e,jsxs as t,Fragment as o}from"react/jsx-runtime";import{ApplicationType as i}from"@bikdotai/bik-models/growth/models/bik-store";import n from"../../assets/icons/box_search.svg.js";import r from"../../assets/icons/boxV2.svg.js";import l from"../../assets/icons/chevronDownOutline.svg.js";import s from"../../assets/icons/chevronUpOutline.svg.js";import d from"../../assets/icons/cross.svg.js";import a from"../../assets/icons/edit.svg.js";import c from"../../assets/icons/filePdf.svg.js";import p from"../../assets/icons/help.svg.js";import u from"../../assets/icons/info.svg.js";import h from"../../assets/icons/openai.svg.js";import m from"../../assets/icons/plus.svg.js";import g from"../../assets/icons/redirect.svg.js";import f from"../../assets/icons/text_t9.svg.js";import v from"../../assets/icons/website.svg.js";import{useState as y,useMemo as x,useEffect as C,useCallback as I}from"react";import{COLORS as T}from"../../constants/Theme.js";import{Button as E}from"../button/Button.js";import{IconButton as S}from"../icon-button/IconButton.js";import{BikShimmer as w}from"../shimmer/ShimmerComponent/BikShimmer.js";import{SideModal as L}from"../side-modal/SideModal.js";import{Tag as b}from"../tag/Tag.js";import{Tooltip as N}from"../tooltips/Tooltip.js";import{TitleSmall as k,BodyCaption as j,BodySecondary as A}from"../TypographyStyle.js";import _ from"./DataSourceInfoFooter.js";import{SourceInfoDetailsStyle as O}from"./DataSourcePanel.style.js";import{intentConfig as D}from"./IntentConfig.js";import{DescriptionModal as F}from"./Modals/DescriptionModal.js";import{CustomDataType as R}from"./model.js";const P=P=>{var B,U;const{appType:K,storeId:M,messageSource:W,setMessageSourcePanel:$,hideCloseButton:H,isSourceInfoFetched:q,allSourceInfoDetail:Q,ChecklistType:G,title:Y,zeroStateButton:z,editableSources:X,preFillTrainingSourceCount:V,redirect:J,footerButtonOption:Z,fetchTrainingSourceCount:ee,fetchProductFAQCount:te,productSourceData:oe,reasonForAiGeneratedResponse:ie,showAiResponseReason:ne,aiResponseLoading:re,productSearchRule:le,onEditProductSearchRule:se}=P,{sources:de}=W,ae=["blog","article","page","policy"],[ce,pe]=y(!1),[ue,he]=y(!1),[me,ge]=y(!1),[fe,ve]=y(0),[ye,xe]=y(),[Ce,Ie]=y(null!=V?V:{}),[Te,Ee]=y(!1),[Se,we]=y(!1),Le={};D.forEach(({key:t,type:o,tagText:i})=>{G[t]&&(Le[G[t]]=e(b,{theme:"light",type:o,tagText:i,cursor:"pointer"}))});const be=de.filter(e=>"PRODUCTS"==e.type||"Products"==e.subTitle||e.productId),Ne=de.filter(e=>"PRODUCTS"!=e.type&&"Products"!=e.subTitle&&!e.productId),ke=x(()=>{const e={};return["STORE_INFORMATION","CONTACT_INFO","STORE_LOCATION","SHIPPING_POLICY","RETURN_AND_REFUND","SALES_AND_OFFERS","SALES_AND_OFFERS_ISSUES","PRODUCT_CUSTOMISATION","PAYMENT_METHODS","CHECKOUT_ENQUIRY","ORDER_ENQUIRY"].forEach(t=>{G[t]&&(e[G[t]]=G[t])}),["COLLABORATION","SUBSCRIPTION_ENQUIRY"].forEach(t=>{e[t]=t}),e},[G]);C(()=>{var e,t,o,i;if(!(null==W?void 0:W.messageId))return;pe(!0),he(!0),ge(!1!==(null===(t=null===(e=W.sources)||void 0===e?void 0:e[0])||void 0===t?void 0:t.isTrainable)||!!(null===(i=null===(o=W.sources)||void 0===o?void 0:o[0])||void 0===i?void 0:i.insights));const n=W.sources.filter(e=>!!e.productId).map(e=>e.productId),r=Array.from(new Set(n)).filter(e=>!!e);te(M,r).then(e=>ve(e)).then(()=>{V?(Ie(V),setTimeout(()=>{pe(!1),he(!1)},100)):(setTimeout(()=>pe(!1),100),ee(M).then(e=>Ie(e)).then(()=>setTimeout(()=>{he(!1)},100)))})},[te,ee,null==W?void 0:W.messageId,W.sources,V,M]);const je=e=>!!(e&&0===e.length||(null==W?void 0:W.isUnsatisfactoryAnswer)),Ae=(e,t=!1)=>{var o;return"custom"==e?e=R.FILES:ae.includes(e)?e=R.FETCHED_LINKS:"url"==e?e=R.WEBSITE_LINKS:"text"===e?e=R.TEXTS:"faq"===e&&(e=R.FAQ),t?e:null===(o=null==e?void 0:e.toLowerCase())||void 0===o?void 0:o.replace(/_/g," ")},_e=e=>e?"faq"==e.toLocaleLowerCase()?"FAQ":"openai"==e.toLocaleLowerCase()?"OPENAI":"files"==e.toLocaleLowerCase()?"PDF":"texts"==e.toLocaleLowerCase()?"Custom text":((e=(e=e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()).replace("_"," ")).endsWith("s")&&(e=e.slice(0,-1)),e.replace("Website","Manual")):"",Oe=I(t=>e("products"==t||"product"==t?r:"files"==t?c:"website links"==t||"fetched links"==t?v:"faq"==t?p:"texts"==t?f:h,{height:16,width:16,color:T.content.secondary}),[]),De=e=>{const t=e.replace(/(<([^>]+)>)/gi,""),o=document.createElement("textarea");return o.innerHTML=t,o.value};if(ce||!q)return e(O,{children:e(w,{boxes:[{width:"100px",height:"16px"},{width:"0",height:"4px"},{width:"100%",height:"32px"},{width:"100%",height:"32px"},{width:"100%",height:"32px"},{width:"100%",height:"32px"},{width:"0",height:"4px"},{width:"100%",height:"16px"}]})});const Fe=n=>{const{title:r,count:d,isExpanded:a,onToggle:c,children:p}=n;return t("div",{children:[t("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 12px",cursor:"pointer"},onClick:c,children:[t("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[e(A,{children:r}),K===i.MANIFEST?e("div",{style:{backgroundColor:T.surface.subdued,color:T.content.secondary,padding:"2px 8px",borderRadius:"12px",fontSize:"12px",fontWeight:"500",border:`1px solid ${T.stroke.primary}`},children:d}):e(o,{})]}),e(o,{children:K===i.BIK?e(o,{}):e(a?s:l,{width:20,height:20,color:T.content.primary})})]}),a&&p]})};return t(o,{children:[e(O,{children:t(o,{children:[t("div",{className:"pop-up-header",style:{display:"flex",flexDirection:"column",padding:0,paddingBottom:"12px"},children:[!!Y&&e(k,{children:Y}),t("div",{style:{display:"flex",flexDirection:"row",gap:"12px",alignItems:"center"},children:[e(j,{color:T.content.secondary,children:"Intent"}),null!==(B=Le[W.intent])&&void 0!==B?B:Le.GENERIC,!H&&e("div",{style:{display:"flex",marginLeft:"auto",cursor:"pointer"},onClick:()=>$(void 0),children:e(d,{height:20,width:20,color:T.content.secondary})})]}),le&&t("div",{style:{display:"flex",flexDirection:"column",gap:"12px",marginTop:"6px"},children:[t("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"},children:[e(A,{color:T.content.primary,children:le.rule_name}),se&&le.rule_id&&t("div",{style:{display:"flex",alignItems:"center",gap:"6px"},children:[e(n,{width:14,color:T.content.secondary}),e(j,{color:T.content.secondary,children:"Edit search rule"}),e(S,{Icon:a,height:16,width:16,bordered:!0,iconColor:T.content.primary,onClick:()=>se(null==le?void 0:le.rule_id)})]})]}),le.keywords&&le.keywords.length>0&&e("div",{style:{display:"flex",flexWrap:"wrap",gap:"6px",padding:"8px",backgroundColor:T.surface.subdued,borderRadius:"8px",border:`1px dashed ${T.stroke.primary}`},children:le.keywords.map((t,o)=>e(b,{tagText:t,theme:"light"},`keyword-${o}`))})]}),je(de)?e("div",{style:{display:"flex",margin:"auto",justifyContent:"center",alignItems:"center",height:"calc(100vh - 300px)"},children:(()=>{var o,i;return t("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",margin:"0px 30px",gap:"8px"},children:[e("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"12px",backgroundColor:`${T.background.negative.light}`,borderRadius:"100px"},children:e(u,{width:24,height:24,color:T.stroke.negative.vibrant})}),e("div",{style:{justifyContent:"center",alignItems:"center",marginBottom:"-4px"},children:e(k,{children:"Insufficient data"})}),e(A,{color:T.content.secondary,style:{display:"flex",justifyContent:"center",textAlign:"center"},children:"No data available to answer this query. Add an FAQ to address it in the future"}),z&&e("div",{style:{display:"flex",width:"100%"},children:e(E,{LeadingIcon:null!==(o=z.leadingIcon)&&void 0!==o?o:m,buttonText:null!==(i=z.title)&&void 0!==i?i:"Add FAQ",buttonType:"secondary",size:"small",matchParentWidth:!0,onClick:()=>{z.onClick()}})})]})})()}):!le&&e(b,{LeadingIcon:u,version:"2.0",type:"grey",theme:"light",alignIcon:"start",contentPadding:12,tagText:W.isEditable?`If any of the information is incorrect, update the original data source and sync it again. Alternatively, you can make local corrections directly in ${K===i.BIK?"BIK":"Manifest"}.`:"Edit the original source and save again to update the response"})]}),me&&!je(de)&&e("div",{className:"footer",children:e(_,{appType:K,storeId:M,messageSource:W,sourceIntent:null!==(U=W.intent)&&void 0!==U?U:G.GENERIC,faqCount:fe,trainingSourceCount:Ce,ShowTrainingDataSource:ke,ChecklistType:G,footerButtonOption:Z,isFooterLoading:ue,reasonForAiGeneratedResponse:ie,showAiResponseReason:ne,aiResponseLoading:re})}),!je(de)&&t("div",{className:"info-container",children:[e(o,{children:be.length>0&&e("div",{className:"info-product-source",children:e(Fe,{title:"Product Sources",count:be.length,isExpanded:K!==i.MANIFEST||Te,onToggle:()=>Ee(!Te),children:e("div",{className:"source",style:{padding:"0 12px",maxWidth:"100%"},children:be.map((i,n)=>{var r,l,s,d;const c=Ae(i.type||i.subTitle||"OpenAI"),p=Ae(i.type||i.subTitle||"OpenAI",!0),u=_e(c),h=null==X?void 0:X.includes(p),m=Q[null!==(r=i.productId)&&void 0!==r?r:"Products"],f=i.title,v=i.productId&&(null==oe?void 0:oe[i.productId]),y=v&&v.metafield.join(", ");return t("div",{style:{display:"flex",flexDirection:"column",gap:"8px",padding:"16px 0px",borderBottom:n+1<(null==be?void 0:be.length)?`1px solid ${T.stroke.primary}`:"none"},children:[t("div",{style:{display:"flex",flexDirection:"row",gap:"12px",justifyContent:"space-between",alignItems:"center"},children:[t("div",{style:{display:"flex",flex:1,gap:"8px",flexDirection:"row",alignItems:"center",justifyContent:"flex-start"},children:[Oe(c),e(N,{body:f,placement:"top",children:e(A,{style:p==R.FETCHED_LINKS||p==R.WEBSITE_LINKS?{cursor:"pointer",textDecoration:"underline"}:{},color:T.content.primary,className:"clamp-title",onClick:()=>p==R.FETCHED_LINKS||p==R.WEBSITE_LINKS?J(i):{},children:f})})]}),t("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"4px",flex:"none"},children:[i.intent!==G.EMAIL_COLLECTION&&e(o,{children:e(j,{color:T.content.secondary,children:u})}),(i.link||i.docId)&&e("div",{style:{cursor:"pointer",marginLeft:"0px"},children:e(S,h?{Icon:a,height:16,width:16,iconColor:T.content.secondary,onClick:()=>null==m?void 0:m.onEditClick(m.data,m.type),disabled:!m,disabledTooltip:"This source is deleted"}:{Icon:g,height:16,width:16,iconColor:T.content.secondary,disabled:"custom"===i.type&&!m,disabledTooltip:"This source is deleted",onClick:()=>J(i)})})]})]}),v&&t(j,{children:[e("span",{className:"product-data-text1",onClick:()=>{var e;xe({title:f,description:De(v.description),imageUrl:null!==(e=i.imageUrl)&&void 0!==e?e:"",onClose:()=>xe(void 0)})},children:`${null===(l=v.description)||void 0===l?void 0:l.length} characters description,`}),e("span",{className:"product-data-text1",onClick:()=>v.onEditFaqClick(v.faqs),children:`${null===(s=v.faqs)||void 0===s?void 0:s.length} FAQs, `}),e("span",{className:"product-data-text2",children:"and"}),e(N,{body:y,placement:"top",children:e("span",{className:"product-data-text1",children:`${null===(d=v.metafield)||void 0===d?void 0:d.length} metafields`})})]})]},`info-${n}`)})})})})}),e(o,{children:Ne.length>0&&e("div",{className:"info-content-source",children:e(Fe,{title:"Content Sources",count:Ne.length,isExpanded:K!==i.MANIFEST||Se,onToggle:()=>we(!Se),children:e("div",{className:"source",style:{padding:"0 12px",maxWidth:"100%"},children:Ne.map((i,n)=>{var r,l,s,d,c,p,u,h,m,f,v,y,x,C,I,E,w;const L=Ae(i.type||i.subTitle||"OpenAI"),b=Ae(i.type||i.subTitle||"OpenAI",!0),k=_e(L),_=null==X?void 0:X.includes(b),O="Products"===i.subTitle?Q[null!==(r=i.productId)&&void 0!==r?r:"Products"]:Q[null!==(l=i.docId)&&void 0!==l?l:""],D=b.toLowerCase()===(null===(s=R.FAQ)||void 0===s?void 0:s.toLowerCase())?"faq"===(null===(d=i.title)||void 0===d?void 0:d.toLowerCase())?i.subTitle:i.title:b.toLowerCase()===(null===(c=R.FILES)||void 0===c?void 0:c.toLowerCase())||b.toLowerCase()===(null===(p=R.FETCHED_LINKS)||void 0===p?void 0:p.toLowerCase())||b.toLowerCase()===(null===(u=R.TEXTS)||void 0===u?void 0:u.toLowerCase())?i.title:b.toLowerCase()===(null===(h=R.WEBSITE_LINKS)||void 0===h?void 0:h.toLowerCase())?i.title.split("/")[i.title.split("/").length-1].replace(/[^\w\s]/gi," ").replace(/^(.)(.*)$/,(e,t,o)=>t.toUpperCase()+o):i.intent===G.EMAIL_COLLECTION?k:i.title,F="faq"===b.toLowerCase()?null!==(v=null!==(m=null==O?void 0:O.content)&&void 0!==m?m:null===(f=null==O?void 0:O.data)||void 0===f?void 0:f.answer)&&void 0!==v?v:"":b.toLowerCase()===(null===(y=R.FETCHED_LINKS)||void 0===y?void 0:y.toLowerCase())||b.toLowerCase()===(null===(x=R.WEBSITE_LINKS)||void 0===x?void 0:x.toLowerCase())||b.toLowerCase()===(null===(C=R.TEXTS)||void 0===C?void 0:C.toLowerCase())?null!==(w=null!==(I=null==O?void 0:O.content)&&void 0!==I?I:null===(E=null==O?void 0:O.data)||void 0===E?void 0:E.fileContentText)&&void 0!==w?w:"":i.intent===G.EMAIL_COLLECTION?"Collect leads before replying to messages":"";return t("div",{style:{display:"flex",flexDirection:"column",gap:"8px",padding:"16px 0px",borderBottom:n+1<(null==Ne?void 0:Ne.length)?`1px solid ${T.stroke.primary}`:"none"},children:[t("div",{style:{display:"flex",flexDirection:"row",gap:"12px",justifyContent:"space-between",alignItems:"center"},children:[t("div",{style:{display:"flex",flex:1,gap:"8px",flexDirection:"row",alignItems:"center",justifyContent:"flex-start"},children:[Oe(L),e(N,{body:D,placement:"top",children:e(A,{style:b==R.FETCHED_LINKS||b==R.WEBSITE_LINKS?{cursor:"pointer",textDecoration:"underline"}:{},color:T.content.primary,className:"clamp-title",onClick:()=>b==R.FETCHED_LINKS||b==R.WEBSITE_LINKS?J(i):{},children:D})})]}),t("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"4px",flex:"none"},children:[i.intent!==G.EMAIL_COLLECTION&&e(o,{children:e(j,{color:T.content.secondary,children:k})}),(i.link||i.docId)&&e("div",{style:{cursor:"pointer",marginLeft:"0px"},children:e(S,_?{Icon:a,height:16,width:16,iconColor:T.content.secondary,onClick:()=>null==O?void 0:O.onEditClick(O.data,O.type),disabled:!O,disabledTooltip:"This source is deleted"}:{Icon:g,height:16,width:16,iconColor:T.content.secondary,disabled:"custom"===i.type&&!O,disabledTooltip:"This source is deleted",onClick:()=>J(i)})})]})]}),(null!=F?F:"").trim()&&e("div",{style:{padding:"4px 8px",border:`1px dashed ${T.stroke.primary}`,borderRadius:"4px",backgroundColor:T.surface.subdued},children:e(j,{color:T.content.primary,className:"clamp-description",children:De(null!=F?F:"").trim()})})]},`info-${n}`)})})})})})]}),null==P?void 0:P.children]})}),ye&&e(L,{header:"Product description",onClose:()=>xe(void 0),width:"30%",children:e(F,{title:ye.title,description:ye.description,imageUrl:ye.imageUrl,onClose:ye.onClose})})]})};export{P as DataSourcePanel};

package/dist/esm/components/data-source-panel/Modals/DescriptionModal.js

@@ -45,4 +45,4 @@ import{__awaiter as i}from"../../../_virtual/_tslib.js";import{jsxs as r,Fragmen
 		height: auto;
 		width: 100%;
 	}
-`,h=d=>{const{title:h,description:v,imageUrl:f}=d,[u,w]=t(!1),[b,y]=t(!1);return n((()=>{i(void 0,void 0,void 0,(function*(){y(!1);const r=yield function(r){return i(this,void 0,void 0,(function*(){return new Promise((i=>{const e=new Image;e.onload=()=>i(!0),e.onerror=()=>i(!1),e.src=r}))}))}(f);w(r),y(!0)}))}),[u,f]),r(c,{children:[r(m,{children:[b?r(e,{children:[!u&&o(l,{children:o("div",{children:o(s,{width:24})})}),u&&o("img",{src:f,className:"image",alt:"Product"})]}):o(l,{children:o(p,{size:"large"})}),o(x,{children:h})]}),o(a,{}),o(g,{dangerouslySetInnerHTML:{__html:v}})]})};export{h as DescriptionModal};
+`,h=d=>{const{title:h,description:v,imageUrl:f}=d,[u,w]=t(!1),[b,y]=t(!1);return n(()=>{i(void 0,void 0,void 0,function*(){y(!1);const r=yield function(r){return i(this,void 0,void 0,function*(){return new Promise(i=>{const e=new Image;e.onload=()=>i(!0),e.onerror=()=>i(!1),e.src=r})})}(f);w(r),y(!0)})},[u,f]),r(c,{children:[r(m,{children:[b?r(e,{children:[!u&&o(l,{children:o("div",{children:o(s,{width:24})})}),u&&o("img",{src:f,className:"image",alt:"Product"})]}):o(l,{children:o(p,{size:"large"})}),o(x,{children:h})]}),o(a,{}),o(g,{dangerouslySetInnerHTML:{__html:v}})]})};export{h as DescriptionModal};