npm - @bikdotai/bik-component-library - Versions diffs - 0.0.807 → 0.0.808-beta.0 - Mend

@bikdotai/bik-component-library 0.0.807 → 0.0.808-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1557) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DataSourcePanel.js","sources":["../../../../src/components/data-source-panel/DataSourcePanel.tsx"],"sourcesContent":["import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';\nimport BoxSearchIcon from '@src/assets/icons/box_search.svg';\nimport BoxIcon from '@src/assets/icons/boxV2.svg';\nimport DownArrowIcon from '@src/assets/icons/chevronDownOutline.svg';\nimport UpArrowIcon from '@src/assets/icons/chevronUpOutline.svg';\nimport CrossIcon from '@src/assets/icons/cross.svg';\nimport EditIcon from '@src/assets/icons/edit.svg';\nimport FilePdfIcon from '@src/assets/icons/filePdf.svg';\nimport HelpIcon from '@src/assets/icons/help.svg';\nimport InfoIcon from '@src/assets/icons/info.svg';\nimport OpenAiIcon from '@src/assets/icons/openai.svg';\nimport PlusIcon from '@src/assets/icons/plus.svg';\nimport RedirectIcon from '@src/assets/icons/redirect.svg';\nimport TextT9Icon from '@src/assets/icons/text_t9.svg';\nimport WebsiteIcon from '@src/assets/icons/website.svg';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { Button } from '../button';\nimport { IconButton } from '../icon-button';\nimport { BikShimmer } from '../shimmer';\nimport { SideModal } from '../side-modal';\nimport { Tag } from '../tag';\nimport { TagType } from '../tag/model';\nimport { Tooltip } from '../tooltips';\nimport { BodyCaption, BodySecondary, TitleSmall } from '../TypographyStyle';\nimport SourceInfoFooter from './DataSourceInfoFooter';\nimport { SourceInfoDetailsStyle } from './DataSourcePanel.style';\nimport { intentConfig } from './IntentConfig';\nimport {\n\tDescriptionModal,\n\tDescriptionModalProps,\n} from './Modals/DescriptionModal';\nimport {\n\tAllSourceInfoDetailsCustomDataModel,\n\tCustomDataType,\n\tDataSourcePanelZeroState,\n\tfooterButtonOptionModel,\n\tInfoContent,\n\tMessageSource,\n\tProductSourceData,\n} from './model';\n\nexport interface ProductSearchRuleDB {\n\trule_id?: string;\n\trule_name: string;\n\tkeywords: string[];\n}\n\nexport interface CollapsibleSectionProps {\n\ttitle: string;\n\tcount: number;\n\tisExpanded: boolean;\n\tonToggle: () => void;\n\tchildren: React.ReactNode;\n}\n\nexport interface DataSourcePanelProps {\n\tchildren?: React.ReactNode;\n\tstoreId: string;\n\tappType: ApplicationType;\n\t// sources\n\tmessageSource: MessageSource;\n\tsetMessageSourcePanel: (source?: MessageSource) => void;\n\thideCloseButton?: boolean;\n\ttitle?: string;\n\n\t// source details\n\tallSourceInfoDetail: AllSourceInfoDetailsCustomDataModel;\n\tisSourceInfoFetched?: boolean;\n\teditableSources: CustomDataType[];\n\tredirect: (sourceInfo: InfoContent) => void;\n\tpreFillTrainingSourceCount?: { [k in string]: number };\n\n\t// zero state\n\tzeroStateButton: DataSourcePanelZeroState;\n\n\t// ui\n\tChecklistType: Record<string, string>;\n\n\t// footer ui\n\tfooterButtonOption?: footerButtonOptionModel;\n\n\t// API to fetch data\n\tfetchTrainingSourceCount: (\n\t\tstoreId: string,\n\t) => Promise<{ [k in string]: number }>;\n\tfetchProductFAQCount: (\n\t\tstoreId: string,\n\t\tproductIds?: string[],\n\t) => Promise<number>;\n\n\t// product data\n\tproductSourceData?: ProductSourceData;\n\treasonForAiGeneratedResponse?: string;\n\tshowAiResponseReason?: boolean;\n\taiResponseLoading?: boolean;\n\n\t// product search rule\n\tproductSearchRule?: ProductSearchRuleDB;\n\tonEditProductSearchRule?: (ruleId: string) => void;\n}\n\nexport const DataSourcePanel: React.FC<DataSourcePanelProps> = (\n\tprops: DataSourcePanelProps,\n) => {\n\t// all sources and detail of all sources\n\tconst {\n\t\tappType,\n\t\tstoreId,\n\t\tmessageSource,\n\t\tsetMessageSourcePanel,\n\t\thideCloseButton,\n\t\tisSourceInfoFetched,\n\t\tallSourceInfoDetail,\n\t\tChecklistType,\n\t\ttitle,\n\t\tzeroStateButton,\n\t\teditableSources,\n\t\tpreFillTrainingSourceCount,\n\t\tredirect,\n\t\tfooterButtonOption,\n\t\tfetchTrainingSourceCount,\n\t\tfetchProductFAQCount,\n\t\tproductSourceData,\n\t\treasonForAiGeneratedResponse,\n\t\tshowAiResponseReason,\n\t\taiResponseLoading,\n\t\tproductSearchRule,\n\t\tonEditProductSearchRule,\n\t} = props;\n\tconst { sources } = messageSource;\n\tconst LINK_TYPES = ['blog', 'article', 'page', 'policy'];\n\tconst [isLoading, setIsLoading] = useState<boolean>(false);\n\tconst [isFooterLoading, setIsFooterLoading] = useState<boolean>(false);\n\tconst [showInfoFooter, setShowInfoFooter] = useState<boolean>(false);\n\tconst [faqCount, setFaqCount] = useState<number>(0);\n\tconst [openDescriptionModal, setOpenDescriptionModal] =\n\t\tuseState<DescriptionModalProps>();\n\t// const [openFAQModal, setOpenFAQModal] = useState<CustomDataFaqModel[]>();\n\tconst [trainingSourceCount, setTrainingSourceCount] = useState<{\n\t\t[k in string]: number;\n\t}>(preFillTrainingSourceCount ?? {});\n\tconst [productSourcesExpanded, setProductSourcesExpanded] = useState(false);\n\tconst [contentSourcesExpanded, setContentSourcesExpanded] = useState(false);\n\t/// UI component\n\tconst IntentComponentMap: Record<string, JSX.Element> = {};\n\tintentConfig.forEach(({ key, type, tagText }) => {\n\t\tif (ChecklistType[key]) {\n\t\t\tIntentComponentMap[ChecklistType[key]] = (\n\t\t\t\t<Tag\n\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\ttype={type as TagType}\n\t\t\t\t\ttagText={tagText}\n\t\t\t\t\tcursor=\"pointer\"\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t});\n\n\tconst productSource = sources.filter(\n\t\t(source) =>\n\t\t\tsource.type == 'PRODUCTS' \|\|\n\t\t\tsource.subTitle == 'Products' \|\|\n\t\t\tsource.productId,\n\t);\n\n\tconst contentSource = sources.filter(\n\t\t(source) =>\n\t\t\tsource.type != 'PRODUCTS' &&\n\t\t\tsource.subTitle != 'Products' &&\n\t\t\t!source.productId,\n\t);\n\n\t/// UI component (Intent list to show Footer)\n\tconst ShowTrainingDataSource = useMemo(() => {\n\t\tconst keysToCheck = [\n\t\t\t'STORE_INFORMATION',\n\t\t\t'CONTACT_INFO',\n\t\t\t'STORE_LOCATION',\n\t\t\t'SHIPPING_POLICY',\n\t\t\t'RETURN_AND_REFUND',\n\t\t\t'SALES_AND_OFFERS',\n\t\t\t'SALES_AND_OFFERS_ISSUES',\n\t\t\t'PRODUCT_CUSTOMISATION',\n\t\t\t'PAYMENT_METHODS',\n\t\t\t'CHECKOUT_ENQUIRY',\n\t\t\t'ORDER_ENQUIRY',\n\t\t];\n\t\tconst staticKeys = ['COLLABORATION', 'SUBSCRIPTION_ENQUIRY'];\n\t\tconst result: Record<string, string> = {};\n\t\tkeysToCheck.forEach((key) => {\n\t\t\tif (ChecklistType[key]) {\n\t\t\t\tresult[ChecklistType[key]] = ChecklistType[key];\n\t\t\t}\n\t\t});\n\t\tstaticKeys.forEach((key) => {\n\t\t\tresult[key] = key;\n\t\t});\n\t\treturn result;\n\t}, [ChecklistType]);\n\n\t/// Hooks\n\tuseEffect(() => {\n\t\tif (!messageSource?.messageId) {\n\t\t\treturn;\n\t\t}\n\t\tsetIsLoading(true);\n\t\tsetIsFooterLoading(true);\n\t\tsetShowInfoFooter(\n\t\t\tmessageSource.sources?.[0]?.isTrainable !== false \|\|\n\t\t\t\t!!messageSource.sources?.[0]?.insights,\n\t\t);\n\n\t\t// fetch product FAQ count and training source count\n\t\tconst productIds = messageSource.sources\n\t\t\t.filter((source) => !!source.productId)\n\t\t\t.map((source) => source.productId);\n\t\tconst uniqueProductIds = Array.from(new Set(productIds)).filter(\n\t\t\t(id): id is string => !!id,\n\t\t);\n\t\tfetchProductFAQCount(storeId, uniqueProductIds)\n\t\t\t.then((count) => setFaqCount(count))\n\t\t\t.then(() => {\n\t\t\t\tif (!preFillTrainingSourceCount) {\n\t\t\t\t\tsetTimeout(() => setIsLoading(false), 100);\n\t\t\t\t\tfetchTrainingSourceCount(storeId)\n\t\t\t\t\t\t.then((sourceCount) => setTrainingSourceCount(sourceCount))\n\t\t\t\t\t\t.then(() =>\n\t\t\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\t\t\tsetIsFooterLoading(false);\n\t\t\t\t\t\t\t}, 100),\n\t\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tsetTrainingSourceCount(preFillTrainingSourceCount);\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tsetIsLoading(false);\n\t\t\t\t\t\tsetIsFooterLoading(false);\n\t\t\t\t\t}, 100);\n\t\t\t\t}\n\t\t\t});\n\t}, [\n\t\tfetchProductFAQCount,\n\t\tfetchTrainingSourceCount,\n\t\tmessageSource?.messageId,\n\t\tmessageSource.sources,\n\t\tpreFillTrainingSourceCount,\n\t\tstoreId,\n\t]);\n\n\t/// functions\n\tconst isNullState = (sources: InfoContent[]) => {\n\t\tif (\n\t\t\t(sources && sources.length === 0) \|\|\n\t\t\tmessageSource?.isUnsatisfactoryAnswer\n\t\t) {\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t};\n\n\tconst getSourceType = (type: string, dontConvert = false) => {\n\t\tif (type == 'custom') {\n\t\t\ttype = CustomDataType.FILES;\n\t\t} else if (LINK_TYPES.includes(type)) {\n\t\t\ttype = CustomDataType.FETCHED_LINKS;\n\t\t} else if (type == 'url') {\n\t\t\ttype = CustomDataType.WEBSITE_LINKS;\n\t\t} else if (type === 'text') {\n\t\t\ttype = CustomDataType.TEXTS;\n\t\t} else if (type === 'faq') {\n\t\t\ttype = CustomDataType.FAQ;\n\t\t}\n\t\treturn dontConvert ? type : type?.toLowerCase()?.replace(/_/g, ' ');\n\t};\n\n\tconst formatType = (input: string): string => {\n\t\tif (!input) return '';\n\t\tif (input.toLocaleLowerCase() == 'faq') return 'FAQ';\n\t\tif (input.toLocaleLowerCase() == 'openai') return 'OPENAI';\n\t\tif (input.toLocaleLowerCase() == 'files') return 'PDF';\n\t\tif (input.toLocaleLowerCase() == 'texts') return 'Custom text';\n\t\tinput = input.charAt(0).toUpperCase() + input.slice(1).toLowerCase();\n\t\tinput = input.replace('_', ' ');\n\t\tif (input.endsWith('s')) {\n\t\t\tinput = input.slice(0, -1);\n\t\t}\n\t\treturn input.replace('Website', 'Manual');\n\t};\n\n\tconst getIcon = useCallback((type: string) => {\n\t\tif (type == 'products' \|\| type == 'product') {\n\t\t\treturn (\n\t\t\t\t<BoxIcon height={16} width={16} color={COLORS.content.secondary} />\n\t\t\t);\n\t\t} else if (type == 'files') {\n\t\t\treturn (\n\t\t\t\t<FilePdfIcon height={16} width={16} color={COLORS.content.secondary} />\n\t\t\t);\n\t\t} else if (type == 'website links') {\n\t\t\treturn (\n\t\t\t\t<WebsiteIcon height={16} width={16} color={COLORS.content.secondary} />\n\t\t\t);\n\t\t} else if (type == 'fetched links') {\n\t\t\treturn (\n\t\t\t\t<WebsiteIcon height={16} width={16} color={COLORS.content.secondary} />\n\t\t\t);\n\t\t} else if (type == 'faq') {\n\t\t\treturn (\n\t\t\t\t<HelpIcon height={16} width={16} color={COLORS.content.secondary} />\n\t\t\t);\n\t\t} else if (type == 'texts') {\n\t\t\treturn (\n\t\t\t\t<TextT9Icon height={16} width={16} color={COLORS.content.secondary} />\n\t\t\t);\n\t\t} else {\n\t\t\treturn (\n\t\t\t\t<OpenAiIcon height={16} width={16} color={COLORS.content.secondary} />\n\t\t\t);\n\t\t}\n\t}, []);\n\n\tconst removeHtmlTags = (text: string): string => {\n\t\tconst withoutTags = text.replace(/(<([^>]+)>)/gi, '');\n\t\tconst textarea = document.createElement('textarea');\n\t\ttextarea.innerHTML = withoutTags;\n\t\treturn textarea.value;\n\t};\n\n\t// null or zero state in case of unsatisfactory message\n\tconst getInsufficientStateComponent = () => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\tmargin: '0px 30px',\n\t\t\t\t\tgap: '8px',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{/* icon /}\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\tpadding: '12px',\n\t\t\t\t\t\tbackgroundColor: `${COLORS.background.negative.light}`,\n\t\t\t\t\t\tborderRadius: '100px',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<InfoIcon\n\t\t\t\t\t\twidth={24}\n\t\t\t\t\t\theight={24}\n\t\t\t\t\t\tcolor={COLORS.stroke.negative.vibrant}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t{/ title /}\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tmarginBottom: '-4px',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<TitleSmall>Insufficient data</TitleSmall>\n\t\t\t\t</div>\n\t\t\t\t{/ description /}\n\n\t\t\t\t<BodySecondary\n\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\tNo data available to answer this query. Add an FAQ to address it in\n\t\t\t\t\tthe future\n\t\t\t\t</BodySecondary>\n\t\t\t\t{/ button /}\n\t\t\t\t{zeroStateButton && (\n\t\t\t\t\t<div style={{ display: 'flex', width: '100%' }}>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tLeadingIcon={zeroStateButton.leadingIcon ?? PlusIcon}\n\t\t\t\t\t\t\tbuttonText={zeroStateButton.title ?? 'Add FAQ'}\n\t\t\t\t\t\t\tbuttonType=\"secondary\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tmatchParentWidth={true}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tzeroStateButton.onClick();\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t};\n\n\t// shimmer state\n\tif (isLoading \|\| !isSourceInfoFetched) {\n\t\treturn (\n\t\t\t<SourceInfoDetailsStyle>\n\t\t\t\t<BikShimmer\n\t\t\t\t\tboxes={[\n\t\t\t\t\t\t{ width: '100px', height: '16px' },\n\t\t\t\t\t\t{ width: '0', height: '4px' },\n\t\t\t\t\t\t{ width: '100%', height: '32px' },\n\t\t\t\t\t\t{ width: '100%', height: '32px' },\n\t\t\t\t\t\t{ width: '100%', height: '32px' },\n\t\t\t\t\t\t{ width: '100%', height: '32px' },\n\t\t\t\t\t\t{ width: '0', height: '4px' },\n\t\t\t\t\t\t{ width: '100%', height: '16px' },\n\t\t\t\t\t]}\n\t\t\t\t/>\n\t\t\t</SourceInfoDetailsStyle>\n\t\t);\n\t}\n\n\tconst CollapsibleSection: React.FC<CollapsibleSectionProps> = (\n\t\tprops: CollapsibleSectionProps,\n\t) => {\n\t\tconst { title, count, isExpanded, onToggle, children } = props;\n\t\treturn (\n\t\t\t<div>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\tpadding: '8px 12px',\n\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t}}\n\t\t\t\t\tonClick={onToggle}\n\t\t\t\t>\n\t\t\t\t\t<div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\n\t\t\t\t\t\t<BodySecondary>{title}</BodySecondary>\n\t\t\t\t\t\t{appType === ApplicationType.MANIFEST ? (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tbackgroundColor: COLORS.surface.subdued,\n\t\t\t\t\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\t\t\t\t\tpadding: '2px 8px',\n\t\t\t\t\t\t\t\t\tborderRadius: '12px',\n\t\t\t\t\t\t\t\t\tfontSize: '12px',\n\t\t\t\t\t\t\t\t\tfontWeight: '500',\n\t\t\t\t\t\t\t\t\tborder: `1px solid ${COLORS.stroke.primary}`,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{count}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<>\n\t\t\t\t\t\t{appType === ApplicationType.BIK ? (\n\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t) : isExpanded ? (\n\t\t\t\t\t\t\t<UpArrowIcon\n\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<DownArrowIcon\n\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t</div>\n\t\t\t\t{isExpanded && children}\n\t\t\t</div>\n\t\t);\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<SourceInfoDetailsStyle>\n\t\t\t\t<>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={'pop-up-header'}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\t\tpaddingBottom: '12px',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{!!title && <TitleSmall>{title}</TitleSmall>}\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\tgap: '12px',\n\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>Intent</BodyCaption>\n\t\t\t\t\t\t\t{IntentComponentMap[messageSource.intent] ??\n\t\t\t\t\t\t\t\tIntentComponentMap['GENERIC']}\n\t\t\t\t\t\t\t{!hideCloseButton && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\tmarginLeft: 'auto',\n\t\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonClick={() => setMessageSourcePanel(undefined)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<CrossIcon\n\t\t\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{/ Product Search Rule Section /}\n\t\t\t\t\t\t{productSearchRule && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\t\tgap: '12px',\n\t\t\t\t\t\t\t\t\tmarginTop: '6px',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<BodySecondary color={COLORS.content.primary}>\n\t\t\t\t\t\t\t\t\t\t{productSearchRule.rule_name}\n\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t\t{onEditProductSearchRule && productSearchRule.rule_id && (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\tgap: '6px',\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<BoxSearchIcon\n\t\t\t\t\t\t\t\t\t\t\t\twidth={14}\n\t\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t\t\t\t\t\tEdit search rule\n\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\tIcon={EditIcon}\n\t\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\t\t\tbordered={true}\n\t\t\t\t\t\t\t\t\t\t\t\ticonColor={COLORS.content.primary}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tonEditProductSearchRule(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tproductSearchRule?.rule_id as string,\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{productSearchRule.keywords &&\n\t\t\t\t\t\t\t\t\tproductSearchRule.keywords.length > 0 && (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\tflexWrap: 'wrap',\n\t\t\t\t\t\t\t\t\t\t\t\tgap: '6px',\n\t\t\t\t\t\t\t\t\t\t\t\tpadding: '8px',\n\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: COLORS.surface.subdued,\n\t\t\t\t\t\t\t\t\t\t\t\tborderRadius: '8px',\n\t\t\t\t\t\t\t\t\t\t\t\tborder: `1px dashed ${COLORS.stroke.primary}`,\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{productSearchRule.keywords.map((keyword, index) => (\n\t\t\t\t\t\t\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={`keyword-${index}`}\n\t\t\t\t\t\t\t\t\t\t\t\t\ttagText={keyword}\n\t\t\t\t\t\t\t\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{!isNullState(sources) ? (\n\t\t\t\t\t\t\t!productSearchRule && (\n\t\t\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\t\t\tLeadingIcon={InfoIcon}\n\t\t\t\t\t\t\t\t\tversion=\"2.0\"\n\t\t\t\t\t\t\t\t\ttype=\"grey\"\n\t\t\t\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\t\t\t\talignIcon=\"start\"\n\t\t\t\t\t\t\t\t\tcontentPadding={12}\n\t\t\t\t\t\t\t\t\ttagText={\n\t\t\t\t\t\t\t\t\t\tmessageSource.isEditable\n\t\t\t\t\t\t\t\t\t\t\t? `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\t\t\t\t\t\t\t\t\t\t\t\t\tappType === ApplicationType.BIK ? 'BIK' : 'Manifest'\n\t\t\t\t\t\t\t\t\t\t\t }.`\n\t\t\t\t\t\t\t\t\t\t\t: `Edit the original source and save again to update the response`\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\tmargin: 'auto',\n\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\theight: 'calc(100vh - 300px)',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{getInsufficientStateComponent()}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{showInfoFooter && !isNullState(sources) && (\n\t\t\t\t\t\t<div className={'footer'}>\n\t\t\t\t\t\t\t<SourceInfoFooter\n\t\t\t\t\t\t\t\tappType={appType}\n\t\t\t\t\t\t\t\tstoreId={storeId}\n\t\t\t\t\t\t\t\tmessageSource={messageSource}\n\t\t\t\t\t\t\t\tsourceIntent={messageSource.intent ?? ChecklistType['GENERIC']}\n\t\t\t\t\t\t\t\tfaqCount={faqCount}\n\t\t\t\t\t\t\t\ttrainingSourceCount={trainingSourceCount}\n\t\t\t\t\t\t\t\tShowTrainingDataSource={ShowTrainingDataSource}\n\t\t\t\t\t\t\t\tChecklistType={ChecklistType}\n\t\t\t\t\t\t\t\tfooterButtonOption={footerButtonOption}\n\t\t\t\t\t\t\t\tisFooterLoading={isFooterLoading}\n\t\t\t\t\t\t\t\treasonForAiGeneratedResponse={reasonForAiGeneratedResponse}\n\t\t\t\t\t\t\t\tshowAiResponseReason={showAiResponseReason}\n\t\t\t\t\t\t\t\taiResponseLoading={aiResponseLoading}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{!isNullState(sources) && (\n\t\t\t\t\t\t<div className={'info-container'}>\n\t\t\t\t\t\t\t{/ Product Sources with Collapsible /}\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{productSource.length > 0 && (\n\t\t\t\t\t\t\t\t\t<div className={'info-product-source'}>\n\t\t\t\t\t\t\t\t\t\t<CollapsibleSection\n\t\t\t\t\t\t\t\t\t\t\ttitle=\"Product Sources\"\n\t\t\t\t\t\t\t\t\t\t\tcount={productSource.length}\n\t\t\t\t\t\t\t\t\t\t\tisExpanded={\n\t\t\t\t\t\t\t\t\t\t\t\tappType === ApplicationType.MANIFEST\n\t\t\t\t\t\t\t\t\t\t\t\t\t? productSourcesExpanded\n\t\t\t\t\t\t\t\t\t\t\t\t\t: true\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tonToggle={() =>\n\t\t\t\t\t\t\t\t\t\t\t\tsetProductSourcesExpanded(!productSourcesExpanded)\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={'source'}\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ padding: '0 12px', maxWidth: '100%' }}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{productSource.map((source, index) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t// formatting data source type\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst dataSourceType = getSourceType(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsource.type \|\| source.subTitle \|\| 'OpenAI',\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t// data source type\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst dataSourceTypeNotConverted = getSourceType(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsource.type \|\| source.subTitle \|\| 'OpenAI',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue,\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst formattedType = formatType(dataSourceType);\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst isEditable = editableSources?.includes(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdataSourceTypeNotConverted as CustomDataType,\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst sourceInfoDetail =\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tallSourceInfoDetail[source.productId ?? 'Products'];\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t// title\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst title = source.title;\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst productData =\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsource.productId &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tproductSourceData?.[source.productId];\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t// metafield tooltip\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst metafieldTooltipData =\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tproductData && productData.metafield.join(', ');\n\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey={`info-${index}`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tgap: '8px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpadding: '16px 0px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborderBottom:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tindex + 1 < productSource?.length\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? `1px solid ${COLORS.stroke.primary}`\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'none',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/ header /}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tgap: '12px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tgap: '8px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'flex-start',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{getIcon(dataSourceType)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Tooltip body={title} placement=\"top\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdataSourceTypeNotConverted ==\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tCustomDataType.FETCHED_LINKS \|\|\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdataSourceTypeNotConverted ==\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tCustomDataType.WEBSITE_LINKS\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttextDecoration: 'underline',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={'clamp-title'}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdataSourceTypeNotConverted ==\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tCustomDataType.FETCHED_LINKS \|\|\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdataSourceTypeNotConverted ==\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tCustomDataType.WEBSITE_LINKS\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? redirect(source)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'flex-end',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tgap: '4px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tflex: 'none',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{source.intent !==\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tChecklistType['EMAIL_COLLECTION'] && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/ {getIcon(dataSourceType)} /}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{formattedType}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{(source.link \|\| source.docId) && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmarginLeft: '0px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{isEditable ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tIcon={EditIcon}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t// bordered={true}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ticonColor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsourceInfoDetail?.onEditClick(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsourceInfoDetail.data,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsourceInfoDetail.type,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!sourceInfoDetail}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabledTooltip={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'This source is deleted'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tIcon={RedirectIcon}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t// bordered={true}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ticonColor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsource.type === 'custom' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t!sourceInfoDetail\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabledTooltip={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'This source is deleted'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => redirect(source)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/ metafields and FAQs /}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{productData && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<BodyCaption>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"product-data-text1\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetOpenDescriptionModal({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttitle: title,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdescription: removeHtmlTags(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tproductData.description,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\timageUrl: source.imageUrl ?? '',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClose: () =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetOpenDescriptionModal(undefined),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{`${productData.description?.length} characters description,`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"product-data-text1\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tproductData.onEditFaqClick(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tproductData.faqs,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{`${productData.faqs?.length} FAQs, `}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"product-data-text2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tand\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbody={metafieldTooltipData}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tplacement=\"top\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"product-data-text1\">{`${productData.metafield?.length} metafields`}</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</CollapsibleSection>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{contentSource.length > 0 && (\n\t\t\t\t\t\t\t\t\t<div className={'info-content-source'}>\n\t\t\t\t\t\t\t\t\t\t<CollapsibleSection\n\t\t\t\t\t\t\t\t\t\t\ttitle=\"Content Sources\"\n\t\t\t\t\t\t\t\t\t\t\tcount={contentSource.length}\n\t\t\t\t\t\t\t\t\t\t\tisExpanded={\n\t\t\t\t\t\t\t\t\t\t\t\tappType === ApplicationType.MANIFEST\n\t\t\t\t\t\t\t\t\t\t\t\t\t? contentSourcesExpanded\n\t\t\t\t\t\t\t\t\t\t\t\t\t: true\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tonToggle={() =>\n\t\t\t\t\t\t\t\t\t\t\t\tsetContentSourcesExpanded(!contentSourcesExpanded)\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={'source'}\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ padding: '0 12px', maxWidth: '100%' }}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{contentSource.map((source, index) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t// formatting data source type\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst dataSourceType = getSourceType(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsource.type \|\| source.subTitle \|\| 'OpenAI',\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t// data source type\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst dataSourceTypeNotConverted = getSourceType(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsource.type \|\| source.subTitle \|\| 'OpenAI',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue,\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst formattedType = formatType(dataSourceType);\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst isEditable = editableSources?.includes(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdataSourceTypeNotConverted as CustomDataType,\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst sourceInfoDetail =\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsource.subTitle === 'Products'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? allSourceInfoDetail[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsource.productId ?? 'Products'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t ]\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: allSourceInfoDetail[source.docId ?? ''];\n\t\t\t\t\t\t\t\t\t\t\t\t\t// title\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst title =\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdataSourceTypeNotConverted.toLowerCase() ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tCustomDataType.FAQ?.toLowerCase()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? source.title?.toLowerCase() === 'faq'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? source.subTitle\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: source.title\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: dataSourceTypeNotConverted.toLowerCase() ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tCustomDataType.FILES?.toLowerCase() \|\|\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t dataSourceTypeNotConverted.toLowerCase() ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tCustomDataType.FETCHED_LINKS?.toLowerCase() \|\|\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t dataSourceTypeNotConverted.toLowerCase() ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tCustomDataType.TEXTS?.toLowerCase()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? source.title\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: dataSourceTypeNotConverted.toLowerCase() ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t CustomDataType.WEBSITE_LINKS?.toLowerCase()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? source.title\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.split('/')\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[source.title.split('/').length - 1].replace(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/[^\\w\\s]/gi,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t' ',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.replace(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/^(.)(.)$/,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(_, first, rest) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfirst.toUpperCase() + rest,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: source.intent ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t ChecklistType['EMAIL_COLLECTION']\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? formattedType\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: source.title;\n\t\t\t\t\t\t\t\t\t\t\t\t\t// description\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst description =\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdataSourceTypeNotConverted.toLowerCase() === 'faq'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? sourceInfoDetail?.content ??\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t sourceInfoDetail?.data?.['answer'] ??\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t ''\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: dataSourceTypeNotConverted.toLowerCase() ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tCustomDataType.FETCHED_LINKS?.toLowerCase() \|\|\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t dataSourceTypeNotConverted.toLowerCase() ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tCustomDataType.WEBSITE_LINKS?.toLowerCase() \|\|\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t dataSourceTypeNotConverted.toLowerCase() ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tCustomDataType.TEXTS?.toLowerCase()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? sourceInfoDetail?.content ??\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t sourceInfoDetail?.data?.['fileContentText'] ??\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t ''\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: source.intent ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t ChecklistType['EMAIL_COLLECTION']\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'Collect leads before replying to messages'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: '';\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey={`info-${index}`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tgap: '8px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpadding: '16px 0px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborderBottom:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tindex + 1 < contentSource?.length\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? `1px solid ${COLORS.stroke.primary}`\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'none',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/* header /}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tgap: '12px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tgap: '8px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'flex-start',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{getIcon(dataSourceType)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Tooltip body={title} placement=\"top\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdataSourceTypeNotConverted ==\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tCustomDataType.FETCHED_LINKS \|\|\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdataSourceTypeNotConverted ==\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tCustomDataType.WEBSITE_LINKS\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttextDecoration: 'underline',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={'clamp-title'}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdataSourceTypeNotConverted ==\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tCustomDataType.FETCHED_LINKS \|\|\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdataSourceTypeNotConverted ==\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tCustomDataType.WEBSITE_LINKS\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? redirect(source)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'flex-end',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tgap: '4px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tflex: 'none',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{source.intent !==\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tChecklistType['EMAIL_COLLECTION'] && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/ {getIcon(dataSourceType)} /}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{formattedType}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{(source.link \|\| source.docId) && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmarginLeft: '0px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{isEditable ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tIcon={EditIcon}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t// bordered={true}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ticonColor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsourceInfoDetail?.onEditClick(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsourceInfoDetail.data,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsourceInfoDetail.type,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!sourceInfoDetail}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabledTooltip={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'This source is deleted'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tIcon={RedirectIcon}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t// bordered={true}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ticonColor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsource.type === 'custom' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t!sourceInfoDetail\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabledTooltip={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'This source is deleted'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => redirect(source)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{(description ?? '').trim() && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpadding: '4px 8px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborder: `1px dashed ${COLORS.stroke.primary}`,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborderRadius: '4px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: COLORS.surface.subdued,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"clamp-description\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{removeHtmlTags(description ?? '').trim()}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</CollapsibleSection>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{props?.children}\n\t\t\t\t</>\n\t\t\t</SourceInfoDetailsStyle>\n\n\t\t\t{/ description modal */}\n\t\t\t{openDescriptionModal && (\n\t\t\t\t<SideModal\n\t\t\t\t\theader={'Product description'}\n\t\t\t\t\tonClose={() => setOpenDescriptionModal(undefined)}\n\t\t\t\t\twidth=\"30%\"\n\t\t\t\t>\n\t\t\t\t\t<DescriptionModal\n\t\t\t\t\t\ttitle={openDescriptionModal.title}\n\t\t\t\t\t\tdescription={openDescriptionModal.description}\n\t\t\t\t\t\timageUrl={openDescriptionModal.imageUrl}\n\t\t\t\t\t\tonClose={openDescriptionModal.onClose}\n\t\t\t\t\t/>\n\t\t\t\t</SideModal>\n\t\t\t)}\n\t\t</>\n\t);\n};\n"],"names":["DataSourcePanel","props","appType","storeId","messageSource","setMessageSourcePanel","hideCloseButton","isSourceInfoFetched","allSourceInfoDetail","ChecklistType","title","zeroStateButton","editableSources","preFillTrainingSourceCount","redirect","footerButtonOption","fetchTrainingSourceCount","fetchProductFAQCount","productSourceData","reasonForAiGeneratedResponse","showAiResponseReason","aiResponseLoading","productSearchRule","onEditProductSearchRule","sources","LINK_TYPES","isLoading","setIsLoading","useState","isFooterLoading","setIsFooterLoading","showInfoFooter","setShowInfoFooter","faqCount","setFaqCount","openDescriptionModal","setOpenDescriptionModal","trainingSourceCount","setTrainingSourceCount","productSourcesExpanded","setProductSourcesExpanded","contentSourcesExpanded","setContentSourcesExpanded","IntentComponentMap","intentConfig","forEach","_ref","key","type","tagText","_jsx","Tag","theme","cursor","productSource","filter","source","subTitle","productId","contentSource","ShowTrainingDataSource","useMemo","result","useEffect","messageId","_b","_a","isTrainable","_d","_c","insights","productIds","map","uniqueProductIds","Array","from","Set","id","then","count","setTimeout","sourceCount","isNullState","length","isUnsatisfactoryAnswer","getSourceType","dontConvert","arguments","undefined","CustomDataType","FILES","includes","FETCHED_LINKS","WEBSITE_LINKS","TEXTS","FAQ","toLowerCase","replace","formatType","input","toLocaleLowerCase","charAt","toUpperCase","slice","endsWith","getIcon","useCallback","BoxIcon","FilePdfIcon","WebsiteIcon","HelpIcon","TextT9Icon","OpenAiIcon","height","width","color","COLORS","content","secondary","removeHtmlTags","text","withoutTags","textarea","document","createElement","innerHTML","value","SourceInfoDetailsStyle","children","BikShimmer","boxes","CollapsibleSection","isExpanded","onToggle","_jsxs","Object","assign","style","display","alignItems","justifyContent","padding","onClick","gap","BodySecondary","ApplicationType","MANIFEST","backgroundColor","surface","subdued","borderRadius","fontSize","fontWeight","border","stroke","primary","_Fragment","BIK","UpArrowIcon","DownArrowIcon","className","flexDirection","paddingBottom","TitleSmall","BodyCaption","intent","marginLeft","CrossIcon","marginTop","rule_name","rule_id","BoxSearchIcon","IconButton","Icon","EditIcon","bordered","iconColor","keywords","flexWrap","keyword","index","margin","getInsufficientStateComponent","background","negative","light","InfoIcon","vibrant","marginBottom","textAlign","Button","LeadingIcon","leadingIcon","PlusIcon","buttonText","buttonType","size","matchParentWidth","version","alignIcon","contentPadding","isEditable","SourceInfoFooter","sourceIntent","maxWidth","dataSourceType","dataSourceTypeNotConverted","formattedType","sourceInfoDetail","productData","metafieldTooltipData","metafield","join","borderBottom","flex","Tooltip","body","placement","textDecoration","link","docId","onEditClick","data","disabled","disabledTooltip","RedirectIcon","description","imageUrl","onClose","onEditFaqClick","faqs","_e","_f","_g","_h","split","_","first","rest","_j","_k","_l","_m","_o","_p","_q","_r","_s","trim","SideModal","header","DescriptionModal"],"mappings":"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"}
1	+ {"version":3,"file":"DataSourcePanel.js","sources":["../../../../src/components/data-source-panel/DataSourcePanel.tsx"],"sourcesContent":["import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';\nimport BoxSearchIcon from '@src/assets/icons/box_search.svg';\nimport BoxIcon from '@src/assets/icons/boxV2.svg';\nimport DownArrowIcon from '@src/assets/icons/chevronDownOutline.svg';\nimport UpArrowIcon from '@src/assets/icons/chevronUpOutline.svg';\nimport CrossIcon from '@src/assets/icons/cross.svg';\nimport EditIcon from '@src/assets/icons/edit.svg';\nimport FilePdfIcon from '@src/assets/icons/filePdf.svg';\nimport HelpIcon from '@src/assets/icons/help.svg';\nimport InfoIcon from '@src/assets/icons/info.svg';\nimport OpenAiIcon from '@src/assets/icons/openai.svg';\nimport PlusIcon from '@src/assets/icons/plus.svg';\nimport RedirectIcon from '@src/assets/icons/redirect.svg';\nimport TextT9Icon from '@src/assets/icons/text_t9.svg';\nimport WebsiteIcon from '@src/assets/icons/website.svg';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { Button } from '../button';\nimport { IconButton } from '../icon-button';\nimport { BikShimmer } from '../shimmer';\nimport { SideModal } from '../side-modal';\nimport { Tag } from '../tag';\nimport { TagType } from '../tag/model';\nimport { Tooltip } from '../tooltips';\nimport { BodyCaption, BodySecondary, TitleSmall } from '../TypographyStyle';\nimport SourceInfoFooter from './DataSourceInfoFooter';\nimport { SourceInfoDetailsStyle } from './DataSourcePanel.style';\nimport { intentConfig } from './IntentConfig';\nimport {\n\tDescriptionModal,\n\tDescriptionModalProps,\n} from './Modals/DescriptionModal';\nimport {\n\tAllSourceInfoDetailsCustomDataModel,\n\tCustomDataType,\n\tDataSourcePanelZeroState,\n\tfooterButtonOptionModel,\n\tInfoContent,\n\tMessageSource,\n\tProductSourceData,\n} from './model';\n\nexport interface ProductSearchRuleDB {\n\trule_id?: string;\n\trule_name: string;\n\tkeywords: string[];\n}\n\nexport interface CollapsibleSectionProps {\n\ttitle: string;\n\tcount: number;\n\tisExpanded: boolean;\n\tonToggle: () => void;\n\tchildren: React.ReactNode;\n}\n\nexport interface DataSourcePanelProps {\n\tchildren?: React.ReactNode;\n\tstoreId: string;\n\tappType: ApplicationType;\n\t// sources\n\tmessageSource: MessageSource;\n\tsetMessageSourcePanel: (source?: MessageSource) => void;\n\thideCloseButton?: boolean;\n\ttitle?: string;\n\n\t// source details\n\tallSourceInfoDetail: AllSourceInfoDetailsCustomDataModel;\n\tisSourceInfoFetched?: boolean;\n\teditableSources: CustomDataType[];\n\tredirect: (sourceInfo: InfoContent) => void;\n\tpreFillTrainingSourceCount?: { [k in string]: number };\n\n\t// zero state\n\tzeroStateButton: DataSourcePanelZeroState;\n\n\t// ui\n\tChecklistType: Record<string, string>;\n\n\t// footer ui\n\tfooterButtonOption?: footerButtonOptionModel;\n\n\t// API to fetch data\n\tfetchTrainingSourceCount: (\n\t\tstoreId: string,\n\t) => Promise<{ [k in string]: number }>;\n\tfetchProductFAQCount: (\n\t\tstoreId: string,\n\t\tproductIds?: string[],\n\t) => Promise<number>;\n\n\t// product data\n\tproductSourceData?: ProductSourceData;\n\treasonForAiGeneratedResponse?: string;\n\tshowAiResponseReason?: boolean;\n\taiResponseLoading?: boolean;\n\n\t// product search rule\n\tproductSearchRule?: ProductSearchRuleDB;\n\tonEditProductSearchRule?: (ruleId: string) => void;\n}\n\nexport const DataSourcePanel: React.FC<DataSourcePanelProps> = (\n\tprops: DataSourcePanelProps,\n) => {\n\t// all sources and detail of all sources\n\tconst {\n\t\tappType,\n\t\tstoreId,\n\t\tmessageSource,\n\t\tsetMessageSourcePanel,\n\t\thideCloseButton,\n\t\tisSourceInfoFetched,\n\t\tallSourceInfoDetail,\n\t\tChecklistType,\n\t\ttitle,\n\t\tzeroStateButton,\n\t\teditableSources,\n\t\tpreFillTrainingSourceCount,\n\t\tredirect,\n\t\tfooterButtonOption,\n\t\tfetchTrainingSourceCount,\n\t\tfetchProductFAQCount,\n\t\tproductSourceData,\n\t\treasonForAiGeneratedResponse,\n\t\tshowAiResponseReason,\n\t\taiResponseLoading,\n\t\tproductSearchRule,\n\t\tonEditProductSearchRule,\n\t} = props;\n\tconst { sources } = messageSource;\n\tconst LINK_TYPES = ['blog', 'article', 'page', 'policy'];\n\tconst [isLoading, setIsLoading] = useState<boolean>(false);\n\tconst [isFooterLoading, setIsFooterLoading] = useState<boolean>(false);\n\tconst [showInfoFooter, setShowInfoFooter] = useState<boolean>(false);\n\tconst [faqCount, setFaqCount] = useState<number>(0);\n\tconst [openDescriptionModal, setOpenDescriptionModal] =\n\t\tuseState<DescriptionModalProps>();\n\t// const [openFAQModal, setOpenFAQModal] = useState<CustomDataFaqModel[]>();\n\tconst [trainingSourceCount, setTrainingSourceCount] = useState<{\n\t\t[k in string]: number;\n\t}>(preFillTrainingSourceCount ?? {});\n\tconst [productSourcesExpanded, setProductSourcesExpanded] = useState(false);\n\tconst [contentSourcesExpanded, setContentSourcesExpanded] = useState(false);\n\t/// UI component\n\tconst IntentComponentMap: Record<string, JSX.Element> = {};\n\tintentConfig.forEach(({ key, type, tagText }) => {\n\t\tif (ChecklistType[key]) {\n\t\t\tIntentComponentMap[ChecklistType[key]] = (\n\t\t\t\t<Tag\n\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\ttype={type as TagType}\n\t\t\t\t\ttagText={tagText}\n\t\t\t\t\tcursor=\"pointer\"\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t});\n\n\tconst productSource = sources.filter(\n\t\t(source) =>\n\t\t\tsource.type == 'PRODUCTS' \|\|\n\t\t\tsource.subTitle == 'Products' \|\|\n\t\t\tsource.productId,\n\t);\n\n\tconst contentSource = sources.filter(\n\t\t(source) =>\n\t\t\tsource.type != 'PRODUCTS' &&\n\t\t\tsource.subTitle != 'Products' &&\n\t\t\t!source.productId,\n\t);\n\n\t/// UI component (Intent list to show Footer)\n\tconst ShowTrainingDataSource = useMemo(() => {\n\t\tconst keysToCheck = [\n\t\t\t'STORE_INFORMATION',\n\t\t\t'CONTACT_INFO',\n\t\t\t'STORE_LOCATION',\n\t\t\t'SHIPPING_POLICY',\n\t\t\t'RETURN_AND_REFUND',\n\t\t\t'SALES_AND_OFFERS',\n\t\t\t'SALES_AND_OFFERS_ISSUES',\n\t\t\t'PRODUCT_CUSTOMISATION',\n\t\t\t'PAYMENT_METHODS',\n\t\t\t'CHECKOUT_ENQUIRY',\n\t\t\t'ORDER_ENQUIRY',\n\t\t];\n\t\tconst staticKeys = ['COLLABORATION', 'SUBSCRIPTION_ENQUIRY'];\n\t\tconst result: Record<string, string> = {};\n\t\tkeysToCheck.forEach((key) => {\n\t\t\tif (ChecklistType[key]) {\n\t\t\t\tresult[ChecklistType[key]] = ChecklistType[key];\n\t\t\t}\n\t\t});\n\t\tstaticKeys.forEach((key) => {\n\t\t\tresult[key] = key;\n\t\t});\n\t\treturn result;\n\t}, [ChecklistType]);\n\n\t/// Hooks\n\tuseEffect(() => {\n\t\tif (!messageSource?.messageId) {\n\t\t\treturn;\n\t\t}\n\t\tsetIsLoading(true);\n\t\tsetIsFooterLoading(true);\n\t\tsetShowInfoFooter(\n\t\t\tmessageSource.sources?.[0]?.isTrainable !== false \|\|\n\t\t\t\t!!messageSource.sources?.[0]?.insights,\n\t\t);\n\n\t\t// fetch product FAQ count and training source count\n\t\tconst productIds = messageSource.sources\n\t\t\t.filter((source) => !!source.productId)\n\t\t\t.map((source) => source.productId);\n\t\tconst uniqueProductIds = Array.from(new Set(productIds)).filter(\n\t\t\t(id): id is string => !!id,\n\t\t);\n\t\tfetchProductFAQCount(storeId, uniqueProductIds)\n\t\t\t.then((count) => setFaqCount(count))\n\t\t\t.then(() => {\n\t\t\t\tif (!preFillTrainingSourceCount) {\n\t\t\t\t\tsetTimeout(() => setIsLoading(false), 100);\n\t\t\t\t\tfetchTrainingSourceCount(storeId)\n\t\t\t\t\t\t.then((sourceCount) => setTrainingSourceCount(sourceCount))\n\t\t\t\t\t\t.then(() =>\n\t\t\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\t\t\tsetIsFooterLoading(false);\n\t\t\t\t\t\t\t}, 100),\n\t\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tsetTrainingSourceCount(preFillTrainingSourceCount);\n\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\tsetIsLoading(false);\n\t\t\t\t\t\tsetIsFooterLoading(false);\n\t\t\t\t\t}, 100);\n\t\t\t\t}\n\t\t\t});\n\t}, [\n\t\tfetchProductFAQCount,\n\t\tfetchTrainingSourceCount,\n\t\tmessageSource?.messageId,\n\t\tmessageSource.sources,\n\t\tpreFillTrainingSourceCount,\n\t\tstoreId,\n\t]);\n\n\t/// functions\n\tconst isNullState = (sources: InfoContent[]) => {\n\t\tif (\n\t\t\t(sources && sources.length === 0) \|\|\n\t\t\tmessageSource?.isUnsatisfactoryAnswer\n\t\t) {\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t};\n\n\tconst getSourceType = (type: string, dontConvert = false) => {\n\t\tif (type == 'custom') {\n\t\t\ttype = CustomDataType.FILES;\n\t\t} else if (LINK_TYPES.includes(type)) {\n\t\t\ttype = CustomDataType.FETCHED_LINKS;\n\t\t} else if (type == 'url') {\n\t\t\ttype = CustomDataType.WEBSITE_LINKS;\n\t\t} else if (type === 'text') {\n\t\t\ttype = CustomDataType.TEXTS;\n\t\t} else if (type === 'faq') {\n\t\t\ttype = CustomDataType.FAQ;\n\t\t}\n\t\treturn dontConvert ? type : type?.toLowerCase()?.replace(/_/g, ' ');\n\t};\n\n\tconst formatType = (input: string): string => {\n\t\tif (!input) return '';\n\t\tif (input.toLocaleLowerCase() == 'faq') return 'FAQ';\n\t\tif (input.toLocaleLowerCase() == 'openai') return 'OPENAI';\n\t\tif (input.toLocaleLowerCase() == 'files') return 'PDF';\n\t\tif (input.toLocaleLowerCase() == 'texts') return 'Custom text';\n\t\tinput = input.charAt(0).toUpperCase() + input.slice(1).toLowerCase();\n\t\tinput = input.replace('_', ' ');\n\t\tif (input.endsWith('s')) {\n\t\t\tinput = input.slice(0, -1);\n\t\t}\n\t\treturn input.replace('Website', 'Manual');\n\t};\n\n\tconst getIcon = useCallback((type: string) => {\n\t\tif (type == 'products' \|\| type == 'product') {\n\t\t\treturn (\n\t\t\t\t<BoxIcon height={16} width={16} color={COLORS.content.secondary} />\n\t\t\t);\n\t\t} else if (type == 'files') {\n\t\t\treturn (\n\t\t\t\t<FilePdfIcon height={16} width={16} color={COLORS.content.secondary} />\n\t\t\t);\n\t\t} else if (type == 'website links') {\n\t\t\treturn (\n\t\t\t\t<WebsiteIcon height={16} width={16} color={COLORS.content.secondary} />\n\t\t\t);\n\t\t} else if (type == 'fetched links') {\n\t\t\treturn (\n\t\t\t\t<WebsiteIcon height={16} width={16} color={COLORS.content.secondary} />\n\t\t\t);\n\t\t} else if (type == 'faq') {\n\t\t\treturn (\n\t\t\t\t<HelpIcon height={16} width={16} color={COLORS.content.secondary} />\n\t\t\t);\n\t\t} else if (type == 'texts') {\n\t\t\treturn (\n\t\t\t\t<TextT9Icon height={16} width={16} color={COLORS.content.secondary} />\n\t\t\t);\n\t\t} else {\n\t\t\treturn (\n\t\t\t\t<OpenAiIcon height={16} width={16} color={COLORS.content.secondary} />\n\t\t\t);\n\t\t}\n\t}, []);\n\n\tconst removeHtmlTags = (text: string): string => {\n\t\tconst withoutTags = text.replace(/(<([^>]+)>)/gi, '');\n\t\tconst textarea = document.createElement('textarea');\n\t\ttextarea.innerHTML = withoutTags;\n\t\treturn textarea.value;\n\t};\n\n\t// null or zero state in case of unsatisfactory message\n\tconst getInsufficientStateComponent = () => {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\tmargin: '0px 30px',\n\t\t\t\t\tgap: '8px',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{/* icon /}\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\tpadding: '12px',\n\t\t\t\t\t\tbackgroundColor: `${COLORS.background.negative.light}`,\n\t\t\t\t\t\tborderRadius: '100px',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<InfoIcon\n\t\t\t\t\t\twidth={24}\n\t\t\t\t\t\theight={24}\n\t\t\t\t\t\tcolor={COLORS.stroke.negative.vibrant}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t{/ title /}\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tmarginBottom: '-4px',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<TitleSmall>Insufficient data</TitleSmall>\n\t\t\t\t</div>\n\t\t\t\t{/ description /}\n\n\t\t\t\t<BodySecondary\n\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\ttextAlign: 'center',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\tNo data available to answer this query. Add an FAQ to address it in\n\t\t\t\t\tthe future\n\t\t\t\t</BodySecondary>\n\t\t\t\t{/ button /}\n\t\t\t\t{zeroStateButton && (\n\t\t\t\t\t<div style={{ display: 'flex', width: '100%' }}>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tLeadingIcon={zeroStateButton.leadingIcon ?? PlusIcon}\n\t\t\t\t\t\t\tbuttonText={zeroStateButton.title ?? 'Add FAQ'}\n\t\t\t\t\t\t\tbuttonType=\"secondary\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tmatchParentWidth={true}\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tzeroStateButton.onClick();\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t};\n\n\t// shimmer state\n\tif (isLoading \|\| !isSourceInfoFetched) {\n\t\treturn (\n\t\t\t<SourceInfoDetailsStyle>\n\t\t\t\t<BikShimmer\n\t\t\t\t\tboxes={[\n\t\t\t\t\t\t{ width: '100px', height: '16px' },\n\t\t\t\t\t\t{ width: '0', height: '4px' },\n\t\t\t\t\t\t{ width: '100%', height: '32px' },\n\t\t\t\t\t\t{ width: '100%', height: '32px' },\n\t\t\t\t\t\t{ width: '100%', height: '32px' },\n\t\t\t\t\t\t{ width: '100%', height: '32px' },\n\t\t\t\t\t\t{ width: '0', height: '4px' },\n\t\t\t\t\t\t{ width: '100%', height: '16px' },\n\t\t\t\t\t]}\n\t\t\t\t/>\n\t\t\t</SourceInfoDetailsStyle>\n\t\t);\n\t}\n\n\tconst CollapsibleSection: React.FC<CollapsibleSectionProps> = (\n\t\tprops: CollapsibleSectionProps,\n\t) => {\n\t\tconst { title, count, isExpanded, onToggle, children } = props;\n\t\treturn (\n\t\t\t<div>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\tpadding: '8px 12px',\n\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t}}\n\t\t\t\t\tonClick={onToggle}\n\t\t\t\t>\n\t\t\t\t\t<div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\n\t\t\t\t\t\t<BodySecondary>{title}</BodySecondary>\n\t\t\t\t\t\t{appType === ApplicationType.MANIFEST ? (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tbackgroundColor: COLORS.surface.subdued,\n\t\t\t\t\t\t\t\t\tcolor: COLORS.content.secondary,\n\t\t\t\t\t\t\t\t\tpadding: '2px 8px',\n\t\t\t\t\t\t\t\t\tborderRadius: '12px',\n\t\t\t\t\t\t\t\t\tfontSize: '12px',\n\t\t\t\t\t\t\t\t\tfontWeight: '500',\n\t\t\t\t\t\t\t\t\tborder: `1px solid ${COLORS.stroke.primary}`,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{count}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<>\n\t\t\t\t\t\t{appType === ApplicationType.BIK ? (\n\t\t\t\t\t\t\t<></>\n\t\t\t\t\t\t) : isExpanded ? (\n\t\t\t\t\t\t\t<UpArrowIcon\n\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<DownArrowIcon\n\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</>\n\t\t\t\t</div>\n\t\t\t\t{isExpanded && children}\n\t\t\t</div>\n\t\t);\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<SourceInfoDetailsStyle>\n\t\t\t\t<>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={'pop-up-header'}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\tpadding: 0,\n\t\t\t\t\t\t\tpaddingBottom: '12px',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{!!title && <TitleSmall>{title}</TitleSmall>}\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\tgap: '12px',\n\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>Intent</BodyCaption>\n\t\t\t\t\t\t\t{IntentComponentMap[messageSource.intent] ??\n\t\t\t\t\t\t\t\tIntentComponentMap['GENERIC']}\n\t\t\t\t\t\t\t{!hideCloseButton && (\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\tmarginLeft: 'auto',\n\t\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\tonClick={() => setMessageSourcePanel(undefined)}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<CrossIcon\n\t\t\t\t\t\t\t\t\t\theight={20}\n\t\t\t\t\t\t\t\t\t\twidth={20}\n\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{/ Product Search Rule Section /}\n\t\t\t\t\t\t{productSearchRule && (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\t\tgap: '12px',\n\t\t\t\t\t\t\t\t\tmarginTop: '6px',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<BodySecondary color={COLORS.content.primary}>\n\t\t\t\t\t\t\t\t\t\t{productSearchRule.rule_name}\n\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t\t{onEditProductSearchRule && productSearchRule.rule_id && (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\tgap: '6px',\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<BoxSearchIcon\n\t\t\t\t\t\t\t\t\t\t\t\twidth={14}\n\t\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\t\t\t\t\t\t\t\t\t\tEdit search rule\n\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\tIcon={EditIcon}\n\t\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\t\t\tbordered={true}\n\t\t\t\t\t\t\t\t\t\t\t\ticonColor={COLORS.content.primary}\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\t\t\t\tonEditProductSearchRule(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tproductSearchRule?.rule_id as string,\n\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{productSearchRule.keywords &&\n\t\t\t\t\t\t\t\t\tproductSearchRule.keywords.length > 0 && (\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\tflexWrap: 'wrap',\n\t\t\t\t\t\t\t\t\t\t\t\tgap: '6px',\n\t\t\t\t\t\t\t\t\t\t\t\tpadding: '8px',\n\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: COLORS.surface.subdued,\n\t\t\t\t\t\t\t\t\t\t\t\tborderRadius: '8px',\n\t\t\t\t\t\t\t\t\t\t\t\tborder: `1px dashed ${COLORS.stroke.primary}`,\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{productSearchRule.keywords.map((keyword, index) => (\n\t\t\t\t\t\t\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={`keyword-${index}`}\n\t\t\t\t\t\t\t\t\t\t\t\t\ttagText={keyword}\n\t\t\t\t\t\t\t\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t{!isNullState(sources) ? (\n\t\t\t\t\t\t\t!productSearchRule && (\n\t\t\t\t\t\t\t\t<Tag\n\t\t\t\t\t\t\t\t\tLeadingIcon={InfoIcon}\n\t\t\t\t\t\t\t\t\tversion=\"2.0\"\n\t\t\t\t\t\t\t\t\ttype=\"grey\"\n\t\t\t\t\t\t\t\t\ttheme=\"light\"\n\t\t\t\t\t\t\t\t\talignIcon=\"start\"\n\t\t\t\t\t\t\t\t\tcontentPadding={12}\n\t\t\t\t\t\t\t\t\ttagText={\n\t\t\t\t\t\t\t\t\t\tmessageSource.isEditable\n\t\t\t\t\t\t\t\t\t\t\t? `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\t\t\t\t\t\t\t\t\t\t\t\t\tappType === ApplicationType.BIK ? 'BIK' : 'Manifest'\n\t\t\t\t\t\t\t\t\t\t\t }.`\n\t\t\t\t\t\t\t\t\t\t\t: `Edit the original source and save again to update the response`\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\tmargin: 'auto',\n\t\t\t\t\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\theight: 'calc(100vh - 300px)',\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{getInsufficientStateComponent()}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{showInfoFooter && !isNullState(sources) && (\n\t\t\t\t\t\t<div className={'footer'}>\n\t\t\t\t\t\t\t<SourceInfoFooter\n\t\t\t\t\t\t\t\tappType={appType}\n\t\t\t\t\t\t\t\tstoreId={storeId}\n\t\t\t\t\t\t\t\tmessageSource={messageSource}\n\t\t\t\t\t\t\t\tsourceIntent={messageSource.intent ?? ChecklistType['GENERIC']}\n\t\t\t\t\t\t\t\tfaqCount={faqCount}\n\t\t\t\t\t\t\t\ttrainingSourceCount={trainingSourceCount}\n\t\t\t\t\t\t\t\tShowTrainingDataSource={ShowTrainingDataSource}\n\t\t\t\t\t\t\t\tChecklistType={ChecklistType}\n\t\t\t\t\t\t\t\tfooterButtonOption={footerButtonOption}\n\t\t\t\t\t\t\t\tisFooterLoading={isFooterLoading}\n\t\t\t\t\t\t\t\treasonForAiGeneratedResponse={reasonForAiGeneratedResponse}\n\t\t\t\t\t\t\t\tshowAiResponseReason={showAiResponseReason}\n\t\t\t\t\t\t\t\taiResponseLoading={aiResponseLoading}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{!isNullState(sources) && (\n\t\t\t\t\t\t<div className={'info-container'}>\n\t\t\t\t\t\t\t{/ Product Sources with Collapsible /}\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{productSource.length > 0 && (\n\t\t\t\t\t\t\t\t\t<div className={'info-product-source'}>\n\t\t\t\t\t\t\t\t\t\t<CollapsibleSection\n\t\t\t\t\t\t\t\t\t\t\ttitle=\"Product Sources\"\n\t\t\t\t\t\t\t\t\t\t\tcount={productSource.length}\n\t\t\t\t\t\t\t\t\t\t\tisExpanded={\n\t\t\t\t\t\t\t\t\t\t\t\tappType === ApplicationType.MANIFEST\n\t\t\t\t\t\t\t\t\t\t\t\t\t? productSourcesExpanded\n\t\t\t\t\t\t\t\t\t\t\t\t\t: true\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tonToggle={() =>\n\t\t\t\t\t\t\t\t\t\t\t\tsetProductSourcesExpanded(!productSourcesExpanded)\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={'source'}\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ padding: '0 12px', maxWidth: '100%' }}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{productSource.map((source, index) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t// formatting data source type\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst dataSourceType = getSourceType(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsource.type \|\| source.subTitle \|\| 'OpenAI',\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t// data source type\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst dataSourceTypeNotConverted = getSourceType(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsource.type \|\| source.subTitle \|\| 'OpenAI',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue,\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst formattedType = formatType(dataSourceType);\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst isEditable = editableSources?.includes(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdataSourceTypeNotConverted as CustomDataType,\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst sourceInfoDetail =\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tallSourceInfoDetail[source.productId ?? 'Products'];\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t// title\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst title = source.title;\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst productData =\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsource.productId &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tproductSourceData?.[source.productId];\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t// metafield tooltip\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst metafieldTooltipData =\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tproductData && productData.metafield.join(', ');\n\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey={`info-${index}`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tgap: '8px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpadding: '16px 0px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborderBottom:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tindex + 1 < productSource?.length\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? `1px solid ${COLORS.stroke.primary}`\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'none',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/ header /}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tgap: '12px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tgap: '8px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'flex-start',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{getIcon(dataSourceType)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Tooltip body={title} placement=\"top\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdataSourceTypeNotConverted ==\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tCustomDataType.FETCHED_LINKS \|\|\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdataSourceTypeNotConverted ==\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tCustomDataType.WEBSITE_LINKS\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttextDecoration: 'underline',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={'clamp-title'}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdataSourceTypeNotConverted ==\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tCustomDataType.FETCHED_LINKS \|\|\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdataSourceTypeNotConverted ==\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tCustomDataType.WEBSITE_LINKS\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? redirect(source)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'flex-end',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tgap: '4px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tflex: 'none',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{source.intent !==\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tChecklistType['EMAIL_COLLECTION'] && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/ {getIcon(dataSourceType)} /}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{formattedType}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{(source.link \|\| source.docId) && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmarginLeft: '0px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{isEditable ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tIcon={EditIcon}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t// bordered={true}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ticonColor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsourceInfoDetail?.onEditClick(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsourceInfoDetail.data,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsourceInfoDetail.type,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!sourceInfoDetail}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabledTooltip={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'This source is deleted'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tIcon={RedirectIcon}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t// bordered={true}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ticonColor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsource.type === 'custom' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t!sourceInfoDetail\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabledTooltip={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'This source is deleted'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => redirect(source)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/ metafields and FAQs /}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{productData && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<BodyCaption>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"product-data-text1\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetOpenDescriptionModal({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttitle: title,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdescription: removeHtmlTags(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tproductData.description,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\timageUrl: source.imageUrl ?? '',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClose: () =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetOpenDescriptionModal(undefined),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{`${productData.description?.length} characters description,`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"product-data-text1\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tproductData.onEditFaqClick(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tproductData.faqs,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{`${productData.faqs?.length} FAQs, `}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"product-data-text2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tand\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Tooltip\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbody={metafieldTooltipData}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tplacement=\"top\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"product-data-text1\">{`${productData.metafield?.length} metafields`}</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</CollapsibleSection>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{contentSource.length > 0 && (\n\t\t\t\t\t\t\t\t\t<div className={'info-content-source'}>\n\t\t\t\t\t\t\t\t\t\t<CollapsibleSection\n\t\t\t\t\t\t\t\t\t\t\ttitle=\"Content Sources\"\n\t\t\t\t\t\t\t\t\t\t\tcount={contentSource.length}\n\t\t\t\t\t\t\t\t\t\t\tisExpanded={\n\t\t\t\t\t\t\t\t\t\t\t\tappType === ApplicationType.MANIFEST\n\t\t\t\t\t\t\t\t\t\t\t\t\t? contentSourcesExpanded\n\t\t\t\t\t\t\t\t\t\t\t\t\t: true\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tonToggle={() =>\n\t\t\t\t\t\t\t\t\t\t\t\tsetContentSourcesExpanded(!contentSourcesExpanded)\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={'source'}\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ padding: '0 12px', maxWidth: '100%' }}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{contentSource.map((source, index) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t// formatting data source type\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst dataSourceType = getSourceType(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsource.type \|\| source.subTitle \|\| 'OpenAI',\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t// data source type\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst dataSourceTypeNotConverted = getSourceType(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsource.type \|\| source.subTitle \|\| 'OpenAI',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrue,\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst formattedType = formatType(dataSourceType);\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst isEditable = editableSources?.includes(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdataSourceTypeNotConverted as CustomDataType,\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst sourceInfoDetail =\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsource.subTitle === 'Products'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? allSourceInfoDetail[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsource.productId ?? 'Products'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t ]\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: allSourceInfoDetail[source.docId ?? ''];\n\t\t\t\t\t\t\t\t\t\t\t\t\t// title\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst title =\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdataSourceTypeNotConverted.toLowerCase() ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tCustomDataType.FAQ?.toLowerCase()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? source.title?.toLowerCase() === 'faq'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? source.subTitle\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: source.title\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: dataSourceTypeNotConverted.toLowerCase() ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tCustomDataType.FILES?.toLowerCase() \|\|\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t dataSourceTypeNotConverted.toLowerCase() ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tCustomDataType.FETCHED_LINKS?.toLowerCase() \|\|\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t dataSourceTypeNotConverted.toLowerCase() ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tCustomDataType.TEXTS?.toLowerCase()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? source.title\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: dataSourceTypeNotConverted.toLowerCase() ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t CustomDataType.WEBSITE_LINKS?.toLowerCase()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? source.title\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.split('/')\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t[source.title.split('/').length - 1].replace(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/[^\\w\\s]/gi,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t' ',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t.replace(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/^(.)(.)$/,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t(_, first, rest) =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tfirst.toUpperCase() + rest,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: source.intent ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t ChecklistType['EMAIL_COLLECTION']\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? formattedType\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: source.title;\n\t\t\t\t\t\t\t\t\t\t\t\t\t// description\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst description =\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tdataSourceTypeNotConverted.toLowerCase() === 'faq'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? sourceInfoDetail?.content ??\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t sourceInfoDetail?.data?.['answer'] ??\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t ''\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: dataSourceTypeNotConverted.toLowerCase() ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tCustomDataType.FETCHED_LINKS?.toLowerCase() \|\|\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t dataSourceTypeNotConverted.toLowerCase() ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tCustomDataType.WEBSITE_LINKS?.toLowerCase() \|\|\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t dataSourceTypeNotConverted.toLowerCase() ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tCustomDataType.TEXTS?.toLowerCase()\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? sourceInfoDetail?.content ??\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t sourceInfoDetail?.data?.['fileContentText'] ??\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t ''\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: source.intent ===\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t ChecklistType['EMAIL_COLLECTION']\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'Collect leads before replying to messages'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: '';\n\t\t\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey={`info-${index}`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tgap: '8px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpadding: '16px 0px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborderBottom:\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tindex + 1 < contentSource?.length\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? `1px solid ${COLORS.stroke.primary}`\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'none',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/* header /}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tgap: '12px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tgap: '8px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'flex-start',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{getIcon(dataSourceType)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Tooltip body={title} placement=\"top\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdataSourceTypeNotConverted ==\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tCustomDataType.FETCHED_LINKS \|\|\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdataSourceTypeNotConverted ==\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tCustomDataType.WEBSITE_LINKS\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttextDecoration: 'underline',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t }\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={'clamp-title'}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdataSourceTypeNotConverted ==\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tCustomDataType.FETCHED_LINKS \|\|\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdataSourceTypeNotConverted ==\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tCustomDataType.WEBSITE_LINKS\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? redirect(source)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{title}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tjustifyContent: 'flex-end',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\talignItems: 'center',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tgap: '4px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tflex: 'none',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{source.intent !==\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tChecklistType['EMAIL_COLLECTION'] && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{/ {getIcon(dataSourceType)} /}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{formattedType}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{(source.link \|\| source.docId) && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tmarginLeft: '0px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{isEditable ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tIcon={EditIcon}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t// bordered={true}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ticonColor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() =>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsourceInfoDetail?.onEditClick(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsourceInfoDetail.data,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsourceInfoDetail.type,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={!sourceInfoDetail}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabledTooltip={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'This source is deleted'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<IconButton\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tIcon={RedirectIcon}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t// bordered={true}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ticonColor={COLORS.content.secondary}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tsource.type === 'custom' &&\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t!sourceInfoDetail\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdisabledTooltip={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'This source is deleted'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => redirect(source)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{(description ?? '').trim() && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tpadding: '4px 8px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborder: `1px dashed ${COLORS.stroke.primary}`,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tborderRadius: '4px',\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: COLORS.surface.subdued,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"clamp-description\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{removeHtmlTags(description ?? '').trim()}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</CollapsibleSection>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{props?.children}\n\t\t\t\t</>\n\t\t\t</SourceInfoDetailsStyle>\n\n\t\t\t{/ description modal */}\n\t\t\t{openDescriptionModal && (\n\t\t\t\t<SideModal\n\t\t\t\t\theader={'Product description'}\n\t\t\t\t\tonClose={() => setOpenDescriptionModal(undefined)}\n\t\t\t\t\twidth=\"30%\"\n\t\t\t\t>\n\t\t\t\t\t<DescriptionModal\n\t\t\t\t\t\ttitle={openDescriptionModal.title}\n\t\t\t\t\t\tdescription={openDescriptionModal.description}\n\t\t\t\t\t\timageUrl={openDescriptionModal.imageUrl}\n\t\t\t\t\t\tonClose={openDescriptionModal.onClose}\n\t\t\t\t\t/>\n\t\t\t\t</SideModal>\n\t\t\t)}\n\t\t</>\n\t);\n};\n"],"names":["DataSourcePanel","props","appType","storeId","messageSource","setMessageSourcePanel","hideCloseButton","isSourceInfoFetched","allSourceInfoDetail","ChecklistType","title","zeroStateButton","editableSources","preFillTrainingSourceCount","redirect","footerButtonOption","fetchTrainingSourceCount","fetchProductFAQCount","productSourceData","reasonForAiGeneratedResponse","showAiResponseReason","aiResponseLoading","productSearchRule","onEditProductSearchRule","sources","LINK_TYPES","isLoading","setIsLoading","useState","isFooterLoading","setIsFooterLoading","showInfoFooter","setShowInfoFooter","faqCount","setFaqCount","openDescriptionModal","setOpenDescriptionModal","trainingSourceCount","setTrainingSourceCount","productSourcesExpanded","setProductSourcesExpanded","contentSourcesExpanded","setContentSourcesExpanded","IntentComponentMap","intentConfig","forEach","key","type","tagText","_jsx","Tag","theme","cursor","productSource","filter","source","subTitle","productId","contentSource","ShowTrainingDataSource","useMemo","result","useEffect","messageId","_b","_a","isTrainable","_d","_c","insights","productIds","map","uniqueProductIds","Array","from","Set","id","then","count","setTimeout","sourceCount","isNullState","length","isUnsatisfactoryAnswer","getSourceType","dontConvert","CustomDataType","FILES","includes","FETCHED_LINKS","WEBSITE_LINKS","TEXTS","FAQ","toLowerCase","replace","formatType","input","toLocaleLowerCase","charAt","toUpperCase","slice","endsWith","getIcon","useCallback","BoxIcon","FilePdfIcon","WebsiteIcon","HelpIcon","TextT9Icon","OpenAiIcon","height","width","color","COLORS","content","secondary","removeHtmlTags","text","withoutTags","textarea","document","createElement","innerHTML","value","SourceInfoDetailsStyle","children","BikShimmer","boxes","CollapsibleSection","isExpanded","onToggle","_jsxs","Object","assign","style","display","alignItems","justifyContent","padding","onClick","gap","BodySecondary","ApplicationType","MANIFEST","backgroundColor","surface","subdued","borderRadius","fontSize","fontWeight","border","stroke","primary","_Fragment","BIK","UpArrowIcon","DownArrowIcon","className","flexDirection","paddingBottom","TitleSmall","BodyCaption","intent","marginLeft","undefined","CrossIcon","marginTop","rule_name","rule_id","BoxSearchIcon","IconButton","Icon","EditIcon","bordered","iconColor","keywords","flexWrap","keyword","index","margin","getInsufficientStateComponent","background","negative","light","InfoIcon","vibrant","marginBottom","textAlign","Button","LeadingIcon","leadingIcon","PlusIcon","buttonText","buttonType","size","matchParentWidth","version","alignIcon","contentPadding","isEditable","SourceInfoFooter","sourceIntent","maxWidth","dataSourceType","dataSourceTypeNotConverted","formattedType","sourceInfoDetail","productData","metafieldTooltipData","metafield","join","borderBottom","flex","Tooltip","body","placement","textDecoration","link","docId","onEditClick","data","disabled","disabledTooltip","RedirectIcon","description","imageUrl","onClose","onEditFaqClick","faqs","_e","_f","_g","_h","split","_","first","rest","_j","_k","_l","_m","_o","_p","_q","_r","_s","trim","SideModal","header","DescriptionModal"],"mappings":"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"}

package/dist/esm/components/datePicker/DatePicker.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState as i,useEffect as a}from"react";import r from"react-calendar";import{Button as s}from"../button/Button.js";import{PickerContainer as l}from"./DatePicker.styled.js";import{TimePicker as o}from"./TimePicker.js";const c=c=>{const[m,u]=i(),[d,f]=i("00:00"),[g,p]=i("23:59");a((()=>{if(c.selectedDates){if(u(c.selectedDates),c.showTimePicker){if(c.selectedDates[0]){const e=c.selectedDates[0].getHours(),t=c.selectedDates[0].getMinutes();f(`${e.toString().padStart(2,"0")}:${t.toString().padStart(2,"0")}`)}if(c.selectedDates[1]){const e=c.selectedDates[1].getHours(),t=c.selectedDates[1].getMinutes();p(`${e.toString().padStart(2,"0")}:${t.toString().padStart(2,"0")}`)}}}else u([null,null]),c.showTimePicker&&(f("00:00"),p("23:59"))}),[c.selectedDates,c.showTimePicker]);const[D,h]=i(c.selectedDate),v=null===c.maxRangeLimit?null:void 0===c.maxRangeLimit?180:c.maxRangeLimit;function T(e,t){var n;if(Array.isArray(m)&&m[0]&&m[1]){if(e){const[t,n]=e.split(":").map(Number);m[0].setHours(t,n,0,0)}if(t){const[e,n]=t.split(":").map(Number);m[1].setHours(e,n,0,0)}c.showTimePicker||null===(n=c.onSelectRange)||void 0===n||n.call(c,m[0],m[1])}}return e(l,Object.assign({selectRange:c.selectRange},{children:[t(r,{onChange:e=>{c.selectRange&&c.onSelectRange?function(e){var t;if(c.showTimePicker&&d){const[t,n]=d.split(":").map(Number);e[0].setHours(t,n,0,0)}if(c.showTimePicker&&g){const[t,n]=g.split(":").map(Number);e[1].setHours(t,n,0,0)}c.showTimePicker||null===(t=c.onSelectRange)||void 0===t||t.call(c,e[0],e[1]),u([e[0],e[1]])}(e):c.onSelectDate&&function(e){var t;if(c.showTimePicker&&d){const[t,n]=d.split(":").map(Number);e.setHours(t,n,0,0)}c.showTimePicker||null===(t=c.onSelectDate)||void 0===t||t.call(c,e),h(e)}(e)},tileDisabled:e=>{let{date:t,view:n}=e;if(!Array.isArray(m))return!1;const[i,a]=m;if(i&&!a&&null!==v){const e=Math.round((t-i)/864e5);return"month"===n&&(e<-v||e>v)}return!1},onClickDay:function(e){if(!Array.isArray(m))return void u([e,null]);const[t,n]=m;u(t&&t&&!n?[t,e]:[e,null])},value:c.selectRange?m:D,selectRange:c.selectRange,minDate:c.minDate,maxDate:c.maxDate},"bik-calendar"),c.showTimePicker&&c.selectRange&&e(n,{children:[t(o,{fromTime:d,toTime:g,onFromTimeChange:function(e){f(e),T(e,g)},onToTimeChange:function(e){p(e),T(d,e)},timeInterval:c.timeInterval}),t("div",Object.assign({className:"date-picker-save-button-container",style:{display:"flex",justifyContent:"flex-end",padding:"16px"}},{children:t(s,{buttonType:"primary",size:"small",buttonText:"Save",onClick:function(){var e,t;c.selectRange&&Array.isArray(m)&&m[0]&&m[1]?null===(e=c.onSelectRange)||void 0===e||e.call(c,m[0],m[1]):!c.selectRange&&D&&(null===(t=c.onSelectDate)||void 0===t||t.call(c,D))}})}))]})]}))};export{c as DatePicker};
+import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState as i,useEffect as a}from"react";import r from"react-calendar";import{Button as s}from"../button/Button.js";import{PickerContainer as l}from"./DatePicker.styled.js";import{TimePicker as o}from"./TimePicker.js";const c=c=>{const[m,u]=i(),[d,f]=i("00:00"),[g,p]=i("23:59");a((()=>{if(c.selectedDates){if(u(c.selectedDates),c.showTimePicker){if(c.selectedDates[0]){const e=c.selectedDates[0].getHours(),t=c.selectedDates[0].getMinutes();f(`${e.toString().padStart(2,"0")}:${t.toString().padStart(2,"0")}`)}if(c.selectedDates[1]){const e=c.selectedDates[1].getHours(),t=c.selectedDates[1].getMinutes();p(`${e.toString().padStart(2,"0")}:${t.toString().padStart(2,"0")}`)}}}else u([null,null]),c.showTimePicker&&(f("00:00"),p("23:59"))}),[c.selectedDates,c.showTimePicker]);const[D,h]=i(c.selectedDate),v=null===c.maxRangeLimit?null:void 0===c.maxRangeLimit?180:c.maxRangeLimit;function T(e,t){var n;if(Array.isArray(m)&&m[0]&&m[1]){if(e){const[t,n]=e.split(":").map(Number);m[0].setHours(t,n,0,0)}if(t){const[e,n]=t.split(":").map(Number);m[1].setHours(e,n,0,0)}c.showTimePicker||null===(n=c.onSelectRange)||void 0===n||n.call(c,m[0],m[1])}}return e(l,Object.assign({selectRange:c.selectRange},{children:[t(r,{onChange:e=>{c.selectRange&&c.onSelectRange?function(e){var t;if(c.showTimePicker&&d){const[t,n]=d.split(":").map(Number);e[0].setHours(t,n,0,0)}if(c.showTimePicker&&g){const[t,n]=g.split(":").map(Number);e[1].setHours(t,n,0,0)}c.showTimePicker||null===(t=c.onSelectRange)||void 0===t||t.call(c,e[0],e[1]),u([e[0],e[1]])}(e):c.onSelectDate&&function(e){var t;if(c.showTimePicker&&d){const[t,n]=d.split(":").map(Number);e.setHours(t,n,0,0)}c.showTimePicker||null===(t=c.onSelectDate)||void 0===t||t.call(c,e),h(e)}(e)},tileDisabled:({date:e,view:t})=>{if(!Array.isArray(m))return!1;const[n,i]=m;if(n&&!i&&null!==v){const i=Math.round((e-n)/864e5);return"month"===t&&(i<-v||i>v)}return!1},onClickDay:function(e){if(!Array.isArray(m))return void u([e,null]);const[t,n]=m;u(t&&t&&!n?[t,e]:[e,null])},value:c.selectRange?m:D,selectRange:c.selectRange,minDate:c.minDate,maxDate:c.maxDate},"bik-calendar"),c.showTimePicker&&c.selectRange&&e(n,{children:[t(o,{fromTime:d,toTime:g,onFromTimeChange:function(e){f(e),T(e,g)},onToTimeChange:function(e){p(e),T(d,e)},timeInterval:c.timeInterval}),t("div",Object.assign({className:"date-picker-save-button-container",style:{display:"flex",justifyContent:"flex-end",padding:"16px"}},{children:t(s,{buttonType:"primary",size:"small",buttonText:"Save",onClick:function(){var e,t;c.selectRange&&Array.isArray(m)&&m[0]&&m[1]?null===(e=c.onSelectRange)||void 0===e||e.call(c,m[0],m[1]):!c.selectRange&&D&&(null===(t=c.onSelectDate)||void 0===t||t.call(c,D))}})}))]})]}))};export{c as DatePicker};
 //# sourceMappingURL=DatePicker.js.map

package/dist/esm/components/datePicker/DatePicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePicker.js","sources":["../../../../src/components/datePicker/DatePicker.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport Calendar from 'react-calendar';\nimport { Button } from '@src/components/button';\nimport { PickerContainer } from '@src/components/datePicker/DatePicker.styled';\nimport { TimePicker } from '@src/components/datePicker/TimePicker';\n\nexport type DatePickerProps = {\n\tselectRange: boolean;\n\tselectedDates?: Date[]; // for range selection\n\tselectedDate?: Date; // for single date selection\n\tonSelectRange?: (startDate: Date, endDate: Date) => void; // for range selection\n\tonSelectDate?: (date: Date) => void; // for single date selection\n\tminDate?: Date;\n\tmaxDate?: Date;\n\tmaxRangeLimit?: number \| null;\n\tshowTimePicker?: boolean;\n\ttimeInterval?: number; // in minutes, default 30\n};\n\nexport const DatePicker: React.FC<DatePickerProps> = (props) => {\n\tconst [selectedDates, setSelectedDates] = useState<\n\t\tArray<Date \| null> \| undefined\n\t>();\n\tconst [fromTime, setFromTime] = useState('00:00');\n\tconst [toTime, setToTime] = useState('23:59');\n\n\tuseEffect(() => {\n\t\tif (props.selectedDates) {\n\t\t\tsetSelectedDates(props.selectedDates);\n\t\t\t// Extract time from selectedDates if showTimePicker is enabled\n\t\t\tif (props.showTimePicker) {\n\t\t\t\tif (props.selectedDates[0]) {\n\t\t\t\t\tconst hours = props.selectedDates[0].getHours();\n\t\t\t\t\tconst minutes = props.selectedDates[0].getMinutes();\n\t\t\t\t\tsetFromTime(\n\t\t\t\t\t\t`${hours.toString().padStart(2, '0')}:${minutes\n\t\t\t\t\t\t\t.toString()\n\t\t\t\t\t\t\t.padStart(2, '0')}`,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tif (props.selectedDates[1]) {\n\t\t\t\t\tconst hours = props.selectedDates[1].getHours();\n\t\t\t\t\tconst minutes = props.selectedDates[1].getMinutes();\n\t\t\t\t\tsetToTime(\n\t\t\t\t\t\t`${hours.toString().padStart(2, '0')}:${minutes\n\t\t\t\t\t\t\t.toString()\n\t\t\t\t\t\t\t.padStart(2, '0')}`,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tsetSelectedDates([null, null]);\n\t\t\t// Reset time pickers to default when no dates are selected\n\t\t\tif (props.showTimePicker) {\n\t\t\t\tsetFromTime('00:00');\n\t\t\t\tsetToTime('23:59');\n\t\t\t}\n\t\t}\n\t}, [props.selectedDates, props.showTimePicker]);\n\n\tconst [selectedDate, setSelectedDate] = useState(props.selectedDate);\n\tconst maxRangeLimit =\n\t\tprops.maxRangeLimit === null\n\t\t\t? null\n\t\t\t: props.maxRangeLimit === undefined\n\t\t\t? 180\n\t\t\t: props.maxRangeLimit;\n\n\tfunction handleRangeSelection(date: Date[]) {\n\t\t// Apply time to dates if time picker is enabled\n\t\tif (props.showTimePicker && fromTime) {\n\t\t\tconst [hours, minutes] = fromTime.split(':').map(Number);\n\t\t\tdate[0].setHours(hours, minutes, 0, 0);\n\t\t}\n\n\t\tif (props.showTimePicker && toTime) {\n\t\t\tconst [hours, minutes] = toTime.split(':').map(Number);\n\t\t\tdate[1].setHours(hours, minutes, 0, 0);\n\t\t}\n\n\t\t// Only trigger callback if time picker is not shown\n\t\tif (!props.showTimePicker) {\n\t\t\tprops.onSelectRange?.(date[0], date[1]);\n\t\t}\n\t\tsetSelectedDates([date[0], date[1]]);\n\t}\n\n\tfunction handleTimeChange(newFromTime?: string, newToTime?: string) {\n\t\tif (Array.isArray(selectedDates) && selectedDates[0] && selectedDates[1]) {\n\t\t\t// Apply time to existing date objects\n\t\t\tif (newFromTime) {\n\t\t\t\tconst [hours, minutes] = newFromTime.split(':').map(Number);\n\t\t\t\tselectedDates[0].setHours(hours, minutes, 0, 0);\n\t\t\t}\n\n\t\t\tif (newToTime) {\n\t\t\t\tconst [hours, minutes] = newToTime.split(':').map(Number);\n\t\t\t\tselectedDates[1].setHours(hours, minutes, 0, 0);\n\t\t\t}\n\n\t\t\t// Only trigger callback if time picker is not shown (shouldn't happen, but for safety)\n\t\t\tif (!props.showTimePicker) {\n\t\t\t\tprops.onSelectRange?.(selectedDates[0], selectedDates[1]);\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction handleFromTimeChange(time: string) {\n\t\tsetFromTime(time);\n\t\thandleTimeChange(time, toTime);\n\t}\n\n\tfunction handleToTimeChange(time: string) {\n\t\tsetToTime(time);\n\t\thandleTimeChange(fromTime, time);\n\t}\n\n\tfunction handleSingleDateSelection(date: Date) {\n\t\t// Apply time if time picker is enabled\n\t\tif (props.showTimePicker && fromTime) {\n\t\t\tconst [hours, minutes] = fromTime.split(':').map(Number);\n\t\t\tdate.setHours(hours, minutes, 0, 0);\n\t\t}\n\n\t\t// Only trigger callback if time picker is not shown\n\t\tif (!props.showTimePicker) {\n\t\t\tprops.onSelectDate?.(date);\n\t\t}\n\t\tsetSelectedDate(date);\n\t}\n\n\tconst tileDisabled = ({ date, view }) => {\n\t\tif (!Array.isArray(selectedDates)) return false;\n\n\t\tconst [start, end] = selectedDates;\n\n\t\tif (start && !end && maxRangeLimit !== null) {\n\t\t\tconst diffInDays = Math.round(\n\t\t\t\t(date - (start as unknown as number)) / (1000 * 60 * 60 * 24),\n\t\t\t);\n\n\t\t\treturn (\n\t\t\t\tview === 'month' &&\n\t\t\t\t(diffInDays < -maxRangeLimit \|\| diffInDays > maxRangeLimit)\n\t\t\t);\n\t\t}\n\n\t\treturn false;\n\t};\n\n\tfunction onClickDay(date: Date) {\n\t\tif (!Array.isArray(selectedDates)) {\n\t\t\tsetSelectedDates([date, null]);\n\t\t\treturn;\n\t\t}\n\n\t\tconst [start, end] = selectedDates;\n\t\t// Check if the start date is not selected yet\n\t\tif (!start) {\n\t\t\tsetSelectedDates([date, null]);\n\t\t}\n\n\t\t// Check if only the start date is selected\n\t\telse if (start && !end) {\n\t\t\tsetSelectedDates([start, date]);\n\t\t} // Reset the range if both start and end dates are already selected\n\t\telse {\n\t\t\tsetSelectedDates([date, null]);\n\t\t}\n\t}\n\n\tfunction handleSaveClick() {\n\t\tif (\n\t\t\tprops.selectRange &&\n\t\t\tArray.isArray(selectedDates) &&\n\t\t\tselectedDates[0] &&\n\t\t\tselectedDates[1]\n\t\t) {\n\t\t\tprops.onSelectRange?.(selectedDates[0], selectedDates[1]);\n\t\t} else if (!props.selectRange && selectedDate) {\n\t\t\tprops.onSelectDate?.(selectedDate);\n\t\t}\n\t}\n\n\treturn (\n\t\t<PickerContainer selectRange={props.selectRange}>\n\t\t\t<Calendar\n\t\t\t\tonChange={(date) => {\n\t\t\t\t\tif (props.selectRange && props.onSelectRange) {\n\t\t\t\t\t\thandleRangeSelection(date);\n\t\t\t\t\t} else if (props.onSelectDate) {\n\t\t\t\t\t\thandleSingleDateSelection(date);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\ttileDisabled={tileDisabled}\n\t\t\t\tonClickDay={onClickDay}\n\t\t\t\tvalue={(props.selectRange ? selectedDates : selectedDate) as Date}\n\t\t\t\tselectRange={props.selectRange}\n\t\t\t\tminDate={props.minDate}\n\t\t\t\tmaxDate={props.maxDate}\n\t\t\t\tkey={'bik-calendar'}\n\t\t\t/>\n\t\t\t{props.showTimePicker && props.selectRange && (\n\t\t\t\t<>\n\t\t\t\t\t<TimePicker\n\t\t\t\t\t\tfromTime={fromTime}\n\t\t\t\t\t\ttoTime={toTime}\n\t\t\t\t\t\tonFromTimeChange={handleFromTimeChange}\n\t\t\t\t\t\tonToTimeChange={handleToTimeChange}\n\t\t\t\t\t\ttimeInterval={props.timeInterval}\n\t\t\t\t\t/>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"date-picker-save-button-container\"\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tjustifyContent: 'flex-end',\n\t\t\t\t\t\t\tpadding: '16px',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tbuttonType=\"primary\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tbuttonText=\"Save\"\n\t\t\t\t\t\t\tonClick={handleSaveClick}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</PickerContainer>\n\t);\n};\n"],"names":["DatePicker","props","selectedDates","setSelectedDates","useState","fromTime","setFromTime","toTime","setToTime","useEffect","showTimePicker","hours","getHours","minutes","getMinutes","toString","padStart","selectedDate","setSelectedDate","maxRangeLimit","undefined","handleTimeChange","newFromTime","newToTime","Array","isArray","split","map","Number","setHours","_a","onSelectRange","call","_jsxs","PickerContainer","selectRange","children","_jsx","Calendar","onChange","date","handleRangeSelection","onSelectDate","handleSingleDateSelection","tileDisabled","_ref","view","start","end","diffInDays","Math","round","onClickDay","value","minDate","maxDate","TimePicker","onFromTimeChange","time","onToTimeChange","timeInterval","Object","assign","className","style","display","justifyContent","padding","Button","buttonType","size","buttonText","onClick","_b"],"mappings":"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"}
1	+ {"version":3,"file":"DatePicker.js","sources":["../../../../src/components/datePicker/DatePicker.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport Calendar from 'react-calendar';\nimport { Button } from '@src/components/button';\nimport { PickerContainer } from '@src/components/datePicker/DatePicker.styled';\nimport { TimePicker } from '@src/components/datePicker/TimePicker';\n\nexport type DatePickerProps = {\n\tselectRange: boolean;\n\tselectedDates?: Date[]; // for range selection\n\tselectedDate?: Date; // for single date selection\n\tonSelectRange?: (startDate: Date, endDate: Date) => void; // for range selection\n\tonSelectDate?: (date: Date) => void; // for single date selection\n\tminDate?: Date;\n\tmaxDate?: Date;\n\tmaxRangeLimit?: number \| null;\n\tshowTimePicker?: boolean;\n\ttimeInterval?: number; // in minutes, default 30\n};\n\nexport const DatePicker: React.FC<DatePickerProps> = (props) => {\n\tconst [selectedDates, setSelectedDates] = useState<\n\t\tArray<Date \| null> \| undefined\n\t>();\n\tconst [fromTime, setFromTime] = useState('00:00');\n\tconst [toTime, setToTime] = useState('23:59');\n\n\tuseEffect(() => {\n\t\tif (props.selectedDates) {\n\t\t\tsetSelectedDates(props.selectedDates);\n\t\t\t// Extract time from selectedDates if showTimePicker is enabled\n\t\t\tif (props.showTimePicker) {\n\t\t\t\tif (props.selectedDates[0]) {\n\t\t\t\t\tconst hours = props.selectedDates[0].getHours();\n\t\t\t\t\tconst minutes = props.selectedDates[0].getMinutes();\n\t\t\t\t\tsetFromTime(\n\t\t\t\t\t\t`${hours.toString().padStart(2, '0')}:${minutes\n\t\t\t\t\t\t\t.toString()\n\t\t\t\t\t\t\t.padStart(2, '0')}`,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tif (props.selectedDates[1]) {\n\t\t\t\t\tconst hours = props.selectedDates[1].getHours();\n\t\t\t\t\tconst minutes = props.selectedDates[1].getMinutes();\n\t\t\t\t\tsetToTime(\n\t\t\t\t\t\t`${hours.toString().padStart(2, '0')}:${minutes\n\t\t\t\t\t\t\t.toString()\n\t\t\t\t\t\t\t.padStart(2, '0')}`,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tsetSelectedDates([null, null]);\n\t\t\t// Reset time pickers to default when no dates are selected\n\t\t\tif (props.showTimePicker) {\n\t\t\t\tsetFromTime('00:00');\n\t\t\t\tsetToTime('23:59');\n\t\t\t}\n\t\t}\n\t}, [props.selectedDates, props.showTimePicker]);\n\n\tconst [selectedDate, setSelectedDate] = useState(props.selectedDate);\n\tconst maxRangeLimit =\n\t\tprops.maxRangeLimit === null\n\t\t\t? null\n\t\t\t: props.maxRangeLimit === undefined\n\t\t\t? 180\n\t\t\t: props.maxRangeLimit;\n\n\tfunction handleRangeSelection(date: Date[]) {\n\t\t// Apply time to dates if time picker is enabled\n\t\tif (props.showTimePicker && fromTime) {\n\t\t\tconst [hours, minutes] = fromTime.split(':').map(Number);\n\t\t\tdate[0].setHours(hours, minutes, 0, 0);\n\t\t}\n\n\t\tif (props.showTimePicker && toTime) {\n\t\t\tconst [hours, minutes] = toTime.split(':').map(Number);\n\t\t\tdate[1].setHours(hours, minutes, 0, 0);\n\t\t}\n\n\t\t// Only trigger callback if time picker is not shown\n\t\tif (!props.showTimePicker) {\n\t\t\tprops.onSelectRange?.(date[0], date[1]);\n\t\t}\n\t\tsetSelectedDates([date[0], date[1]]);\n\t}\n\n\tfunction handleTimeChange(newFromTime?: string, newToTime?: string) {\n\t\tif (Array.isArray(selectedDates) && selectedDates[0] && selectedDates[1]) {\n\t\t\t// Apply time to existing date objects\n\t\t\tif (newFromTime) {\n\t\t\t\tconst [hours, minutes] = newFromTime.split(':').map(Number);\n\t\t\t\tselectedDates[0].setHours(hours, minutes, 0, 0);\n\t\t\t}\n\n\t\t\tif (newToTime) {\n\t\t\t\tconst [hours, minutes] = newToTime.split(':').map(Number);\n\t\t\t\tselectedDates[1].setHours(hours, minutes, 0, 0);\n\t\t\t}\n\n\t\t\t// Only trigger callback if time picker is not shown (shouldn't happen, but for safety)\n\t\t\tif (!props.showTimePicker) {\n\t\t\t\tprops.onSelectRange?.(selectedDates[0], selectedDates[1]);\n\t\t\t}\n\t\t}\n\t}\n\n\tfunction handleFromTimeChange(time: string) {\n\t\tsetFromTime(time);\n\t\thandleTimeChange(time, toTime);\n\t}\n\n\tfunction handleToTimeChange(time: string) {\n\t\tsetToTime(time);\n\t\thandleTimeChange(fromTime, time);\n\t}\n\n\tfunction handleSingleDateSelection(date: Date) {\n\t\t// Apply time if time picker is enabled\n\t\tif (props.showTimePicker && fromTime) {\n\t\t\tconst [hours, minutes] = fromTime.split(':').map(Number);\n\t\t\tdate.setHours(hours, minutes, 0, 0);\n\t\t}\n\n\t\t// Only trigger callback if time picker is not shown\n\t\tif (!props.showTimePicker) {\n\t\t\tprops.onSelectDate?.(date);\n\t\t}\n\t\tsetSelectedDate(date);\n\t}\n\n\tconst tileDisabled = ({ date, view }) => {\n\t\tif (!Array.isArray(selectedDates)) return false;\n\n\t\tconst [start, end] = selectedDates;\n\n\t\tif (start && !end && maxRangeLimit !== null) {\n\t\t\tconst diffInDays = Math.round(\n\t\t\t\t(date - (start as unknown as number)) / (1000 * 60 * 60 * 24),\n\t\t\t);\n\n\t\t\treturn (\n\t\t\t\tview === 'month' &&\n\t\t\t\t(diffInDays < -maxRangeLimit \|\| diffInDays > maxRangeLimit)\n\t\t\t);\n\t\t}\n\n\t\treturn false;\n\t};\n\n\tfunction onClickDay(date: Date) {\n\t\tif (!Array.isArray(selectedDates)) {\n\t\t\tsetSelectedDates([date, null]);\n\t\t\treturn;\n\t\t}\n\n\t\tconst [start, end] = selectedDates;\n\t\t// Check if the start date is not selected yet\n\t\tif (!start) {\n\t\t\tsetSelectedDates([date, null]);\n\t\t}\n\n\t\t// Check if only the start date is selected\n\t\telse if (start && !end) {\n\t\t\tsetSelectedDates([start, date]);\n\t\t} // Reset the range if both start and end dates are already selected\n\t\telse {\n\t\t\tsetSelectedDates([date, null]);\n\t\t}\n\t}\n\n\tfunction handleSaveClick() {\n\t\tif (\n\t\t\tprops.selectRange &&\n\t\t\tArray.isArray(selectedDates) &&\n\t\t\tselectedDates[0] &&\n\t\t\tselectedDates[1]\n\t\t) {\n\t\t\tprops.onSelectRange?.(selectedDates[0], selectedDates[1]);\n\t\t} else if (!props.selectRange && selectedDate) {\n\t\t\tprops.onSelectDate?.(selectedDate);\n\t\t}\n\t}\n\n\treturn (\n\t\t<PickerContainer selectRange={props.selectRange}>\n\t\t\t<Calendar\n\t\t\t\tonChange={(date) => {\n\t\t\t\t\tif (props.selectRange && props.onSelectRange) {\n\t\t\t\t\t\thandleRangeSelection(date);\n\t\t\t\t\t} else if (props.onSelectDate) {\n\t\t\t\t\t\thandleSingleDateSelection(date);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\ttileDisabled={tileDisabled}\n\t\t\t\tonClickDay={onClickDay}\n\t\t\t\tvalue={(props.selectRange ? selectedDates : selectedDate) as Date}\n\t\t\t\tselectRange={props.selectRange}\n\t\t\t\tminDate={props.minDate}\n\t\t\t\tmaxDate={props.maxDate}\n\t\t\t\tkey={'bik-calendar'}\n\t\t\t/>\n\t\t\t{props.showTimePicker && props.selectRange && (\n\t\t\t\t<>\n\t\t\t\t\t<TimePicker\n\t\t\t\t\t\tfromTime={fromTime}\n\t\t\t\t\t\ttoTime={toTime}\n\t\t\t\t\t\tonFromTimeChange={handleFromTimeChange}\n\t\t\t\t\t\tonToTimeChange={handleToTimeChange}\n\t\t\t\t\t\ttimeInterval={props.timeInterval}\n\t\t\t\t\t/>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName=\"date-picker-save-button-container\"\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\t\tjustifyContent: 'flex-end',\n\t\t\t\t\t\t\tpadding: '16px',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tbuttonType=\"primary\"\n\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\tbuttonText=\"Save\"\n\t\t\t\t\t\t\tonClick={handleSaveClick}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</PickerContainer>\n\t);\n};\n"],"names":["DatePicker","props","selectedDates","setSelectedDates","useState","fromTime","setFromTime","toTime","setToTime","useEffect","showTimePicker","hours","getHours","minutes","getMinutes","toString","padStart","selectedDate","setSelectedDate","maxRangeLimit","undefined","handleTimeChange","newFromTime","newToTime","Array","isArray","split","map","Number","setHours","_a","onSelectRange","call","_jsxs","PickerContainer","selectRange","children","_jsx","Calendar","onChange","date","handleRangeSelection","onSelectDate","handleSingleDateSelection","tileDisabled","view","start","end","diffInDays","Math","round","onClickDay","value","minDate","maxDate","TimePicker","onFromTimeChange","time","onToTimeChange","timeInterval","Object","assign","className","style","display","justifyContent","padding","Button","buttonType","size","buttonText","onClick","_b"],"mappings":"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"}

package/dist/esm/components/datePicker/DatePickerWrapper.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as t,Fragment as e,jsx as r}from"react/jsx-runtime";import{useState as o,useRef as n}from"react";import a from"react-calendar";import{useOutside as i}from"../../hooks/useOutside.js";import l from"../../utils/DateUtils.js";import{COLORS as s}from"../../constants/Theme.js";import c from"../../assets/icons/calendar.svg.js";import{BodyPrimary as d,BodySecondary as m}from"../TypographyStyle.js";import{DateBtn as u,PickerContainer as g}from"./DatePickerWrapper.styled.js";import{DateButtonType as p}from"./model.js";const D=D=>{let{val:y,onChange:v,calendarProps:b,disabled:f,pickerStyles:h,nativeID:j,maxDate:S,minDate:w,dateButtonType:L,dateButtonStyles:C}=D;const[k,A]=o(!1),O=n(null),x=n(null);i(x,(()=>{A(!1)}));const T=()=>{var t,e,r,o;return y?Array.isArray(y)?(null===(t=null==y?void 0:y[0])||void 0===t?void 0:t.toString())&&(null===(e=null==y?void 0:y[1])||void 0===e?void 0:e.toString())?`${new Date(null===(r=null==y?void 0:y[0])||void 0===r?void 0:r.toString()).toLocaleDateString()}-${new Date(null===(o=null==y?void 0:y[1])||void 0===o?void 0:o.toString()).toLocaleDateString()}`:`${l.getPastDate(new Date,30).toLocaleDateString()}-${(new Date).toLocaleDateString()}`:new Date(y.toString()).toLocaleDateString():(new Date).toLocaleDateString()};return t(e,{children:[t(u,Object.assign({id:j,ref:O,bgColor:f?s.background.base:s.surface.standard,borderColor:s.stroke.primary,onClick:()=>A(!k),dateButtonType:L||p.DEFAULT,style:C},{children:[L===p.LARGE?r(d,Object.assign({style:{color:f?s.content.inactive:s.content.primary,flex:1}},{children:T()})):r(m,Object.assign({style:{color:f?s.content.inactive:s.content.primary,flex:1}},{children:T()})),r(c,{width:L===p.LARGE?24:20,height:L===p.LARGE?24:20,color:f?s.content.inactive:s.content.primary})]})),k&&!f&&r(g,Object.assign({ref:x,style:Object.assign({},h),contentPrimary:s.content.primary,subDued:s.surface.subdued,brandColor:s.background.brand,bgColor:s.surface.standard,borderColor:s.stroke.primary},{children:r(a,Object.assign({tileClassName:["custom__tile"],className:["custom__calendar"],onChange:t=>{v(t),A(!1)},maxDate:S,minDate:w,value:y?Array.isArray(y)?2===y.length?[new Date(y[0]),new Date(y[1])]:null:new Date(y):null},b))}))]})};export{D as DatePickerWrapper};
+import{jsxs as t,Fragment as e,jsx as r}from"react/jsx-runtime";import{useState as o,useRef as n}from"react";import a from"react-calendar";import{useOutside as i}from"../../hooks/useOutside.js";import l from"../../utils/DateUtils.js";import{COLORS as s}from"../../constants/Theme.js";import c from"../../assets/icons/calendar.svg.js";import{BodyPrimary as d,BodySecondary as m}from"../TypographyStyle.js";import{DateBtn as u,PickerContainer as g}from"./DatePickerWrapper.styled.js";import{DateButtonType as p}from"./model.js";const D=({val:D,onChange:y,calendarProps:v,disabled:b,pickerStyles:f,nativeID:h,maxDate:j,minDate:S,dateButtonType:w,dateButtonStyles:L})=>{const[C,k]=o(!1),A=n(null),O=n(null);i(O,(()=>{k(!1)}));const x=()=>{var t,e,r,o;return D?Array.isArray(D)?(null===(t=null==D?void 0:D[0])||void 0===t?void 0:t.toString())&&(null===(e=null==D?void 0:D[1])||void 0===e?void 0:e.toString())?`${new Date(null===(r=null==D?void 0:D[0])||void 0===r?void 0:r.toString()).toLocaleDateString()}-${new Date(null===(o=null==D?void 0:D[1])||void 0===o?void 0:o.toString()).toLocaleDateString()}`:`${l.getPastDate(new Date,30).toLocaleDateString()}-${(new Date).toLocaleDateString()}`:new Date(D.toString()).toLocaleDateString():(new Date).toLocaleDateString()};return t(e,{children:[t(u,Object.assign({id:h,ref:A,bgColor:b?s.background.base:s.surface.standard,borderColor:s.stroke.primary,onClick:()=>k(!C),dateButtonType:w||p.DEFAULT,style:L},{children:[w===p.LARGE?r(d,Object.assign({style:{color:b?s.content.inactive:s.content.primary,flex:1}},{children:x()})):r(m,Object.assign({style:{color:b?s.content.inactive:s.content.primary,flex:1}},{children:x()})),r(c,{width:w===p.LARGE?24:20,height:w===p.LARGE?24:20,color:b?s.content.inactive:s.content.primary})]})),C&&!b&&r(g,Object.assign({ref:O,style:Object.assign({},f),contentPrimary:s.content.primary,subDued:s.surface.subdued,brandColor:s.background.brand,bgColor:s.surface.standard,borderColor:s.stroke.primary},{children:r(a,Object.assign({tileClassName:["custom__tile"],className:["custom__calendar"],onChange:t=>{y(t),k(!1)},maxDate:j,minDate:S,value:D?Array.isArray(D)?2===D.length?[new Date(D[0]),new Date(D[1])]:null:new Date(D):null},v))}))]})};export{D as DatePickerWrapper};
 //# sourceMappingURL=DatePickerWrapper.js.map

package/dist/esm/components/datePicker/DatePickerWrapper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePickerWrapper.js","sources":["../../../../src/components/datePicker/DatePickerWrapper.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport Calendar, { CalendarProps } from 'react-calendar';\nimport { CSSProperties } from 'styled-components';\nimport { useOutside } from '@src/hooks/useOutside';\nimport DateUtils from '@src/utils/DateUtils';\nimport { COLORS } from '@src/constants/Theme';\nimport CalendarIcon from '../../assets/icons/calendar.svg';\nimport { BodyPrimary, BodySecondary } from '../TypographyStyle';\nimport { DateBtn, PickerContainer } from './DatePickerWrapper.styled';\nimport { DateButtonType } from './model';\n\nexport const DatePickerWrapper: React.FC<{\n\tval?: Date \| Date[];\n\tonChange: (val: Date \| Date[]) => void;\n\tcalendarProps?: CalendarProps;\n\tpickerStyles?: CSSProperties;\n\tdateButtonStyles?: CSSProperties;\n\tnativeID?: string;\n\tdisabled?: boolean;\n\tmaxDate?: Date;\n\tminDate?: Date;\n\tdateButtonType?: DateButtonType;\n}> = ({\n\tval,\n\tonChange,\n\tcalendarProps,\n\tdisabled,\n\tpickerStyles,\n\tnativeID,\n\tmaxDate,\n\tminDate,\n\tdateButtonType,\n\tdateButtonStyles,\n}) => {\n\tconst [showPicker, setPicker] = useState(false);\n\t// const [openUpwards, setOpenUpwards] = useState(false);\n\tconst buttonRef = useRef<HTMLDivElement \| null>(null);\n\tconst pickerRef = useRef<HTMLDivElement \| null>(null);\n\n\tuseOutside(pickerRef, () => {\n\t\tsetPicker(false);\n\t});\n\n\t// useEffect(() => {\n\t// \tif (buttonRef.current && pickerRef.current) {\n\t// \t\tconst buttonRect = buttonRef.current.getBoundingClientRect();\n\t// \t\tconst pickerHeight = pickerRef.current.offsetHeight;\n\t// \t\tconst spaceBelow = window.innerHeight - buttonRect.bottom;\n\n\t// \t\t// If not enough space below, open upwards\n\t// \t\tsetOpenUpwards(spaceBelow < pickerHeight);\n\t// \t}\n\t// }, [showPicker]);\n\n\tconst getDisplayValue = () => {\n\t\treturn val\n\t\t\t? Array.isArray(val)\n\t\t\t\t? val?.[0]?.toString() && val?.[1]?.toString()\n\t\t\t\t\t? `${new Date(val?.[0]?.toString()).toLocaleDateString()}-${new Date(\n\t\t\t\t\t\t\tval?.[1]?.toString(),\n\t\t\t\t\t ).toLocaleDateString()}`\n\t\t\t\t\t: `${DateUtils.getPastDate(\n\t\t\t\t\t\t\tnew Date(),\n\t\t\t\t\t\t\t30,\n\t\t\t\t\t ).toLocaleDateString()}-${new Date().toLocaleDateString()}`\n\t\t\t\t: new Date(val.toString()).toLocaleDateString()\n\t\t\t: new Date().toLocaleDateString();\n\t};\n\treturn (\n\t\t<>\n\t\t\t<DateBtn\n\t\t\t\tid={nativeID}\n\t\t\t\tref={buttonRef}\n\t\t\t\tbgColor={disabled ? COLORS.background.base : COLORS.surface.standard}\n\t\t\t\tborderColor={COLORS.stroke.primary}\n\t\t\t\tonClick={() => setPicker(!showPicker)}\n\t\t\t\tdateButtonType={dateButtonType \|\| DateButtonType.DEFAULT}\n\t\t\t\tstyle={dateButtonStyles}\n\t\t\t>\n\t\t\t\t{dateButtonType === DateButtonType.LARGE ? (\n\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor: disabled\n\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t: COLORS.content.primary,\n\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{getDisplayValue()}\n\t\t\t\t\t</BodyPrimary>\n\t\t\t\t) : (\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor: disabled\n\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t: COLORS.content.primary,\n\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{getDisplayValue()}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t)}\n\t\t\t\t<CalendarIcon\n\t\t\t\t\twidth={dateButtonType === DateButtonType.LARGE ? 24 : 20}\n\t\t\t\t\theight={dateButtonType === DateButtonType.LARGE ? 24 : 20}\n\t\t\t\t\tcolor={disabled ? COLORS.content.inactive : COLORS.content.primary}\n\t\t\t\t/>\n\t\t\t</DateBtn>\n\t\t\t{showPicker && !disabled && (\n\t\t\t\t<PickerContainer\n\t\t\t\t\tref={\n\t\t\t\t\t\tpickerRef as\n\t\t\t\t\t\t\t\| ((instance: HTMLDivElement \| null) => void)\n\t\t\t\t\t\t\t\| React.RefObject<HTMLDivElement>\n\t\t\t\t\t\t\t\| null\n\t\t\t\t\t\t\t\| undefined\n\t\t\t\t\t}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t...pickerStyles,\n\t\t\t\t\t\t// top: openUpwards ? 'auto' : 'calc(100% + 8px)',\n\t\t\t\t\t\t// bottom: openUpwards ? 'calc(100% + 8px)' : 'auto',\n\t\t\t\t\t}}\n\t\t\t\t\tcontentPrimary={COLORS.content.primary}\n\t\t\t\t\tsubDued={COLORS.surface.subdued}\n\t\t\t\t\tbrandColor={COLORS.background.brand}\n\t\t\t\t\tbgColor={COLORS.surface.standard}\n\t\t\t\t\tborderColor={COLORS.stroke.primary}\n\t\t\t\t>\n\t\t\t\t\t<Calendar\n\t\t\t\t\t\ttileClassName={['custom__tile']}\n\t\t\t\t\t\tclassName={['custom__calendar']}\n\t\t\t\t\t\tonChange={(d) => {\n\t\t\t\t\t\t\tonChange(d);\n\t\t\t\t\t\t\tsetPicker(false);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tmaxDate={maxDate}\n\t\t\t\t\t\tminDate={minDate}\n\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\tval\n\t\t\t\t\t\t\t\t? Array.isArray(val)\n\t\t\t\t\t\t\t\t\t? val.length === 2\n\t\t\t\t\t\t\t\t\t\t? [new Date(val[0]), new Date(val[1])]\n\t\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t\t\t: new Date(val)\n\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t}\n\t\t\t\t\t\t{...calendarProps}\n\t\t\t\t\t/>\n\t\t\t\t</PickerContainer>\n\t\t\t)}\n\t\t</>\n\t);\n};\n"],"names":["DatePickerWrapper","~~_ref","~~val","onChange","calendarProps","disabled","pickerStyles","nativeID","maxDate","minDate","dateButtonType","dateButtonStyles","showPicker","setPicker","useState","buttonRef","useRef","pickerRef","useOutside","getDisplayValue","Array","isArray","_a","toString","_b","Date","_c","toLocaleDateString","DateUtils","getPastDate","_jsxs","_Fragment","children","DateBtn","Object","assign","id","ref","bgColor","COLORS","background","base","surface","standard","borderColor","stroke","primary","onClick","DateButtonType","DEFAULT","style","LARGE","_jsx","BodyPrimary","color","content","inactive","flex","BodySecondary","CalendarIcon","width","height","PickerContainer","contentPrimary","subDued","subdued","brandColor","brand","Calendar","tileClassName","className","d","value","length"],"mappings":"~~8gBAWaA~~,~~MAAAA~~,~~EAWRC~~,~~IAWA~~,~~IAXCC~~,~~IACLA~~,~~EAAGC~~,~~SACHA~~,~~EAAQC~~,~~cACRA~~,~~EAAaC~~,~~SACbA~~,~~EAAQC~~,~~aACRA~~,~~EAAYC~~,~~SACZA,EAAQC,QACRA,EAAOC,QACPA,EAAOC,eACPA,EAAcC,iBACdA,GACAV,EACA,MAAOW,~~EAAYC,GAAaC,GAAS,GAEnCC,EAAYC,EAA8B,MAC1CC,EAAYD,EAA8B,MAEhDE,EAAWD,GAAW,KACrBJ,GAAU,EAAM,IAcjB,MAAMM,EAAkBA,iBACvB,OAAOjB,EACJkB,MAAMC,QAAQnB,IACH,QAAVoB,EAAApB,aAAG,EAAHA,EAAM,UAAI,IAAAoB,OAAA,EAAAA,EAAAC,cAAsB,QAARC,EAAAtB,aAAA,EAAAA,EAAM,UAAE,IAAAsB,OAAA,EAAAA,EAAED,~~YAC9B~~,~~GAAA~~,IAAIE,aAAKC,EAAAxB,aAAA,EAAAA,EAAM,yBAAIqB,YAAYI,wBAAwB,IAAIF,eAC9DvB,aAAA,EAAAA,EAAM,yBAAIqB,YACRI,~~0BACCC~~,EAAUC,YACb,IAAIJ,KACJ,IACEE,yBAAwB,IAAIF,MAAOE,uBACtC,IAAIF,KAAKvB,EAAIqB,YAAYI,sBAC1B,IAAIF,MAAOE,oBAAoB,EAEnC,OACCG,EACCC,EAAA,CAAAC,SAAA,CAAAF,EAACG,EAAOC,OAAAC,OAAA,CACPC,GAAI7B,EACJ8B,IAAKtB,EACLuB,QAASjC,EAAWkC,EAAOC,WAAWC,KAAOF,EAAOG,QAAQC,SAC5DC,YAAaL,EAAOM,OAAOC,QAC3BC,QAASA,IAAMlC,GAAWD,GAC1BF,eAAgBA,GAAkBsC,EAAeC,QACjDC,MAAOvC,GAEN,CAAAqB,SAAA,CAAAtB,IAAmBsC,EAAeG,MAClCC,EAACC,EAAWnB,OAAAC,OAAA,CACXe,MAAO,CACNI,MAAOjD,EACJkC,EAAOgB,QAAQC,SACfjB,EAAOgB,QAAQT,QAClBW,KAAM,IACN,CAAAzB,SAEAb,OAGFiC,EAACM,EACAxB,OAAAC,OAAA,CAAAe,MAAO,CACNI,MAAOjD,EACJkC,EAAOgB,QAAQC,SACfjB,EAAOgB,QAAQT,QAClBW,KAAM,IACN,CAAAzB,SAEAb,OAGHiC,EAACO,EAAY,CACZC,MAAOlD,IAAmBsC,EAAeG,MAAQ,GAAK,GACtDU,OAAQnD,IAAmBsC,EAAeG,MAAQ,GAAK,GACvDG,MAAOjD,EAAWkC,EAAOgB,QAAQC,SAAWjB,EAAOgB,QAAQT,cAG5DlC,IAAeP,GACf+C,EAACU,EAAe5B,OAAAC,OAAA,CACfE,IACCpB,EAMDiC,MACIhB,OAAAC,OAAA,CAAA,EAAA7B,GAIJyD,eAAgBxB,EAAOgB,QAAQT,QAC/BkB,QAASzB,EAAOG,QAAQuB,QACxBC,WAAY3B,EAAOC,WAAW2B,MAC9B7B,QAASC,EAAOG,QAAQC,SACxBC,YAAaL,EAAOM,OAAOC,SAE3B,CAAAd,SAAAoB,EAACgB,EACAlC,OAAAC,OAAA,CAAAkC,cAAe,CAAC,gBAChBC,UAAW,CAAC,oBACZnE,SAAWoE,IACVpE,EAASoE,GACT1D,GAAU,EAAM,EAEjBL,QAASA,EACTC,QAASA,EACT+D,MACCtE,EACGkB,MAAMC,QAAQnB,GACE,IAAfA,EAAIuE,OACH,CAAC,IAAIhD,KAAKvB,EAAI,IAAK,IAAIuB,KAAKvB,EAAI,KAChC,KACD,IAAIuB,KAAKvB,GACV,MAEAE,SAIL"}
1	+ {"version":3,"file":"DatePickerWrapper.js","sources":["../../../../src/components/datePicker/DatePickerWrapper.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport Calendar, { CalendarProps } from 'react-calendar';\nimport { CSSProperties } from 'styled-components';\nimport { useOutside } from '@src/hooks/useOutside';\nimport DateUtils from '@src/utils/DateUtils';\nimport { COLORS } from '@src/constants/Theme';\nimport CalendarIcon from '../../assets/icons/calendar.svg';\nimport { BodyPrimary, BodySecondary } from '../TypographyStyle';\nimport { DateBtn, PickerContainer } from './DatePickerWrapper.styled';\nimport { DateButtonType } from './model';\n\nexport const DatePickerWrapper: React.FC<{\n\tval?: Date \| Date[];\n\tonChange: (val: Date \| Date[]) => void;\n\tcalendarProps?: CalendarProps;\n\tpickerStyles?: CSSProperties;\n\tdateButtonStyles?: CSSProperties;\n\tnativeID?: string;\n\tdisabled?: boolean;\n\tmaxDate?: Date;\n\tminDate?: Date;\n\tdateButtonType?: DateButtonType;\n}> = ({\n\tval,\n\tonChange,\n\tcalendarProps,\n\tdisabled,\n\tpickerStyles,\n\tnativeID,\n\tmaxDate,\n\tminDate,\n\tdateButtonType,\n\tdateButtonStyles,\n}) => {\n\tconst [showPicker, setPicker] = useState(false);\n\t// const [openUpwards, setOpenUpwards] = useState(false);\n\tconst buttonRef = useRef<HTMLDivElement \| null>(null);\n\tconst pickerRef = useRef<HTMLDivElement \| null>(null);\n\n\tuseOutside(pickerRef, () => {\n\t\tsetPicker(false);\n\t});\n\n\t// useEffect(() => {\n\t// \tif (buttonRef.current && pickerRef.current) {\n\t// \t\tconst buttonRect = buttonRef.current.getBoundingClientRect();\n\t// \t\tconst pickerHeight = pickerRef.current.offsetHeight;\n\t// \t\tconst spaceBelow = window.innerHeight - buttonRect.bottom;\n\n\t// \t\t// If not enough space below, open upwards\n\t// \t\tsetOpenUpwards(spaceBelow < pickerHeight);\n\t// \t}\n\t// }, [showPicker]);\n\n\tconst getDisplayValue = () => {\n\t\treturn val\n\t\t\t? Array.isArray(val)\n\t\t\t\t? val?.[0]?.toString() && val?.[1]?.toString()\n\t\t\t\t\t? `${new Date(val?.[0]?.toString()).toLocaleDateString()}-${new Date(\n\t\t\t\t\t\t\tval?.[1]?.toString(),\n\t\t\t\t\t ).toLocaleDateString()}`\n\t\t\t\t\t: `${DateUtils.getPastDate(\n\t\t\t\t\t\t\tnew Date(),\n\t\t\t\t\t\t\t30,\n\t\t\t\t\t ).toLocaleDateString()}-${new Date().toLocaleDateString()}`\n\t\t\t\t: new Date(val.toString()).toLocaleDateString()\n\t\t\t: new Date().toLocaleDateString();\n\t};\n\treturn (\n\t\t<>\n\t\t\t<DateBtn\n\t\t\t\tid={nativeID}\n\t\t\t\tref={buttonRef}\n\t\t\t\tbgColor={disabled ? COLORS.background.base : COLORS.surface.standard}\n\t\t\t\tborderColor={COLORS.stroke.primary}\n\t\t\t\tonClick={() => setPicker(!showPicker)}\n\t\t\t\tdateButtonType={dateButtonType \|\| DateButtonType.DEFAULT}\n\t\t\t\tstyle={dateButtonStyles}\n\t\t\t>\n\t\t\t\t{dateButtonType === DateButtonType.LARGE ? (\n\t\t\t\t\t<BodyPrimary\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor: disabled\n\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t: COLORS.content.primary,\n\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{getDisplayValue()}\n\t\t\t\t\t</BodyPrimary>\n\t\t\t\t) : (\n\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tcolor: disabled\n\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t: COLORS.content.primary,\n\t\t\t\t\t\t\tflex: 1,\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{getDisplayValue()}\n\t\t\t\t\t</BodySecondary>\n\t\t\t\t)}\n\t\t\t\t<CalendarIcon\n\t\t\t\t\twidth={dateButtonType === DateButtonType.LARGE ? 24 : 20}\n\t\t\t\t\theight={dateButtonType === DateButtonType.LARGE ? 24 : 20}\n\t\t\t\t\tcolor={disabled ? COLORS.content.inactive : COLORS.content.primary}\n\t\t\t\t/>\n\t\t\t</DateBtn>\n\t\t\t{showPicker && !disabled && (\n\t\t\t\t<PickerContainer\n\t\t\t\t\tref={\n\t\t\t\t\t\tpickerRef as\n\t\t\t\t\t\t\t\| ((instance: HTMLDivElement \| null) => void)\n\t\t\t\t\t\t\t\| React.RefObject<HTMLDivElement>\n\t\t\t\t\t\t\t\| null\n\t\t\t\t\t\t\t\| undefined\n\t\t\t\t\t}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\t...pickerStyles,\n\t\t\t\t\t\t// top: openUpwards ? 'auto' : 'calc(100% + 8px)',\n\t\t\t\t\t\t// bottom: openUpwards ? 'calc(100% + 8px)' : 'auto',\n\t\t\t\t\t}}\n\t\t\t\t\tcontentPrimary={COLORS.content.primary}\n\t\t\t\t\tsubDued={COLORS.surface.subdued}\n\t\t\t\t\tbrandColor={COLORS.background.brand}\n\t\t\t\t\tbgColor={COLORS.surface.standard}\n\t\t\t\t\tborderColor={COLORS.stroke.primary}\n\t\t\t\t>\n\t\t\t\t\t<Calendar\n\t\t\t\t\t\ttileClassName={['custom__tile']}\n\t\t\t\t\t\tclassName={['custom__calendar']}\n\t\t\t\t\t\tonChange={(d) => {\n\t\t\t\t\t\t\tonChange(d);\n\t\t\t\t\t\t\tsetPicker(false);\n\t\t\t\t\t\t}}\n\t\t\t\t\t\tmaxDate={maxDate}\n\t\t\t\t\t\tminDate={minDate}\n\t\t\t\t\t\tvalue={\n\t\t\t\t\t\t\tval\n\t\t\t\t\t\t\t\t? Array.isArray(val)\n\t\t\t\t\t\t\t\t\t? val.length === 2\n\t\t\t\t\t\t\t\t\t\t? [new Date(val[0]), new Date(val[1])]\n\t\t\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t\t\t\t: new Date(val)\n\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t}\n\t\t\t\t\t\t{...calendarProps}\n\t\t\t\t\t/>\n\t\t\t\t</PickerContainer>\n\t\t\t)}\n\t\t</>\n\t);\n};\n"],"names":["DatePickerWrapper","val","onChange","calendarProps","disabled","pickerStyles","nativeID","maxDate","minDate","dateButtonType","dateButtonStyles","showPicker","setPicker","useState","buttonRef","useRef","pickerRef","useOutside","getDisplayValue","Array","isArray","_a","toString","_b","Date","_c","toLocaleDateString","DateUtils","getPastDate","_jsxs","_Fragment","children","DateBtn","Object","assign","id","ref","bgColor","COLORS","background","base","surface","standard","borderColor","stroke","primary","onClick","DateButtonType","DEFAULT","style","LARGE","_jsx","BodyPrimary","color","content","inactive","flex","BodySecondary","CalendarIcon","width","height","PickerContainer","contentPrimary","subDued","subdued","brandColor","brand","Calendar","tileClassName","className","d","value","length"],"mappings":"8gBAWO,MAAMA,EAWRA,EACJC,MACAC,WACAC,gBACAC,WACAC,eACAC,WACAC,UACAC,UACAC,iBACAC,uBAEA,MAAOC,EAAYC,GAAaC,GAAS,GAEnCC,EAAYC,EAA8B,MAC1CC,EAAYD,EAA8B,MAEhDE,EAAWD,GAAW,KACrBJ,GAAU,EAAM,IAcjB,MAAMM,EAAkBA,iBACvB,OAAOjB,EACJkB,MAAMC,QAAQnB,IACH,QAAVoB,EAAApB,aAAG,EAAHA,EAAM,UAAI,IAAAoB,OAAA,EAAAA,EAAAC,cAAsB,QAARC,EAAAtB,aAAA,EAAAA,EAAM,UAAE,IAAAsB,OAAA,EAAAA,EAAED,YACjC,GAAG,IAAIE,aAAKC,EAAAxB,aAAA,EAAAA,EAAM,yBAAIqB,YAAYI,wBAAwB,IAAIF,eAC9DvB,aAAA,EAAAA,EAAM,yBAAIqB,YACRI,uBACF,GAAGC,EAAUC,YACb,IAAIJ,KACJ,IACEE,yBAAwB,IAAIF,MAAOE,uBACtC,IAAIF,KAAKvB,EAAIqB,YAAYI,sBAC1B,IAAIF,MAAOE,oBAAoB,EAEnC,OACCG,EACCC,EAAA,CAAAC,SAAA,CAAAF,EAACG,EAAOC,OAAAC,OAAA,CACPC,GAAI7B,EACJ8B,IAAKtB,EACLuB,QAASjC,EAAWkC,EAAOC,WAAWC,KAAOF,EAAOG,QAAQC,SAC5DC,YAAaL,EAAOM,OAAOC,QAC3BC,QAASA,IAAMlC,GAAWD,GAC1BF,eAAgBA,GAAkBsC,EAAeC,QACjDC,MAAOvC,GAEN,CAAAqB,SAAA,CAAAtB,IAAmBsC,EAAeG,MAClCC,EAACC,EAAWnB,OAAAC,OAAA,CACXe,MAAO,CACNI,MAAOjD,EACJkC,EAAOgB,QAAQC,SACfjB,EAAOgB,QAAQT,QAClBW,KAAM,IACN,CAAAzB,SAEAb,OAGFiC,EAACM,EACAxB,OAAAC,OAAA,CAAAe,MAAO,CACNI,MAAOjD,EACJkC,EAAOgB,QAAQC,SACfjB,EAAOgB,QAAQT,QAClBW,KAAM,IACN,CAAAzB,SAEAb,OAGHiC,EAACO,EAAY,CACZC,MAAOlD,IAAmBsC,EAAeG,MAAQ,GAAK,GACtDU,OAAQnD,IAAmBsC,EAAeG,MAAQ,GAAK,GACvDG,MAAOjD,EAAWkC,EAAOgB,QAAQC,SAAWjB,EAAOgB,QAAQT,cAG5DlC,IAAeP,GACf+C,EAACU,EAAe5B,OAAAC,OAAA,CACfE,IACCpB,EAMDiC,MACIhB,OAAAC,OAAA,CAAA,EAAA7B,GAIJyD,eAAgBxB,EAAOgB,QAAQT,QAC/BkB,QAASzB,EAAOG,QAAQuB,QACxBC,WAAY3B,EAAOC,WAAW2B,MAC9B7B,QAASC,EAAOG,QAAQC,SACxBC,YAAaL,EAAOM,OAAOC,SAE3B,CAAAd,SAAAoB,EAACgB,EACAlC,OAAAC,OAAA,CAAAkC,cAAe,CAAC,gBAChBC,UAAW,CAAC,oBACZnE,SAAWoE,IACVpE,EAASoE,GACT1D,GAAU,EAAM,EAEjBL,QAASA,EACTC,QAASA,EACT+D,MACCtE,EACGkB,MAAMC,QAAQnB,GACE,IAAfA,EAAIuE,OACH,CAAC,IAAIhD,KAAKvB,EAAI,IAAK,IAAIuB,KAAKvB,EAAI,KAChC,KACD,IAAIuB,KAAKvB,GACV,MAEAE,SAIL"}

package/dist/esm/components/datePicker/TimePicker.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useMemo as e}from"react";import"../dropdown/DropdownPopover/index.js";import{Dropdown as r}from"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import"../../constants/Theme.js";import"../../_virtual/_tslib.js";import"lodash/debounce";import"../TypographyStyle.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{TimePickerContainer as n,TimeInputWrapper as p,TimeLabel as i}from"./DatePicker.styled.js";const l=l=>{let{fromTime:d="00:00",toTime:s="23:59",onFromTimeChange:a,onToTimeChange:m,timeInterval:u=30}=l;const c=e((()=>{const t=[];for(let o=0;o<1440;o+=u){const e=Math.floor(o/60),r=o%60,n=e>=12?"PM":"AM",p=`${0===e?12:e>12?e-12:e}:${r.toString().padStart(2,"0")} ${n}`,i=`${e.toString().padStart(2,"0")}:${r.toString().padStart(2,"0")}`;t.push({label:p,value:i,selected:i===d})}if(d&&!t.find((t=>t.value===d))){const[o,e]=d.split(":").map(Number),r=o>=12?"PM":"AM",n=`${0===o?12:o>12?o-12:o}:${e.toString().padStart(2,"0")} ${r}`;t.push({label:n,value:d,selected:!0}),t.sort(((t,o)=>t.value.localeCompare(o.value)))}return t}),[u,d]),w=e((()=>{const t=[];for(let o=0;o<1440;o+=u){const e=Math.floor(o/60),r=o%60,n=e>=12?"PM":"AM",p=`${0===e?12:e>12?e-12:e}:${r.toString().padStart(2,"0")} ${n}`,i=`${e.toString().padStart(2,"0")}:${r.toString().padStart(2,"0")}`;t.push({label:p,value:i,selected:i===s})}if(s&&!t.find((t=>t.value===s))){const[o,e]=s.split(":").map(Number),r=o>=12?"PM":"AM",n=`${0===o?12:o>12?o-12:o}:${e.toString().padStart(2,"0")} ${r}`;t.push({label:n,value:s,selected:!0}),t.sort(((t,o)=>t.value.localeCompare(o.value)))}return t}),[u,s]),S=(t,o)=>{if(t)return o.find((o=>o.value===t))},h=S(d,c),j=S(s,w);return t(n,{children:[t(p,{children:[o(i,{children:"From"}),o(r,{placeHolder:"HH:MM",options:c,defaultOptions:h?[h]:[],onSelect:t=>{!Array.isArray(t)&&"value"in t&&(null==a||a(t.value))},size:"small","data-test":"time-picker-from",width:"154px",placement:"bottom-start"})]}),t(p,{children:[o(i,{children:"To"}),o(r,{placeHolder:"HH:MM",options:w,defaultOptions:j?[j]:[],onSelect:t=>{!Array.isArray(t)&&"value"in t&&(null==m||m(t.value))},size:"small","data-test":"time-picker-to",width:"154px",placement:"bottom-start"})]})]})};export{l as TimePicker};
+import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useMemo as e}from"react";import"../dropdown/DropdownPopover/index.js";import{Dropdown as r}from"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import"../../constants/Theme.js";import"../../_virtual/_tslib.js";import"lodash/debounce";import"../TypographyStyle.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{TimePickerContainer as n,TimeInputWrapper as p,TimeLabel as i}from"./DatePicker.styled.js";const d=({fromTime:d="00:00",toTime:l="23:59",onFromTimeChange:s,onToTimeChange:a,timeInterval:m=30})=>{const u=e((()=>{const t=[];for(let o=0;o<1440;o+=m){const e=Math.floor(o/60),r=o%60,n=e>=12?"PM":"AM",p=`${0===e?12:e>12?e-12:e}:${r.toString().padStart(2,"0")} ${n}`,i=`${e.toString().padStart(2,"0")}:${r.toString().padStart(2,"0")}`;t.push({label:p,value:i,selected:i===d})}if(d&&!t.find((t=>t.value===d))){const[o,e]=d.split(":").map(Number),r=o>=12?"PM":"AM",n=`${0===o?12:o>12?o-12:o}:${e.toString().padStart(2,"0")} ${r}`;t.push({label:n,value:d,selected:!0}),t.sort(((t,o)=>t.value.localeCompare(o.value)))}return t}),[m,d]),c=e((()=>{const t=[];for(let o=0;o<1440;o+=m){const e=Math.floor(o/60),r=o%60,n=e>=12?"PM":"AM",p=`${0===e?12:e>12?e-12:e}:${r.toString().padStart(2,"0")} ${n}`,i=`${e.toString().padStart(2,"0")}:${r.toString().padStart(2,"0")}`;t.push({label:p,value:i,selected:i===l})}if(l&&!t.find((t=>t.value===l))){const[o,e]=l.split(":").map(Number),r=o>=12?"PM":"AM",n=`${0===o?12:o>12?o-12:o}:${e.toString().padStart(2,"0")} ${r}`;t.push({label:n,value:l,selected:!0}),t.sort(((t,o)=>t.value.localeCompare(o.value)))}return t}),[m,l]),w=(t,o)=>{if(t)return o.find((o=>o.value===t))},S=w(d,u),h=w(l,c);return t(n,{children:[t(p,{children:[o(i,{children:"From"}),o(r,{placeHolder:"HH:MM",options:u,defaultOptions:S?[S]:[],onSelect:t=>{!Array.isArray(t)&&"value"in t&&(null==s||s(t.value))},size:"small","data-test":"time-picker-from",width:"154px",placement:"bottom-start"})]}),t(p,{children:[o(i,{children:"To"}),o(r,{placeHolder:"HH:MM",options:c,defaultOptions:h?[h]:[],onSelect:t=>{!Array.isArray(t)&&"value"in t&&(null==a||a(t.value))},size:"small","data-test":"time-picker-to",width:"154px",placement:"bottom-start"})]})]})};export{d as TimePicker};
 //# sourceMappingURL=TimePicker.js.map

package/dist/esm/components/datePicker/TimePicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TimePicker.js","sources":["../../../../src/components/datePicker/TimePicker.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Dropdown } from '@src/components/dropdown';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport {\n\tTimeInputWrapper,\n\tTimeLabel,\n\tTimePickerContainer,\n} from './DatePicker.styled';\n\nexport type TimePickerProps = {\n\tfromTime?: string;\n\ttoTime?: string;\n\tonFromTimeChange?: (time: string) => void;\n\tonToTimeChange?: (time: string) => void;\n\ttimeInterval?: number; // in minutes, default 30\n};\n\nexport const TimePicker: React.FC<TimePickerProps> = ({\n\tfromTime = '00:00', // Default to 12:00 AM\n\ttoTime = '23:59', // Default to 11:59 PM\n\tonFromTimeChange,\n\tonToTimeChange,\n\ttimeInterval = 30,\n}) => {\n\t// Generate time options based on interval\n\tconst fromTimeOptions = useMemo(() => {\n\t\tconst options: SingleOption[] = [];\n\t\tconst totalMinutes = 24 * 60; // Total minutes in a day\n\n\t\tfor (let i = 0; i < totalMinutes; i += timeInterval) {\n\t\t\tconst hours = Math.floor(i / 60);\n\t\t\tconst minutes = i % 60;\n\t\t\tconst period = hours >= 12 ? 'PM' : 'AM';\n\t\t\tconst displayHours = hours === 0 ? 12 : hours > 12 ? hours - 12 : hours;\n\t\t\tconst timeString = `${displayHours}:${minutes\n\t\t\t\t.toString()\n\t\t\t\t.padStart(2, '0')} ${period}`;\n\t\t\tconst value = `${hours.toString().padStart(2, '0')}:${minutes\n\t\t\t\t.toString()\n\t\t\t\t.padStart(2, '0')}`;\n\n\t\t\toptions.push({\n\t\t\t\tlabel: timeString,\n\t\t\t\tvalue: value,\n\t\t\t\tselected: value === fromTime,\n\t\t\t});\n\t\t}\n\n\t\t// Add the current fromTime if it's not in the options\n\t\tif (fromTime && !options.find((opt) => opt.value === fromTime)) {\n\t\t\tconst [hours, minutes] = fromTime.split(':').map(Number);\n\t\t\tconst period = hours >= 12 ? 'PM' : 'AM';\n\t\t\tconst displayHours = hours === 0 ? 12 : hours > 12 ? hours - 12 : hours;\n\t\t\tconst timeString = `${displayHours}:${minutes\n\t\t\t\t.toString()\n\t\t\t\t.padStart(2, '0')} ${period}`;\n\n\t\t\toptions.push({\n\t\t\t\tlabel: timeString,\n\t\t\t\tvalue: fromTime,\n\t\t\t\tselected: true,\n\t\t\t});\n\n\t\t\t// Sort options by time value\n\t\t\toptions.sort((a, b) => a.value.localeCompare(b.value));\n\t\t}\n\n\t\treturn options;\n\t}, [timeInterval, fromTime]);\n\n\tconst toTimeOptions = useMemo(() => {\n\t\tconst options: SingleOption[] = [];\n\t\tconst totalMinutes = 24 * 60; // Total minutes in a day\n\n\t\tfor (let i = 0; i < totalMinutes; i += timeInterval) {\n\t\t\tconst hours = Math.floor(i / 60);\n\t\t\tconst minutes = i % 60;\n\t\t\tconst period = hours >= 12 ? 'PM' : 'AM';\n\t\t\tconst displayHours = hours === 0 ? 12 : hours > 12 ? hours - 12 : hours;\n\t\t\tconst timeString = `${displayHours}:${minutes\n\t\t\t\t.toString()\n\t\t\t\t.padStart(2, '0')} ${period}`;\n\t\t\tconst value = `${hours.toString().padStart(2, '0')}:${minutes\n\t\t\t\t.toString()\n\t\t\t\t.padStart(2, '0')}`;\n\n\t\t\toptions.push({\n\t\t\t\tlabel: timeString,\n\t\t\t\tvalue: value,\n\t\t\t\tselected: value === toTime,\n\t\t\t});\n\t\t}\n\n\t\t// Add the current toTime if it's not in the options\n\t\tif (toTime && !options.find((opt) => opt.value === toTime)) {\n\t\t\tconst [hours, minutes] = toTime.split(':').map(Number);\n\t\t\tconst period = hours >= 12 ? 'PM' : 'AM';\n\t\t\tconst displayHours = hours === 0 ? 12 : hours > 12 ? hours - 12 : hours;\n\t\t\tconst timeString = `${displayHours}:${minutes\n\t\t\t\t.toString()\n\t\t\t\t.padStart(2, '0')} ${period}`;\n\n\t\t\toptions.push({\n\t\t\t\tlabel: timeString,\n\t\t\t\tvalue: toTime,\n\t\t\t\tselected: true,\n\t\t\t});\n\n\t\t\t// Sort options by time value\n\t\t\toptions.sort((a, b) => a.value.localeCompare(b.value));\n\t\t}\n\n\t\treturn options;\n\t}, [timeInterval, toTime]);\n\n\tconst handleFromTimeSelect = (option: DropdownOption \| DropdownOption[]) => {\n\t\tif (!Array.isArray(option) && 'value' in option) {\n\t\t\tonFromTimeChange?.(option.value);\n\t\t}\n\t};\n\n\tconst handleToTimeSelect = (option: DropdownOption \| DropdownOption[]) => {\n\t\tif (!Array.isArray(option) && 'value' in option) {\n\t\t\tonToTimeChange?.(option.value);\n\t\t}\n\t};\n\n\t// Find selected options based on time values\n\tconst getSelectedOption = (timeValue: string, options: SingleOption[]) => {\n\t\tif (!timeValue) return undefined;\n\t\treturn options.find((opt) => opt.value === timeValue);\n\t};\n\n\tconst fromTimeOption = getSelectedOption(fromTime, fromTimeOptions);\n\tconst toTimeOption = getSelectedOption(toTime, toTimeOptions);\n\n\treturn (\n\t\t<TimePickerContainer>\n\t\t\t<TimeInputWrapper>\n\t\t\t\t<TimeLabel>From</TimeLabel>\n\t\t\t\t<Dropdown\n\t\t\t\t\tplaceHolder=\"HH:MM\"\n\t\t\t\t\toptions={fromTimeOptions}\n\t\t\t\t\tdefaultOptions={fromTimeOption ? [fromTimeOption] : []}\n\t\t\t\t\tonSelect={handleFromTimeSelect}\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tdata-test=\"time-picker-from\"\n\t\t\t\t\twidth=\"154px\"\n\t\t\t\t\tplacement=\"bottom-start\"\n\t\t\t\t/>\n\t\t\t</TimeInputWrapper>\n\t\t\t<TimeInputWrapper>\n\t\t\t\t<TimeLabel>To</TimeLabel>\n\t\t\t\t<Dropdown\n\t\t\t\t\tplaceHolder=\"HH:MM\"\n\t\t\t\t\toptions={toTimeOptions}\n\t\t\t\t\tdefaultOptions={toTimeOption ? [toTimeOption] : []}\n\t\t\t\t\tonSelect={handleToTimeSelect}\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tdata-test=\"time-picker-to\"\n\t\t\t\t\twidth=\"154px\"\n\t\t\t\t\tplacement=\"bottom-start\"\n\t\t\t\t/>\n\t\t\t</TimeInputWrapper>\n\t\t</TimePickerContainer>\n\t);\n};\n"],"names":["TimePicker","~~_ref","~~fromTime","toTime","onFromTimeChange","onToTimeChange","timeInterval","fromTimeOptions","useMemo","options","i","hours","Math","floor","minutes","period","timeString","toString","padStart","value","push","label","selected","find","opt","split","map","Number","sort","a","b","localeCompare","toTimeOptions","getSelectedOption","timeValue","fromTimeOption","toTimeOption","_jsxs","TimePickerContainer","children","TimeInputWrapper","_jsx","TimeLabel","Dropdown","placeHolder","defaultOptions","onSelect","option","Array","isArray","size","width","placement"],"mappings":"~~smCAiBaA~~,~~MAAAA~~,~~EAAwCC~~,~~IAMhD~~,~~IANiDC~~,~~SACrDA~~,~~EAAW~~,~~QAAOC~~,~~OAClBA~~,~~EAAS~~,~~QAAOC~~,~~iBAChBA~~,~~EAAgBC~~,~~eAChBA,EAAcC,aACdA,EAAe,IACfL,EAEA,MAAMM,~~EAAkBC,GAAQ,KAC/B,MAAMC,EAA0B,GAGhC,IAAK,IAAIC,EAAI,EAAGA,EAFK,KAEaA,GAAKJ,EAAc,CACpD,MAAMK,EAAQC,KAAKC,MAAMH,EAAI,IACvBI,EAAUJ,EAAI,GACdK,EAASJ,GAAS,GAAK,KAAO,KAE9BK,~~EAAgB~~,~~GADS~~,IAAVL,EAAc,GAAKA,EAAQ,GAAKA,EAAQ,GAAKA,KAC5BG,EACpCG,WACAC,SAAS,EAAG,QAAQH,IAChBI,~~EAAW~~,~~GAAAR~~,EAAMM,WAAWC,SAAS,EAAG,QAAQJ,EACpDG,WACAC,SAAS,EAAG,OAEdT,EAAQW,KAAK,CACZC,MAAOL,EACPG,MAAOA,EACPG,SAAUH,IAAUjB,GAErB,CAGD,GAAIA,IAAaO,EAAQc,MAAMC,GAAQA,EAAIL,QAAUjB,IAAW,CAC/D,MAAOS,EAAOG,GAAWZ,EAASuB,MAAM,KAAKC,IAAIC,QAC3CZ,EAASJ,GAAS,GAAK,KAAO,KAE9BK,~~EAAgB~~,~~GADS~~,IAAVL,EAAc,GAAKA,EAAQ,GAAKA,EAAQ,GAAKA,KAC5BG,EACpCG,WACAC,SAAS,EAAG,QAAQH,IAEtBN,EAAQW,KAAK,CACZC,MAAOL,EACPG,MAAOjB,EACPoB,UAAU,IAIXb,EAAQmB,MAAK,CAACC,EAAGC,IAAMD,EAAEV,MAAMY,cAAcD,EAAEX,QAC/C,CAED,OAAOV,CAAO,GACZ,CAACH,EAAcJ,IAEZ8B,EAAgBxB,GAAQ,KAC7B,MAAMC,EAA0B,GAGhC,IAAK,IAAIC,EAAI,EAAGA,EAFK,KAEaA,GAAKJ,EAAc,CACpD,MAAMK,EAAQC,KAAKC,MAAMH,EAAI,IACvBI,EAAUJ,EAAI,GACdK,EAASJ,GAAS,GAAK,KAAO,KAE9BK,~~EAAgB~~,~~GADS~~,IAAVL,EAAc,GAAKA,EAAQ,GAAKA,EAAQ,GAAKA,KAC5BG,EACpCG,WACAC,SAAS,EAAG,QAAQH,IAChBI,~~EAAW~~,~~GAAAR~~,EAAMM,WAAWC,SAAS,EAAG,QAAQJ,EACpDG,WACAC,SAAS,EAAG,OAEdT,EAAQW,KAAK,CACZC,MAAOL,EACPG,MAAOA,EACPG,SAAUH,IAAUhB,GAErB,CAGD,GAAIA,IAAWM,EAAQc,MAAMC,GAAQA,EAAIL,QAAUhB,IAAS,CAC3D,MAAOQ,EAAOG,GAAWX,EAAOsB,MAAM,KAAKC,IAAIC,QACzCZ,EAASJ,GAAS,GAAK,KAAO,KAE9BK,~~EAAgB~~,~~GADS~~,IAAVL,EAAc,GAAKA,EAAQ,GAAKA,EAAQ,GAAKA,KAC5BG,EACpCG,WACAC,SAAS,EAAG,QAAQH,IAEtBN,EAAQW,KAAK,CACZC,MAAOL,EACPG,MAAOhB,EACPmB,UAAU,IAIXb,EAAQmB,MAAK,CAACC,EAAGC,IAAMD,EAAEV,MAAMY,cAAcD,EAAEX,QAC/C,CAED,OAAOV,CAAO,GACZ,CAACH,EAAcH,IAeZ8B,EAAoBA,CAACC,EAAmBzB,KAC7C,GAAKyB,EACL,OAAOzB,EAAQc,MAAMC,GAAQA,EAAIL,QAAUe,GAAU,EAGhDC,EAAiBF,EAAkB/B,EAAUK,GAC7C6B,EAAeH,EAAkB9B,EAAQ6B,GAE/C,OACCK,EAACC,EACA,CAAAC,SAAA,CAAAF,EAACG,EACA,CAAAD,SAAA,CAAAE,EAACC,EAAS,CAAAH,SAAA,SACVE,EAACE,EACA,CAAAC,YAAY,QACZnC,QAASF,EACTsC,eAAgBV,EAAiB,CAACA,GAAkB,GACpDW,SA7B0BC,KACxBC,MAAMC,QAAQF,IAAW,UAAWA,IACxC3C,SAAAA,EAAmB2C,EAAO5B,OAC1B,EA2BE+B,KAAK,QACK,YAAA,mBACVC,MAAM,QACNC,UAAU,oBAGZf,EAACG,EAAgB,CAAAD,SAAA,CAChBE,EAACC,mBACDD,EAACE,EAAQ,CACRC,YAAY,QACZnC,QAASuB,EACTa,eAAgBT,EAAe,CAACA,GAAgB,GAChDU,SApCwBC,KACtBC,MAAMC,QAAQF,IAAW,UAAWA,IACxC1C,SAAAA,EAAiB0C,EAAO5B,OACxB,EAkCE+B,KAAK,QAAO,YACF,iBACVC,MAAM,QACNC,UAAU,sBAGS"}
1	+ {"version":3,"file":"TimePicker.js","sources":["../../../../src/components/datePicker/TimePicker.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { Dropdown } from '@src/components/dropdown';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport {\n\tTimeInputWrapper,\n\tTimeLabel,\n\tTimePickerContainer,\n} from './DatePicker.styled';\n\nexport type TimePickerProps = {\n\tfromTime?: string;\n\ttoTime?: string;\n\tonFromTimeChange?: (time: string) => void;\n\tonToTimeChange?: (time: string) => void;\n\ttimeInterval?: number; // in minutes, default 30\n};\n\nexport const TimePicker: React.FC<TimePickerProps> = ({\n\tfromTime = '00:00', // Default to 12:00 AM\n\ttoTime = '23:59', // Default to 11:59 PM\n\tonFromTimeChange,\n\tonToTimeChange,\n\ttimeInterval = 30,\n}) => {\n\t// Generate time options based on interval\n\tconst fromTimeOptions = useMemo(() => {\n\t\tconst options: SingleOption[] = [];\n\t\tconst totalMinutes = 24 * 60; // Total minutes in a day\n\n\t\tfor (let i = 0; i < totalMinutes; i += timeInterval) {\n\t\t\tconst hours = Math.floor(i / 60);\n\t\t\tconst minutes = i % 60;\n\t\t\tconst period = hours >= 12 ? 'PM' : 'AM';\n\t\t\tconst displayHours = hours === 0 ? 12 : hours > 12 ? hours - 12 : hours;\n\t\t\tconst timeString = `${displayHours}:${minutes\n\t\t\t\t.toString()\n\t\t\t\t.padStart(2, '0')} ${period}`;\n\t\t\tconst value = `${hours.toString().padStart(2, '0')}:${minutes\n\t\t\t\t.toString()\n\t\t\t\t.padStart(2, '0')}`;\n\n\t\t\toptions.push({\n\t\t\t\tlabel: timeString,\n\t\t\t\tvalue: value,\n\t\t\t\tselected: value === fromTime,\n\t\t\t});\n\t\t}\n\n\t\t// Add the current fromTime if it's not in the options\n\t\tif (fromTime && !options.find((opt) => opt.value === fromTime)) {\n\t\t\tconst [hours, minutes] = fromTime.split(':').map(Number);\n\t\t\tconst period = hours >= 12 ? 'PM' : 'AM';\n\t\t\tconst displayHours = hours === 0 ? 12 : hours > 12 ? hours - 12 : hours;\n\t\t\tconst timeString = `${displayHours}:${minutes\n\t\t\t\t.toString()\n\t\t\t\t.padStart(2, '0')} ${period}`;\n\n\t\t\toptions.push({\n\t\t\t\tlabel: timeString,\n\t\t\t\tvalue: fromTime,\n\t\t\t\tselected: true,\n\t\t\t});\n\n\t\t\t// Sort options by time value\n\t\t\toptions.sort((a, b) => a.value.localeCompare(b.value));\n\t\t}\n\n\t\treturn options;\n\t}, [timeInterval, fromTime]);\n\n\tconst toTimeOptions = useMemo(() => {\n\t\tconst options: SingleOption[] = [];\n\t\tconst totalMinutes = 24 * 60; // Total minutes in a day\n\n\t\tfor (let i = 0; i < totalMinutes; i += timeInterval) {\n\t\t\tconst hours = Math.floor(i / 60);\n\t\t\tconst minutes = i % 60;\n\t\t\tconst period = hours >= 12 ? 'PM' : 'AM';\n\t\t\tconst displayHours = hours === 0 ? 12 : hours > 12 ? hours - 12 : hours;\n\t\t\tconst timeString = `${displayHours}:${minutes\n\t\t\t\t.toString()\n\t\t\t\t.padStart(2, '0')} ${period}`;\n\t\t\tconst value = `${hours.toString().padStart(2, '0')}:${minutes\n\t\t\t\t.toString()\n\t\t\t\t.padStart(2, '0')}`;\n\n\t\t\toptions.push({\n\t\t\t\tlabel: timeString,\n\t\t\t\tvalue: value,\n\t\t\t\tselected: value === toTime,\n\t\t\t});\n\t\t}\n\n\t\t// Add the current toTime if it's not in the options\n\t\tif (toTime && !options.find((opt) => opt.value === toTime)) {\n\t\t\tconst [hours, minutes] = toTime.split(':').map(Number);\n\t\t\tconst period = hours >= 12 ? 'PM' : 'AM';\n\t\t\tconst displayHours = hours === 0 ? 12 : hours > 12 ? hours - 12 : hours;\n\t\t\tconst timeString = `${displayHours}:${minutes\n\t\t\t\t.toString()\n\t\t\t\t.padStart(2, '0')} ${period}`;\n\n\t\t\toptions.push({\n\t\t\t\tlabel: timeString,\n\t\t\t\tvalue: toTime,\n\t\t\t\tselected: true,\n\t\t\t});\n\n\t\t\t// Sort options by time value\n\t\t\toptions.sort((a, b) => a.value.localeCompare(b.value));\n\t\t}\n\n\t\treturn options;\n\t}, [timeInterval, toTime]);\n\n\tconst handleFromTimeSelect = (option: DropdownOption \| DropdownOption[]) => {\n\t\tif (!Array.isArray(option) && 'value' in option) {\n\t\t\tonFromTimeChange?.(option.value);\n\t\t}\n\t};\n\n\tconst handleToTimeSelect = (option: DropdownOption \| DropdownOption[]) => {\n\t\tif (!Array.isArray(option) && 'value' in option) {\n\t\t\tonToTimeChange?.(option.value);\n\t\t}\n\t};\n\n\t// Find selected options based on time values\n\tconst getSelectedOption = (timeValue: string, options: SingleOption[]) => {\n\t\tif (!timeValue) return undefined;\n\t\treturn options.find((opt) => opt.value === timeValue);\n\t};\n\n\tconst fromTimeOption = getSelectedOption(fromTime, fromTimeOptions);\n\tconst toTimeOption = getSelectedOption(toTime, toTimeOptions);\n\n\treturn (\n\t\t<TimePickerContainer>\n\t\t\t<TimeInputWrapper>\n\t\t\t\t<TimeLabel>From</TimeLabel>\n\t\t\t\t<Dropdown\n\t\t\t\t\tplaceHolder=\"HH:MM\"\n\t\t\t\t\toptions={fromTimeOptions}\n\t\t\t\t\tdefaultOptions={fromTimeOption ? [fromTimeOption] : []}\n\t\t\t\t\tonSelect={handleFromTimeSelect}\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tdata-test=\"time-picker-from\"\n\t\t\t\t\twidth=\"154px\"\n\t\t\t\t\tplacement=\"bottom-start\"\n\t\t\t\t/>\n\t\t\t</TimeInputWrapper>\n\t\t\t<TimeInputWrapper>\n\t\t\t\t<TimeLabel>To</TimeLabel>\n\t\t\t\t<Dropdown\n\t\t\t\t\tplaceHolder=\"HH:MM\"\n\t\t\t\t\toptions={toTimeOptions}\n\t\t\t\t\tdefaultOptions={toTimeOption ? [toTimeOption] : []}\n\t\t\t\t\tonSelect={handleToTimeSelect}\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tdata-test=\"time-picker-to\"\n\t\t\t\t\twidth=\"154px\"\n\t\t\t\t\tplacement=\"bottom-start\"\n\t\t\t\t/>\n\t\t\t</TimeInputWrapper>\n\t\t</TimePickerContainer>\n\t);\n};\n"],"names":["TimePicker","fromTime","toTime","onFromTimeChange","onToTimeChange","timeInterval","fromTimeOptions","useMemo","options","i","hours","Math","floor","minutes","period","timeString","toString","padStart","value","push","label","selected","find","opt","split","map","Number","sort","a","b","localeCompare","toTimeOptions","getSelectedOption","timeValue","fromTimeOption","toTimeOption","_jsxs","TimePickerContainer","children","TimeInputWrapper","_jsx","TimeLabel","Dropdown","placeHolder","defaultOptions","onSelect","option","Array","isArray","size","width","placement"],"mappings":"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"}