@bikdotai/bik-component-library 0.0.687-beta.7 → 0.0.687-beta.9

package/dist/cjs/components/curtain/Curtain.styled.js

@@ -0,0 +1,29 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("styled-components"),e=require("./CurtainHelper.js"),o=require("../../constants/Theme.js");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var p=r(t);const n=p.default.div`
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	padding: ${t=>t.isTeritaryButton?"12px 16px;":"8px 16px"};
+	background: ${t=>e.CURTAIN_COLOR_CONFIG_MAP[t.mode][t.type].backgroundColor};
+	border-top: ${t=>t.strokeAtTop?"1px solid "+e.CURTAIN_COLOR_CONFIG_MAP[t.mode][t.type].strokeColor:0};
+	border-bottom: ${t=>t.strokeAtBottom?"1px solid "+e.CURTAIN_COLOR_CONFIG_MAP[t.mode][t.type].strokeColor:0};
+	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
+	width: 100%;
+	position: ${t=>t.position?t.position:"absolute"};
+	top: 0;
+	z-index: 1;
+	.tertiary-button {
+		background: transparent;
+		.text {
+			color: ${t=>t.mode===e.CURTAIN_MODE.DARK?e.CURTAIN_COLOR_CONFIG_MAP[t.mode][t.type].textColor:o.COLORS.content.brand};
+		}
+	}
+`,i=p.default.div`
+	height: 28px;
+	width: 1px;
+	background-color: ${t=>e.CURTAIN_COLOR_CONFIG_MAP[e.CURTAIN_MODE.LIGHT][t.type].strokeColor};
+`,d=p.default.div`
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	justify-content: flex-end;
+`;exports.CurtainStyle=n,exports.RightWrapper=d,exports.Separator=i;

package/dist/cjs/components/curtain/CurtainHelper.d.ts

@@ -0,0 +1,26 @@
+declare enum CURTAIN_TYPES {
+    NEGATIVE = "Negative",
+    WARNING = "Warning",
+    POSITIVE = "Positive",
+    NEUTRAL = "Neutral",
+    SPECIAL = "Special",
+    MANIFEST = "Manifest"
+}
+declare enum CURTAIN_MODE {
+    LIGHT = "LIGHT",
+    DARK = "DARK"
+}
+interface ColorConfig {
+    backgroundColor: string;
+    textColor: string;
+    crossIconColor: string;
+    strokeColor?: string;
+}
+type ColorConfigMap = {
+    [mode in CURTAIN_MODE]: {
+        [type in CURTAIN_TYPES]: ColorConfig;
+    };
+};
+declare const CURTAIN_COLOR_CONFIG_MAP: ColorConfigMap;
+
+export { CURTAIN_COLOR_CONFIG_MAP, CURTAIN_MODE, CURTAIN_TYPES };

package/dist/cjs/components/curtain/CurtainHelper.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("../../constants/Theme.js"),r=(o=>(o.NEGATIVE="Negative",o.WARNING="Warning",o.POSITIVE="Positive",o.NEUTRAL="Neutral",o.SPECIAL="Special",o.MANIFEST="Manifest",o))(r||{}),t=(o=>(o.LIGHT="LIGHT",o.DARK="DARK",o))(t||{});const n={DARK:{Negative:{backgroundColor:o.COLORS.background.negative.vibrant,textColor:o.COLORS.surface.standard,crossIconColor:o.COLORS.surface.standard},Warning:{backgroundColor:o.COLORS.background.warning.vibrant,textColor:o.COLORS.content.primary,crossIconColor:o.COLORS.content.secondary},Positive:{backgroundColor:o.COLORS.background.positive.vibrant,textColor:o.COLORS.surface.standard,crossIconColor:o.COLORS.surface.standard},Neutral:{backgroundColor:o.COLORS.background.inverse,textColor:o.COLORS.surface.standard,crossIconColor:o.COLORS.surface.standard},Special:{backgroundColor:o.COLORS.background.inverse,textColor:o.COLORS.surface.standard,crossIconColor:o.COLORS.surface.standard},Manifest:{backgroundColor:"linear-gradient(90.05deg, #743979 1.22%, #526DCA 99.95%)",textColor:o.COLORS.surface.standard,crossIconColor:o.COLORS.surface.standard}},LIGHT:{Negative:{backgroundColor:o.COLORS.background.negative.light,textColor:o.COLORS.content.negative,crossIconColor:o.COLORS.content.secondary,strokeColor:o.COLORS.stroke.negative.lightAlt},Warning:{backgroundColor:o.COLORS.background.warning.light,textColor:o.COLORS.content.warning,crossIconColor:o.COLORS.content.secondary,strokeColor:o.COLORS.stroke.warning.lightAlt},Positive:{backgroundColor:o.COLORS.background.positive.light,textColor:o.COLORS.content.positive,crossIconColor:o.COLORS.content.secondary,strokeColor:o.COLORS.stroke.positive.lightAlt},Neutral:{backgroundColor:o.COLORS.surface.subdued,textColor:o.COLORS.content.secondary,crossIconColor:o.COLORS.content.secondary,strokeColor:o.COLORS.stroke.primary},Special:{backgroundColor:o.COLORS.background.brandLight,textColor:o.COLORS.content.primary,crossIconColor:o.COLORS.content.secondary,strokeColor:o.COLORS.stroke.brandLightAlt},Manifest:{backgroundColor:"linear-gradient(90.05deg, #743979 1.22%, #526DCA 99.95%)",textColor:o.COLORS.surface.standard,crossIconColor:o.COLORS.surface.standard}}};exports.CURTAIN_COLOR_CONFIG_MAP=n,exports.CURTAIN_MODE=t,exports.CURTAIN_TYPES=r;

package/dist/cjs/components/custom-date-time/CustomDateTime.d.ts

@@ -0,0 +1,16 @@
+import { Placement } from '@popperjs/core';
+import React__default from 'react';
+
+interface CustomTimeProps {
+    time: string;
+    date: Date;
+    minDate?: Date;
+    onChange: (date: Date) => void;
+    error: string | undefined;
+    setError: (error: string | undefined) => void;
+    placement: Placement;
+}
+declare const CustomDateTime: React__default.FC<CustomTimeProps>;
+
+export { CustomDateTime };
+export type { CustomTimeProps };

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

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

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

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled"),t=require("../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=o(e).default.div`
+	display: flex;
+	flex-direction: column;
+	position: relative;
+	justify-content: space-between;
+
+	.date-preview {
+		position: relative;
+		cursor: pointer;
+		border: 1px solid ${t.DEFAULT_THEME.colorsV2.stroke.primary};
+		display: flex;
+		align-items: center;
+		height: 48px;
+		padding: 12px 8px 12px 16px;
+		border-radius: 4px;
+	}
+
+	.drop-down-item {
+		padding: 14px 16px;
+		border-bottom-width: 1px;
+		border-bottom-style: solid;
+		border-bottom-color: #e0e0e0;
+		width: 109px;
+	}
+`;exports.CustomDateTimeStyle=r;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../assets/icons/calendar.svg.js"),t=require("../../../assets/icons/chevronDown.svg.js"),s=require("react"),a=require("react-popper"),i=require("../../datePicker/DatePicker.js");require("react-calendar");var n=require("../../../hooks/useOutside.js"),u=require("../../../utils/DateUtils.js");require("../../../constants/Theme.js"),require("../../TypographyStyle.js"),require("../../datePicker/DatePickerWrapper.styled.js");var o=require("../../dropdown/Common.styled.js"),d=require("../../dropShadow/DropShadow.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(s);var p=l=>{const[p,j]=s.useState(null),[h,y]=s.useState(null),[D,f]=s.useState(!1),{styles:m,attributes:q}=a.usePopper(p,h,{placement:l.placement}),v=c.default.useRef();return n.useOutside(v,(()=>{f(!1)})),e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"date-preview",ref:j,onClick:()=>{f(!D)},children:[e.jsx(r.default,{width:24,height:24}),e.jsx("span",{style:{marginLeft:8},children:u.default.onlyDateFormat(l.customDate,"dd MMM yyyy")}),e.jsx(t.default,{style:{marginLeft:"auto"},width:22,height:22})]}),D&&e.jsx(o.OpenDropdownContainer,{ref:y,style:{...m.popper,zIndex:3},...q.popper,children:e.jsx("div",{ref:v,children:e.jsx(d.DropShadow,{level:"z2",position:"down",style:{borderRadius:4},children:e.jsx(i.DatePicker,{selectedDate:l.customDate||new Date,selectRange:!1,onSelectDate:e=>{f(!1),l.setCustomDate(e)},minDate:l.minDate})})})})]})};exports.default=p;

package/dist/cjs/components/dashboard-review-popup/DashboardReviewPopUp.d.ts

@@ -0,0 +1,21 @@
+import React__default from 'react';
+
+declare const DashboardReviewPopUp: React__default.FC<{
+    onSubmit: (stars: number, quickAnswers?: string[], reviewText?: string) => void;
+    onClose: () => void;
+    quickAnswerOptions?: string[];
+    titleMap?: {
+        [key: number]: string;
+    };
+    feedbackMap?: {
+        [key: number]: string;
+    };
+    fullStarSubmitText: string;
+    onRatingChange?: (stars: number) => void;
+    initialText?: string;
+    fiveStar?: {
+        subText: string;
+    };
+}>;
+
+export { DashboardReviewPopUp };

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../assets/icons/cross.svg.js"),i=require("../dropShadow/DropShadow.js"),o=require("./components/FiveStar.js"),s=require("./components/Form.js"),n=require("./components/ZeroState.js"),a=require("./DashboardReviewPopUp.styled.js");exports.DashboardReviewPopUp=({onClose:u,onSubmit:l,quickAnswerOptions:c,titleMap:S,feedbackMap:d,fullStarSubmitText:p,onRatingChange:x,initialText:h,fiveStar:j})=>{const[b,m]=t.useState(0);function q(e){m(e),x?.(e)}return e.jsx(i.DropShadow,{level:"z2",position:"down",children:e.jsxs(a.Container,{children:[e.jsx(a.CrossIconHolder,{onClick:u,children:e.jsx(r.default,{width:24,height:24})}),0===b?e.jsx(n.ZeroState,{handleStarSelection:q,initialText:h}):5===b?e.jsx(o.FiveStar,{fullStarSubmitText:p,onSubmit:l,handleStarSelection:q,subtext:j?.subText}):e.jsx(s.Form,{titleMap:S,feedbackMap:d,stars:b,onStarChange:q,onSubmit:l,quickAnswerOptions:c})]})})};

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

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled"),t=require("../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e);const n=i.default.div`
+	min-width: 323px;
+	min-height: 303px;
+	border-radius: 8px;
+	background: ${t.COLORS.background.inverse};
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	position: relative;
+	padding: 24px 16px;
+`,o=i.default.div`
+	border-radius: 20px;
+	display: flex;
+	width: 40px;
+	height: 40px;
+	padding: 8px;
+	justify-content: center;
+	align-items: center;
+	background: ${t.COLORS.stroke.brandLightAlt};
+	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
+	position: absolute;
+	top: -20px;
+	right: -20px;
+	cursor: pointer;
+`;exports.Container=n,exports.CrossIconHolder=o;

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

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

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

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled"),t=require("../../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=r(e);const i=n.default.div`
+	display: flex;
+	flex-direction: column;
+	gap: 16px;
+	justify-content: center;
+	align-items: center;
+`,o=n.default.div`
+	display: flex;
+	width: 100%;
+	height: 48px;
+	padding: 0px 12px;
+	justify-content: center;
+	align-items: center;
+	gap: 8px;
+	border-radius: 4px;
+	background: ${t.COLORS.surface.standard};
+	cursor: pointer;
+`;exports.Button=o,exports.Container=i;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),s=require("../../star-rating/StarRating.js"),a=require("../../TypographyStyle.js"),i=require("../../../constants/Theme.js"),n=require("./Form.styled.js");const t={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"},c={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?"};exports.Form=({stars:l,titleMap:o,feedbackMap:d,onStarChange:u,onSubmit:p,quickAnswerOptions:h})=>{const x=o??t,j=d??c,[f,m]=r.useState([]),v=r.useRef(null),S=x[l],y=j[l];return e.jsxs(n.Container,{children:[e.jsxs(n.StarWrapper,{children:[e.jsx(a.TitleRegular,{color:i.COLORS.surface.standard,children:S}),e.jsx(s.StarRating,{starSize:24,value:l,onChange:u})]}),h&&e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8},children:[e.jsx(a.TitleRegular,{color:i.COLORS.surface.standard,children:y}),e.jsx(n.Wrapper,{children:h?.map(((r,s)=>{const t=f.includes(r);return e.jsx(n.Chip,{selected:t,onClick:()=>{m(t?e=>e.filter((e=>e!==r)):e=>[...e,r])},children:e.jsx(a.BodySecondary,{color:t?i.COLORS.background.inverse:i.COLORS.surface.standard,children:r})},s)}))})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:8,width:"100%"},children:[e.jsx(a.TitleRegular,{color:i.COLORS.surface.standard,children:"Add detailed feedback"}),e.jsx(n.TextArea,{placeholder:"We read every response!",ref:v})]}),e.jsx("div",{style:{width:"100%"},children:e.jsx(n.Button,{onClick:function(){p(l,f,v.current?.value??"")},children:e.jsx(a.ButtonLarge,{color:i.COLORS.content.primaryInverse,children:"Submit"})})})]})};

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

@@ -0,0 +1,49 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled"),r=require("../../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=t(e);const d=a.default.div`
+	display: flex;
+	flex-direction: column;
+	gap: 24px;
+	align-items: flex-start;
+	width: 100%;
+`,p=a.default.div`
+	display: flex;
+	flex-direction: column;
+	gap: 16px;
+`,i=a.default.div`
+	border-radius: 24px;
+	border: 1px solid
+		${e=>e.selected?r.COLORS.surface.standard:r.COLORS.stroke.primary};
+	display: flex;
+	padding: 10px 12px;
+	align-items: flex-start;
+	gap: 10px;
+	cursor: pointer;
+	background: ${e=>e.selected?r.COLORS.surface.standard:"transparent"};
+`,o=a.default.div`
+	display: flex;
+	flex-direction: row;
+	gap: 8px;
+	flex-wrap: wrap;
+`,s=a.default.textarea`
+	border-radius: 8px;
+	border: 1px solid ${r.COLORS.stroke.primary};
+	height: 120px;
+	width: 100%;
+	background: transparent;
+	color: white;
+	padding: 4px 8px;
+
+	&::placeholder {
+		color: white;
+	}
+`,l=a.default.div`
+	display: flex;
+	width: 100%;
+	height: 48px;
+	padding: 0px 12px;
+	justify-content: center;
+	align-items: center;
+	gap: 8px;
+	border-radius: 4px;
+	background: ${r.COLORS.background.brand};
+	cursor: pointer;
+`;exports.Button=l,exports.Chip=i,exports.Container=d,exports.StarWrapper=p,exports.TextArea=s,exports.Wrapper=o;

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

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@emotion/styled"),r=require("../../star-rating/StarRating.js"),i=require("../../TypographyStyle.js"),n=require("../../../constants/Theme.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const s=a(t).default.div`
+	display: flex;
+	flex-direction: column;
+	gap: 16px;
+`;exports.ZeroState=({handleStarSelection:t,initialText:a})=>e.jsxs(s,{children:[e.jsx(i.TitleMedium,{color:n.COLORS.surface.standard,children:a??"Rate your experience with us"}),e.jsx("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center"},children:e.jsx(r.StarRating,{starSize:32,onChange:t})})]});

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

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

package/dist/cjs/components/data-source-panel/DataSourcePanel.d.ts

@@ -0,0 +1,39 @@
+import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
+import { MessageSource, AllSourceInfoDetailsCustomDataModel, CustomDataType, InfoContent, DataSourcePanelZeroState, footerButtonOptionModel, ProductSourceData } from './model.js';
+
+interface CollapsibleSectionProps {
+    title: string;
+    count: number;
+    isExpanded: boolean;
+    onToggle: () => void;
+    children: React.ReactNode;
+}
+interface DataSourcePanelProps {
+    storeId: string;
+    appType: ApplicationType;
+    messageSource: MessageSource;
+    setMessageSourcePanel: (source?: MessageSource) => void;
+    hideCloseButton?: boolean;
+    title?: string;
+    allSourceInfoDetail: AllSourceInfoDetailsCustomDataModel;
+    isSourceInfoFetched?: boolean;
+    editableSources: CustomDataType[];
+    redirect: (sourceInfo: InfoContent) => void;
+    preFillTrainingSourceCount?: {
+        [k in string]: number;
+    };
+    zeroStateButton: DataSourcePanelZeroState;
+    ChecklistType: Record<string, string>;
+    footerButtonOption?: footerButtonOptionModel;
+    fetchTrainingSourceCount: (storeId: string) => Promise<{
+        [k in string]: number;
+    }>;
+    fetchProductFAQCount: (storeId: string, productIds?: string[]) => Promise<number>;
+    productSourceData?: ProductSourceData;
+    reasonForAiGeneratedResponse?: string;
+    showAiResponseReason?: boolean;
+}
+declare const DataSourcePanel: React.FC<DataSourcePanelProps>;
+
+export { DataSourcePanel };
+export type { CollapsibleSectionProps, DataSourcePanelProps };

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("../../node_modules/@bikdotai/bik-models/growth/models/bik-store.js");var t=require("../../assets/icons/boxV2.svg.js"),s=require("../../assets/icons/chevronDownOutline.svg.js"),o=require("../../assets/icons/chevronUpOutline.svg.js"),i=require("../../assets/icons/cross.svg.js"),n=require("../../assets/icons/edit.svg.js"),r=require("../../assets/icons/filePdf.svg.js"),a=require("../../assets/icons/help.svg.js"),l=require("../../assets/icons/info.svg.js"),c=require("../../assets/icons/openai.svg.js"),d=require("../../assets/icons/plus.svg.js"),p=require("../../assets/icons/redirect.svg.js"),u=require("../../assets/icons/text_t9.svg.js"),x=require("../../assets/icons/website.svg.js"),h=require("react"),C=require("../../constants/Theme.js"),y=require("../button/Button.js"),g=require("../icon-button/IconButton.js"),m=require("../shimmer/ShimmerComponent/BikShimmer.js"),f=require("../side-modal/SideModal.js"),j=require("../tag/Tag.js"),S=require("../tooltips/Tooltip.js"),T=require("../TypographyStyle.js"),I=require("./DataSourceInfoFooter.js"),L=require("./DataSourcePanel.style.js"),O=require("./IntentConfig.js"),E=require("./Modals/DescriptionModal.js"),w=require("./model.js"),D=require("../../_virtual/bik-store.js");exports.DataSourcePanel=v=>{const{appType:N,storeId:R,messageSource:b,setMessageSourcePanel:_,hideCloseButton:A,isSourceInfoFetched:F,allSourceInfoDetail:q,ChecklistType:B,title:k,zeroStateButton:P,editableSources:M,preFillTrainingSourceCount:U,redirect:K,footerButtonOption:W,fetchTrainingSourceCount:H,fetchProductFAQCount:$,productSourceData:Q,reasonForAiGeneratedResponse:G,showAiResponseReason:Y}=v,{sources:z}=b,X=["blog","article","page","policy"],[V,J]=h.useState(!1),[Z,ee]=h.useState(!1),[te,se]=h.useState(!1),[oe,ie]=h.useState(0),[ne,re]=h.useState(),[ae,le]=h.useState(U??{}),[ce,de]=h.useState(!1),[pe,ue]=h.useState(!1),xe={};O.intentConfig.forEach((({key:t,type:s,tagText:o})=>{B[t]&&(xe[B[t]]=e.jsx(j.Tag,{theme:"light",type:s,tagText:o,cursor:"pointer"}))}));const he=z.filter((e=>"PRODUCTS"==e.type||"Products"==e.subTitle||e.productId)),Ce=z.filter((e=>"PRODUCTS"!=e.type&&"Products"!=e.subTitle&&!e.productId)),ye=h.useMemo((()=>{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=>{B[t]&&(e[B[t]]=B[t])})),["COLLABORATION","SUBSCRIPTION_ENQUIRY"].forEach((t=>{e[t]=t})),e}),[B]);h.useEffect((()=>{if(!b?.messageId)return;J(!0),ee(!0),se(!1!==b.sources?.[0]?.isTrainable||!!b.sources?.[0]?.insights);const e=b.sources.filter((e=>!!e.productId)).map((e=>e.productId)),t=Array.from(new Set(e)).filter((e=>!!e));$(R,t).then((e=>ie(e))).then((()=>{U?(le(U),setTimeout((()=>{J(!1),ee(!1)}),100)):(setTimeout((()=>J(!1)),100),H(R).then((e=>le(e))).then((()=>setTimeout((()=>{ee(!1)}),100))))}))}),[$,H,b?.messageId,b.sources,U,R]);const ge=e=>!!(e&&0===e.length||b?.isUnsatisfactoryAnswer),me=(e,t=!1)=>("custom"==e?e=w.CustomDataType.FILES:X.includes(e)?e=w.CustomDataType.FETCHED_LINKS:"url"==e?e=w.CustomDataType.WEBSITE_LINKS:"text"===e?e=w.CustomDataType.TEXTS:"faq"===e&&(e=w.CustomDataType.FAQ),t?e:e?.toLowerCase()?.replace(/_/g," ")),fe=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")):"",je=s=>"products"==s||"product"==s?e.jsx(t.default,{height:16,width:16,color:C.COLORS.content.secondary}):"files"==s?e.jsx(r.default,{height:16,width:16,color:C.COLORS.content.secondary}):"website links"==s||"fetched links"==s?e.jsx(x.default,{height:16,width:16,color:C.COLORS.content.secondary}):"faq"==s?e.jsx(a.default,{height:16,width:16,color:C.COLORS.content.secondary}):"texts"==s?e.jsx(u.default,{height:16,width:16,color:C.COLORS.content.secondary}):e.jsx(c.default,{height:16,width:16,color:C.COLORS.content.secondary}),Se=e=>{const t=e.replace(/(<([^>]+)>)/gi,""),s=document.createElement("textarea");return s.innerHTML=t,s.value};if(V||!F)return e.jsx(L.SourceInfoDetailsStyle,{children:e.jsx(m.BikShimmer,{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 Te=t=>{const{title:i,count:n,isExpanded:r,onToggle:a,children:l}=t;return e.jsxs("div",{children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 12px",cursor:"pointer"},onClick:a,children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[e.jsx(T.BodyCaption,{style:{fontWeight:"600"},children:i}),N===D.__exports.ApplicationType.MANIFEST?e.jsx("div",{style:{backgroundColor:C.COLORS.surface.subdued,color:C.COLORS.content.secondary,padding:"2px 8px",borderRadius:"12px",fontSize:"12px",fontWeight:"500"},children:n}):e.jsx(e.Fragment,{})]}),e.jsx(e.Fragment,{children:N===D.__exports.ApplicationType.BIK?e.jsx(e.Fragment,{}):r?e.jsx(s.default,{width:20,height:20,color:C.COLORS.content.primary}):e.jsx(o.default,{width:20,height:20,color:C.COLORS.content.primary})})]}),r&&l]})};return e.jsxs(e.Fragment,{children:[e.jsx(L.SourceInfoDetailsStyle,{children:e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"pop-up-header",style:{display:"flex",flexDirection:"column",paddingBottom:"12px"},children:[!!k&&e.jsx(T.TitleSmall,{children:k}),e.jsxs("div",{style:{display:"flex",flexDirection:"row",gap:"12px",alignItems:"center"},children:[e.jsx(T.BodyCaption,{color:C.COLORS.content.secondary,children:"Intent"}),xe[b.intent]??xe.GENERIC,!A&&e.jsx("div",{style:{display:"flex",marginLeft:"auto",cursor:"pointer"},onClick:()=>_(void 0),children:e.jsx(i.default,{height:20,width:20,color:C.COLORS.content.secondary})})]}),ge(z)?e.jsx("div",{style:{display:"flex",margin:"auto",justifyContent:"center",alignItems:"center",height:"calc(100vh - 300px)"},children:e.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",margin:"0px 30px",gap:"8px"},children:[e.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"12px",backgroundColor:`${C.COLORS.background.negative.light}`,borderRadius:"100px"},children:e.jsx(l.default,{width:24,height:24,color:C.COLORS.stroke.negative.vibrant})}),e.jsx("div",{style:{justifyContent:"center",alignItems:"center",marginBottom:"-4px"},children:e.jsx(T.TitleSmall,{children:"Insufficient data"})}),e.jsx(T.BodySecondary,{color:C.COLORS.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"}),P&&e.jsx("div",{style:{display:"flex",width:"100%"},children:e.jsx(y.Button,{LeadingIcon:P.leadingIcon??d.default,buttonText:P.title??"Add FAQ",buttonType:"secondary",size:"small",matchParentWidth:!0,onClick:()=>{P.onClick()}})})]})}):e.jsx(j.Tag,{LeadingIcon:l.default,version:"2.0",type:"grey",theme:"light",alignIcon:"start",contentPadding:12,tagText:b.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 ${N===D.__exports.ApplicationType.BIK?"BIK":"Manifest"}.`:"Edit the original source and save again to update the response"})]}),!ge(z)&&e.jsxs("div",{className:"info-container",children:[e.jsx(e.Fragment,{children:he.length>0&&e.jsx("div",{className:"info-product-source",children:e.jsx(Te,{title:"Product Sources",count:he.length,isExpanded:N!==D.__exports.ApplicationType.MANIFEST||ce,onToggle:()=>de(!ce),children:e.jsx("div",{className:"source",style:{padding:"0 12px",maxWidth:"100%"},children:he.map(((t,s)=>{const o=me(t.type||t.subTitle||"OpenAI"),i=me(t.type||t.subTitle||"OpenAI",!0),r=fe(o),a=M?.includes(i),l=q[t.productId??"Products"],c=t.title,d=t.productId&&Q?.[t.productId],u=d&&d.metafield.join(", ");return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",padding:"16px 0px",borderBottom:s+1<he?.length?`1px solid ${C.COLORS.stroke.primary}`:"none"},children:[e.jsxs("div",{style:{display:"flex",flexDirection:"row",gap:"12px",justifyContent:"space-between",alignItems:"center"},children:[e.jsxs("div",{style:{display:"flex",flex:1,gap:"8px",flexDirection:"row",alignItems:"center",justifyContent:"flex-start"},children:[je(o),e.jsx(S.Tooltip,{body:c,placement:"top",children:e.jsx(T.BodySecondary,{style:i==w.CustomDataType.FETCHED_LINKS||i==w.CustomDataType.WEBSITE_LINKS?{cursor:"pointer",textDecoration:"underline"}:{},color:C.COLORS.content.primary,className:"clamp-title",onClick:()=>i==w.CustomDataType.FETCHED_LINKS||i==w.CustomDataType.WEBSITE_LINKS?K(t):{},children:c})})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"4px",flex:"none"},children:[t.intent!==B.EMAIL_COLLECTION&&e.jsx(e.Fragment,{children:e.jsx(T.BodyCaption,{color:C.COLORS.content.secondary,children:r})}),(t.link||t.docId)&&e.jsx("div",{style:{cursor:"pointer",marginLeft:"0px"},children:a?e.jsx(g.IconButton,{Icon:n.default,height:16,width:16,iconColor:C.COLORS.content.secondary,onClick:()=>l?.onEditClick(l.data,l.type),disabled:!l,disabledTooltip:"This source is deleted"}):e.jsx(g.IconButton,{Icon:p.default,height:16,width:16,iconColor:C.COLORS.content.secondary,disabled:"custom"===t.type&&!l,disabledTooltip:"This source is deleted",onClick:()=>K(t)})})]})]}),d&&e.jsxs(T.BodyCaption,{children:[e.jsx("span",{className:"product-data-text1",onClick:()=>{re({title:c,description:Se(d.description),imageUrl:t.imageUrl??"",onClose:()=>re(void 0)})},children:`${d.description?.length} characters description,`}),e.jsx("span",{className:"product-data-text1",onClick:()=>d.onEditFaqClick(d.faqs),children:`${d.faqs?.length} FAQs, `}),e.jsx("span",{className:"product-data-text2",children:"and"}),e.jsx(S.Tooltip,{body:u,placement:"top",children:e.jsx("span",{className:"product-data-text1",children:`${d.metafield?.length} metafields`})})]})]},`info-${s}`)}))})})})}),e.jsx(e.Fragment,{children:Ce.length>0&&e.jsx("div",{className:"info-content-source",children:e.jsx(Te,{title:"Content Sources",count:Ce.length,isExpanded:N!==D.__exports.ApplicationType.MANIFEST||pe,onToggle:()=>ue(!pe),children:e.jsx("div",{className:"source",style:{padding:"0 12px",maxWidth:"100%"},children:Ce.map(((t,s)=>{const o=me(t.type||t.subTitle||"OpenAI"),i=me(t.type||t.subTitle||"OpenAI",!0),r=fe(o),a=M?.includes(i),l="Products"===t.subTitle?q[t.productId??"Products"]:q[t.docId??""],c=i.toLowerCase()===w.CustomDataType.FAQ?.toLowerCase()?"faq"===t.title?.toLowerCase()?t.subTitle:t.title:i.toLowerCase()===w.CustomDataType.FILES?.toLowerCase()||i.toLowerCase()===w.CustomDataType.FETCHED_LINKS?.toLowerCase()||i.toLowerCase()===w.CustomDataType.TEXTS?.toLowerCase()?t.title:i.toLowerCase()===w.CustomDataType.WEBSITE_LINKS?.toLowerCase()?t.title.split("/")[t.title.split("/").length-1].replace(/[^\w\s]/gi," ").replace(/^(.)(.*)$/,((e,t,s)=>t.toUpperCase()+s)):t.intent===B.EMAIL_COLLECTION?r:t.title,d="faq"===i.toLowerCase()?l?.content??l?.data?.answer??"":i.toLowerCase()===w.CustomDataType.FETCHED_LINKS?.toLowerCase()||i.toLowerCase()===w.CustomDataType.WEBSITE_LINKS?.toLowerCase()||i.toLowerCase()===w.CustomDataType.TEXTS?.toLowerCase()?l?.content??l?.data?.fileContentText??"":t.intent===B.EMAIL_COLLECTION?"Collect leads before replying to messages":"";return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px",padding:"16px 0px",borderBottom:s+1<Ce?.length?`1px solid ${C.COLORS.stroke.primary}`:"none"},children:[e.jsxs("div",{style:{display:"flex",flexDirection:"row",gap:"12px",justifyContent:"space-between",alignItems:"center"},children:[e.jsxs("div",{style:{display:"flex",flex:1,gap:"8px",flexDirection:"row",alignItems:"center",justifyContent:"flex-start"},children:[je(o),e.jsx(S.Tooltip,{body:c,placement:"top",children:e.jsx(T.BodySecondary,{style:i==w.CustomDataType.FETCHED_LINKS||i==w.CustomDataType.WEBSITE_LINKS?{cursor:"pointer",textDecoration:"underline"}:{},color:C.COLORS.content.primary,className:"clamp-title",onClick:()=>i==w.CustomDataType.FETCHED_LINKS||i==w.CustomDataType.WEBSITE_LINKS?K(t):{},children:c})})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"4px",flex:"none"},children:[t.intent!==B.EMAIL_COLLECTION&&e.jsx(e.Fragment,{children:e.jsx(T.BodyCaption,{color:C.COLORS.content.secondary,children:r})}),(t.link||t.docId)&&e.jsx("div",{style:{cursor:"pointer",marginLeft:"0px"},children:a?e.jsx(g.IconButton,{Icon:n.default,height:16,width:16,iconColor:C.COLORS.content.secondary,onClick:()=>l?.onEditClick(l.data,l.type),disabled:!l,disabledTooltip:"This source is deleted"}):e.jsx(g.IconButton,{Icon:p.default,height:16,width:16,iconColor:C.COLORS.content.secondary,disabled:"custom"===t.type&&!l,disabledTooltip:"This source is deleted",onClick:()=>K(t)})})]})]}),(d??"").trim()&&e.jsx("div",{style:{padding:"4px 8px",border:`1px dashed ${C.COLORS.stroke.primary}`,borderRadius:"4px",backgroundColor:C.COLORS.surface.subdued},children:e.jsx(T.BodyCaption,{color:C.COLORS.content.primary,className:"clamp-description",children:Se(d??"").trim()})})]},`info-${s}`)}))})})})})]}),te&&!ge(z)&&e.jsx("div",{className:"footer",children:e.jsx(I.default,{appType:N,storeId:R,messageSource:b,sourceIntent:b.intent??B.GENERIC,faqCount:oe,trainingSourceCount:ae,ShowTrainingDataSource:ye,ChecklistType:B,footerButtonOption:W,isFooterLoading:Z,reasonForAiGeneratedResponse:G,showAiResponseReason:Y})})]})}),ne&&e.jsx(f.SideModal,{header:"Product description",onClose:()=>re(void 0),width:"30%",children:e.jsx(E.DescriptionModal,{title:ne.title,description:ne.description,imageUrl:ne.imageUrl,onClose:ne.onClose})})]})};

package/dist/cjs/components/data-source-panel/DataSourcePanel.style.js

@@ -0,0 +1,169 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),o=require("../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e);const l=i.default.div`
+	display: flex;
+	margin: 0px 8px 0px 8px;
+	padding: 20px 0px 20px 0px;
+	flex-direction: column;
+	max-height: calc(100vh - 130px);
+	.info-container {
+		display: flex;
+		flex-direction: column;
+		border-radius: 8px;
+		gap: 12px;
+	}
+	.info-content-source {
+		border-radius: 8px;
+		display: flex;
+		flex-direction: column;
+		gap: 8px;
+		background-color: ${o.COLORS.surface.hovered};
+		.source {
+			border-radius: 12px;
+		}
+	}
+	.info-product-source {
+		border-radius: 8px;
+		display: flex;
+		flex-direction: column;
+		gap: 8px;
+		background-color: ${o.COLORS.surface.hovered};
+
+		.product-data-text1 {
+			padding: 2px;
+			text-decoration: underline;
+			color: ${o.COLORS.content.secondary};
+			cursor: pointer;
+			&:active {
+				background-color: ${o.COLORS.surface.hovered};
+			}
+		}
+		.product-data-text2 {
+			padding: 2px;
+			color: ${o.COLORS.content.secondary};
+		}
+		.source {
+			border-radius: 12px;
+		}
+	}
+	.pop-up-header {
+		padding: 6px 8px;
+		background-color: rgba(255, 255, 255, 0.1);
+		display: flex;
+		flex-direction: column;
+		gap: 24px;
+	}
+	.footer {
+		display: flex;
+		flex-direction: column;
+		margin: 24px 8px 0px 8px;
+	}
+	.clamp-title {
+		overflow: hidden;
+		text-overflow: ellipsis;
+		display: -webkit-box;
+		-webkit-line-clamp: 1;
+		-webkit-box-orient: vertical;
+		white-space: pre-line;
+	}
+	.clamp-description {
+		overflow: hidden;
+		text-overflow: ellipsis;
+		display: -webkit-box;
+		-webkit-line-clamp: 5;
+		-webkit-box-orient: vertical;
+		white-space: pre-line;
+	}
+	overflow-y: scroll;
+	&::-webkit-scrollbar-thumb {
+		background: ${o.COLORS.stroke.primary};
+		border-radius: 78px;
+	}
+	&::-webkit-scrollbar {
+		width: 8px;
+		display: block;
+	}
+`;i.default.div`
+	display: flex;
+	margin: 16px 0px 0px 0px;
+	padding: 0px 0px 16px 0px;
+	flex-direction: column;
+	border-bottom: 1px solid ${o.COLORS.stroke.primary};
+	.info-container {
+		border-radius: 8px;
+		background-color: ${o.COLORS.surface.grey};
+		max-height: calc(100vh - 380px);
+		overflow-y: scroll;
+		&::-webkit-scrollbar-thumb {
+			background: #888;
+			border-radius: 8px;
+		}
+		&::-webkit-scrollbar {
+			width: 4px;
+			display: block;
+		}
+	}
+	.pop-up-header {
+		padding: 6px 8px;
+		background-color: rgba(255, 255, 255, 0.1);
+		display: flex;
+		flex-direction: column;
+		gap: 16px;
+	}
+	.info-wrapper {
+		padding: 16px 0;
+		border-bottom: 1px solid ${o.COLORS.stroke.primary};
+		display: flex;
+		flex-direction: column;
+		row-gap: 8px;
+		.info-item {
+			display: flex;
+			justify-content: space-between;
+			align-items: start;
+			gap: 12px;
+		}
+	}
+	.info-wrapper:last-child {
+		border-bottom: none;
+	}
+	.footer {
+		display: flex;
+		flex-direction: column;
+		margin-top: 16px;
+	}
+	.clamp-text {
+		overflow: hidden;
+		text-overflow: ellipsis;
+		display: -webkit-box;
+		-webkit-line-clamp: 1;
+		-webkit-box-orient: vertical;
+		white-space: pre-line;
+	}
+`;const p=i.default.div`
+	display: flex;
+	flex-direction: column;
+	gap: 8px;
+
+	.source_info_details {
+		display: flex;
+		flex-direction: column;
+		gap: 8px;
+		padding: 12px;
+		border-radius: 12px;
+		background-color: ${o.COLORS.surface.grey};
+	}
+	.no_data_source {
+		background-color: ${o.COLORS.background.negative.light};
+	}
+	.no_data_source_title {
+		display: flex;
+		gap: 8px;
+	}
+`;i.default.div`
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 24px;
+	height: 24px;
+	background-color: ${o.COLORS.surface.subdued};
+	border-radius: 22px;
+	border: 1px solid ${o.COLORS.stroke.primary};
+`,exports.SourceInfoDetailsStyle=l,exports.SourceInfoFooterStyle=p;

package/dist/cjs/components/data-source-panel/IntentConfig.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.intentConfig=[{key:"GENERIC",type:"neutral",tagText:"Generic"},{key:"STORE_INFORMATION",type:"blue",tagText:"Store information"},{key:"SHIPPING_POLICY",type:"positive",tagText:"Shipping policy"},{key:"RETURN_AND_REFUND",type:"purple",tagText:"Returns & refund policy"},{key:"CONTACT_INFO",type:"warning",tagText:"Contact details"},{key:"STORE_LOCATION",type:"grey",tagText:"Store location"},{key:"SALES_AND_OFFERS",type:"purple",tagText:"Offers & rewards"},{key:"PRODUCT_CUSTOMISATION",type:"blue",tagText:"Product customisation"},{key:"PRODUCT_DETAILS",type:"blue",tagText:"Product details"},{key:"PAYMENT_METHODS",type:"positive",tagText:"Payment methods"},{key:"ORDER_TRACKING",type:"warning",tagText:"Order tracking"},{key:"PRODUCT_SEARCH",type:"neutral",tagText:"Product search"},{key:"PURCHASE",type:"blue",tagText:"Purchase"},{key:"CONNECT_TO_AGENT",type:"purple",tagText:"Talk to a person"},{key:"CHECKOUT_ENQUIRY",type:"purple",tagText:"Checkout enquiry"},{key:"ORDER_CANCELLATION",type:"positive",tagText:"Order cancellation"},{key:"ORDER_ENQUIRY",type:"neutral",tagText:"Order enquiry"},{key:"ORDER_MODIFICATION",type:"blue",tagText:"Order modification"},{key:"SUBSCRIPTION_ENQUIRY",type:"warning",tagText:"Subscription enquiry"},{key:"SALES_AND_OFFERS_ISSUES",type:"grey",tagText:"Offer-related enquiries"},{key:"COLLABORATION",type:"positive",tagText:"Collaboration"},{key:"QUIZ_GENERATION",type:"warning",tagText:"Start the quiz"},{key:"SIMILAR_PRODUCT",type:"blue",tagText:"Similar Product"},{key:"EMAIL_COLLECTION",type:"warning",tagText:"Email Collection"},{key:"ADD_TO_CART_SUCCESS",type:"blue",tagText:"Add to Cart Success"},{key:"ADD_TO_CART_SUCCESS_MESSAGE",type:"blue",tagText:"Add to Cart Success Message"},{key:"FEEDBACK",type:"blue",tagText:"Feedback"},{key:"PHONE_NUMBER_COLLECTION",type:"blue",tagText:"Phone no. collection"}];

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

@@ -0,0 +1,48 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),i=require("styled-components"),t=require("../../spinner/Spinner.js"),s=require("../../../assets/icons/image.svg.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=n(i);const o=d.default.div`
+	margin: 2px;
+	border: 1px solid #e0e0e0;
+	border-radius: 4px;
+	div {
+		margin: 7px;
+		color: grey;
+		opacity: 0.6;
+	}
+`,a=d.default.div`
+	display: flex;
+	flex-direction: column;
+	width: 100%;
+	border: 1px solid #e0e0e0;
+	border-radius: 16px;
+	padding: 8px;
+`,l=d.default.div`
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	margin: 4px 8px;
+	img {
+		border-radius: 8px;
+		height: 80px;
+		width: 80px;
+	}
+`,x=d.default.div`
+	overflow: scroll;
+	margin: 0px 0px 0px 8px;
+	font-size: 14px;
+`,p=d.default.div`
+	height: 1px;
+	width: auto;
+	margin: 16px;
+	background: #e0e0e0;
+`,c=d.default.div`
+	overflow: scroll;
+	margin: 0px 0px 0px 8px;
+	font-size: 14px;
+	img {
+		height: 80px;
+		width: 80px;
+	}
+	video {
+		height: auto;
+		width: 100%;
+	}
+`;exports.DescriptionModal=i=>{const{title:n,description:d,imageUrl:u}=i,[g,f]=r.useState(!1),[h,m]=r.useState(!1);return r.useEffect((()=>{(async()=>{m(!1);const e=await async function(e){return new Promise((r=>{const i=new Image;i.onload=()=>r(!0),i.onerror=()=>r(!1),i.src=e}))}(u);f(e),m(!0)})()}),[g,u]),e.jsxs(a,{children:[e.jsxs(l,{children:[h?e.jsxs(e.Fragment,{children:[!g&&e.jsx(o,{children:e.jsx("div",{children:e.jsx(s.default,{width:24})})}),g&&e.jsx("img",{src:u,className:"image",alt:"Product"})]}):e.jsx(o,{children:e.jsx(t.Spinner,{size:"large"})}),e.jsx(x,{children:n})]}),e.jsx(p,{}),e.jsx(c,{dangerouslySetInnerHTML:{__html:d}})]})};