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/cjs/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":["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","height","width","color","COLORS","content","secondary","FilePdfIcon","WebsiteIcon","HelpIcon","TextT9Icon","OpenAiIcon","removeHtmlTags","text","withoutTags","textarea","document","createElement","innerHTML","value","SourceInfoDetailsStyle","children","BikShimmer","boxes","CollapsibleSection","isExpanded","onToggle","_jsxs","jsxs","Object","assign","style","display","alignItems","justifyContent","padding","onClick","gap","BodySecondary","ApplicationType","MANIFEST","backgroundColor","surface","subdued","borderRadius","fontSize","fontWeight","border","stroke","primary","_Fragment","Fragment","jsx","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":"u0CAuGCA,YAGA,MAAMC,QACLA,EAAOC,QACPA,EAAOC,cACPA,EAAaC,sBACbA,EAAqBC,gBACrBA,EAAeC,oBACfA,EAAmBC,oBACnBA,EAAmBC,cACnBA,EAAaC,MACbA,EAAKC,gBACLA,EAAeC,gBACfA,EAAeC,2BACfA,WACAC,EAAQC,mBACRA,EAAkBC,yBAClBA,EAAwBC,qBACxBA,EAAoBC,kBACpBA,EAAiBC,6BACjBA,EAA4BC,qBAC5BA,EAAoBC,kBACpBA,EAAiBC,kBACjBA,EAAiBC,wBACjBA,IACGtB,GACEuB,QAAEA,IAAYpB,EACdqB,GAAa,CAAC,OAAQ,UAAW,OAAQ,WACxCC,GAAWC,IAAgBC,EAAQA,UAAU,IAC7CC,GAAiBC,IAAsBF,EAAQA,UAAU,IACzDG,GAAgBC,IAAqBJ,EAAQA,UAAU,IACvDK,GAAUC,IAAeN,EAAQA,SAAS,IAC1CO,GAAsBC,IAC5BR,EAAQA,YAEFS,GAAqBC,IAA0BV,EAAQA,SAE3Df,QAAAA,EAA8B,CAAE,IAC5B0B,GAAwBC,IAA6BZ,EAAQA,UAAC,IAC9Da,GAAwBC,IAA6Bd,EAAQA,UAAC,GAE/De,GAAkD,CAAA,EACxDC,EAAYA,aAACC,SAAQC,IAA2B,IAA1BC,IAAEA,EAAGC,KAAEA,EAAIC,QAAEA,GAASH,EACvCrC,EAAcsC,KACjBJ,GAAmBlC,EAAcsC,IAChCG,EAAAA,IAACC,EAAAA,IACA,CAAAC,MAAM,QACNJ,KAAMA,EACNC,QAASA,EACTI,OAAO,YAGT,IAGF,MAAMC,GAAgB9B,GAAQ+B,QAC5BC,GACe,YAAfA,EAAOR,MACY,YAAnBQ,EAAOC,UACPD,EAAOE,YAGHC,GAAgBnC,GAAQ+B,QAC5BC,GACe,YAAfA,EAAOR,MACY,YAAnBQ,EAAOC,WACND,EAAOE,YAIJE,GAAyBC,EAAAA,SAAQ,KACtC,MAcMC,EAAiC,CAAA,EASvC,MAvBoB,CACnB,oBACA,eACA,iBACA,kBACA,oBACA,mBACA,0BACA,wBACA,kBACA,mBACA,iBAIWjB,SAASE,IAChBtC,EAAcsC,KACjBe,EAAOrD,EAAcsC,IAAQtC,EAAcsC,GAC3C,IALiB,CAAC,gBAAiB,wBAO1BF,SAASE,IACnBe,EAAOf,GAAOA,CAAG,IAEXe,CAAM,GACX,CAACrD,IAGJsD,EAAAA,WAAU,iBACT,KAAK3D,eAAAA,EAAe4D,WACnB,OAEDrC,IAAa,GACbG,IAAmB,GACnBE,IAC6C,KAAhB,QAA5BiC,EAAqB,QAArBC,EAAA9D,EAAcoB,eAAO,IAAA0C,OAAA,EAAAA,EAAG,UAAI,IAAAD,OAAA,EAAAA,EAAAE,iBACC,QAA1BC,EAAwB,QAAxBC,EAAAjE,EAAcoB,eAAU,IAAA6C,OAAA,EAAAA,EAAA,UAAE,IAAAD,OAAA,EAAAA,EAAEE,WAIhC,MAAMC,EAAanE,EAAcoB,QAC/B+B,QAAQC,KAAaA,EAAOE,YAC5Bc,KAAKhB,GAAWA,EAAOE,YACnBe,EAAmBC,MAAMC,KAAK,IAAIC,IAAIL,IAAahB,QACvDsB,KAAuBA,IAEzB5D,EAAqBd,EAASsE,GAC5BK,MAAMC,GAAU7C,GAAY6C,KAC5BD,MAAK,KACAjE,GAUJyB,GAAuBzB,GACvBmE,YAAW,KACVrD,IAAa,GACbG,IAAmB,EAAM,GACvB,OAbHkD,YAAW,IAAMrD,IAAa,IAAQ,KACtCX,EAAyBb,GACvB2E,MAAMG,GAAgB3C,GAAuB2C,KAC7CH,MAAK,IACLE,YAAW,KACVlD,IAAmB,EAAM,GACvB,OAQL,GACA,GACD,CACFb,EACAD,EACAZ,aAAA,EAAAA,EAAe4D,UACf5D,EAAcoB,QACdX,EACAV,IAID,MAAM+E,GAAe1D,MAElBA,GAA8B,IAAnBA,EAAQ2D,SACpB/E,aAAa,EAAbA,EAAegF,yBAOXC,GAAgB,SAACrC,GAAqC,IAAvBsC,EAAWC,UAAAJ,OAAA,QAAAK,IAAAD,UAAA,IAAAA,UAAA,SAY/C,MAXY,UAARvC,EACHA,EAAOyC,EAAcA,eAACC,MACZjE,GAAWkE,SAAS3C,GAC9BA,EAAOyC,EAAcA,eAACG,cACJ,OAAR5C,EACVA,EAAOyC,EAAcA,eAACI,cACH,SAAT7C,EACVA,EAAOyC,EAAcA,eAACK,MACH,QAAT9C,IACVA,EAAOyC,EAAcA,eAACM,KAEhBT,EAActC,EAA4B,QAArBkB,EAAAlB,eAAAA,EAAMgD,qBAAe,IAAA9B,OAAA,EAAAA,EAAA+B,QAAQ,KAAM,MAG1DC,GAAcC,GACdA,EAC4B,OAA7BA,EAAMC,oBAAqC,MACd,UAA7BD,EAAMC,oBAAwC,SACjB,SAA7BD,EAAMC,oBAAuC,MAChB,SAA7BD,EAAMC,oBAAuC,gBAEjDD,GADAA,EAAQA,EAAME,OAAO,GAAGC,cAAgBH,EAAMI,MAAM,GAAGP,eACzCC,QAAQ,IAAK,MACjBO,SAAS,OAClBL,EAAQA,EAAMI,MAAM,GAAI,IAElBJ,EAAMF,QAAQ,UAAW,WAVb,GAadQ,GAAUC,EAAWA,aAAE1D,GAChB,YAARA,GAA8B,WAARA,EAExBE,EAAAA,IAACyD,EAAAA,QAAO,CAACC,OAAQ,GAAIC,MAAO,GAAIC,MAAOC,EAAAA,OAAOC,QAAQC,YAErC,SAARjE,EAETE,EAAAA,IAACgE,EAAAA,QAAW,CAACN,OAAQ,GAAIC,MAAO,GAAIC,MAAOC,EAAAA,OAAOC,QAAQC,YAEzC,iBAARjE,GAIQ,iBAARA,EAFTE,EAAAA,IAACiE,EAAAA,QAAW,CAACP,OAAQ,GAAIC,MAAO,GAAIC,MAAOC,EAAAA,OAAOC,QAAQC,YAMzC,OAARjE,EAETE,EAAAA,IAACkE,EAAAA,QAAQ,CAACR,OAAQ,GAAIC,MAAO,GAAIC,MAAOC,EAAAA,OAAOC,QAAQC,YAEtC,SAARjE,EAETE,EAAAA,IAACmE,EAAAA,QAAU,CAACT,OAAQ,GAAIC,MAAO,GAAIC,MAAOC,EAAAA,OAAOC,QAAQC,YAIzD/D,EAAAA,IAACoE,EAAAA,QAAU,CAACV,OAAQ,GAAIC,MAAO,GAAIC,MAAOC,EAAAA,OAAOC,QAAQC,aAGzD,IAEGM,GAAkBC,IACvB,MAAMC,EAAcD,EAAKvB,QAAQ,gBAAiB,IAC5CyB,EAAWC,SAASC,cAAc,YAExC,OADAF,EAASG,UAAYJ,EACdC,EAASI,KAAK,EA4EtB,GAAIpG,KAAcnB,EACjB,OACC2C,EAAAA,IAAC6E,EAAAA,uBAAsB,CAAAC,SACtB9E,MAAC+E,aAAU,CACVC,MAAO,CACN,CAAErB,MAAO,QAASD,OAAQ,QAC1B,CAAEC,MAAO,IAAKD,OAAQ,OACtB,CAAEC,MAAO,OAAQD,OAAQ,QACzB,CAAEC,MAAO,OAAQD,OAAQ,QACzB,CAAEC,MAAO,OAAQD,OAAQ,QACzB,CAAEC,MAAO,OAAQD,OAAQ,QACzB,CAAEC,MAAO,IAAKD,OAAQ,OACtB,CAAEC,MAAO,OAAQD,OAAQ,aAO9B,MAAMuB,GACLlI,IAEA,MAAMS,MAAEA,EAAKqE,MAAEA,EAAKqD,WAAEA,EAAUC,SAAEA,EAAQL,SAAEA,GAAa/H,EACzD,OACCqI,EAAAA,KAAA,MAAA,CAAAN,SAAA,CACCM,EACCC,KAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CACNC,QAAS,OACTC,WAAY,SACZC,eAAgB,gBAChBC,QAAS,WACTzF,OAAQ,WAET0F,QAASV,GAET,CAAAL,SAAA,CAAAM,EAAAC,KAAA,MAAAC,OAAAC,OAAA,CAAKC,MAAO,CAAEC,QAAS,OAAQC,WAAY,SAAUI,IAAK,QAAO,CAAAhB,SAAA,CAChE9E,MAAC+F,gBAAa,CAAAjB,SAAEtH,IACfR,IAAYgJ,kBAAgBC,SAC5BjG,EAAAA,IAAA,MAAAsF,OAAAC,OAAA,CACCC,MAAO,CACNU,gBAAiBrC,EAAAA,OAAOsC,QAAQC,QAChCxC,MAAOC,EAAAA,OAAOC,QAAQC,UACtB6B,QAAS,UACTS,aAAc,OACdC,SAAU,OACVC,WAAY,MACZC,OAAqB,aAAA3C,EAAMA,OAAC4C,OAAOC,YACnC,CAAA5B,SAEAjD,KAGF7B,EAAAA,IAAA2G,EAAAC,SAAA,CAAA,OAIF5G,EACE6G,IAAAF,WAAA,CAAA7B,SAAA9H,IAAYgJ,kBAAgBc,IAC5B9G,qBACGkF,EACHlF,EAAA6G,IAACE,UACA,CAAApD,MAAO,GACPD,OAAQ,GACRE,MAAOC,EAAAA,OAAOC,QAAQ4C,UAGvB1G,EAAC6G,IAAAG,WACArD,MAAO,GACPD,OAAQ,GACRE,MAAOC,EAAAA,OAAOC,QAAQ4C,gBAKzBxB,GAAcJ,IACV,EAIR,OACCM,EAAAA,KAAAuB,EAAAA,SAAA,CAAA7B,SAAA,CACC9E,EAAC6G,IAAAhC,yBACA,CAAAC,SAAAM,EAAAC,KAAAsB,WAAA,CAAA7B,SAAA,CACCM,EACCC,KAAA,MAAAC,OAAAC,OAAA,CAAA0B,UAAW,gBACXzB,MAAO,CACNC,QAAS,OACTyB,cAAe,SACftB,QAAS,EACTuB,cAAe,SACf,CAAArC,SAAA,GAEEtH,GAASwC,EAAAA,IAACoH,EAAAA,WAAY,CAAAtC,SAAAtH,IACzB4H,EACCC,KAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CACNC,QAAS,OACTyB,cAAe,MACfpB,IAAK,OACLJ,WAAY,WACZ,CAAAZ,SAAA,CAED9E,EAAC6G,IAAAQ,cAAY/B,OAAAC,OAAA,CAAA3B,MAAOC,EAAAA,OAAOC,QAAQC,WAA+B,CAAAe,SAAA,YAEjE,UADArF,GAAmBvC,EAAcoK,eACjC,IAAAtG,EAAAA,EAAAvB,GAA4B,SAC3BrC,GACD4C,MAAA,MAAAsF,OAAAC,OAAA,CACCC,MAAO,CACNC,QAAS,OACT8B,WAAY,OACZpH,OAAQ,WAET0F,QAASA,IAAM1I,OAAsBmF,IAAU,CAAAwC,SAE/C9E,MAACwH,UAAS,CACT9D,OAAQ,GACRC,MAAO,GACPC,MAAOC,EAAAA,OAAOC,QAAQC,mBAOzB3F,GACAgH,EAAAA,KAAA,MAAAE,OAAAC,OAAA,CACCC,MAAO,CACNC,QAAS,OACTyB,cAAe,SACfpB,IAAK,OACL2B,UAAW,QAGZ,CAAA3C,SAAA,CAAAM,EAAAC,KAAA,MAAAC,OAAAC,OAAA,CACCC,MAAO,CACNC,QAAS,OACTC,WAAY,SACZC,eAAgB,kBAGjB,CAAAb,SAAA,CAAA9E,EAAA6G,IAACd,gBAAaT,OAAAC,OAAA,CAAC3B,MAAOC,EAAAA,OAAOC,QAAQ4C,SACnC,CAAA5B,SAAA1G,EAAkBsJ,aAEnBrJ,IAA2BD,EAAkBuJ,SAC7CvC,EAAAA,KACC,MAAAE,OAAAC,OAAA,CAAAC,MAAO,CACNC,QAAS,OACTC,WAAY,SACZI,IAAK,QACL,CAAAhB,SAAA,CAED9E,MAAC4H,UAAa,CACbjE,MAAO,GACPC,MAAOC,EAAAA,OAAOC,QAAQC,YAEvB/D,EAAC6G,IAAAQ,cAAY/B,OAAAC,OAAA,CAAA3B,MAAOC,EAAAA,OAAOC,QAAQC,WAErB,CAAAe,SAAA,sBACd9E,EAAC6G,IAAAgB,cACAC,KAAMC,EAAQ,QACdrE,OAAQ,GACRC,MAAO,GACPqE,UAAU,EACVC,UAAWpE,EAAAA,OAAOC,QAAQ4C,QAC1Bb,QAASA,IACRxH,GACCD,eAAAA,EAAmBuJ,mBAOxBvJ,EAAkB8J,UAClB9J,EAAkB8J,SAASjG,OAAS,GACnCjC,EACC6G,IAAA,MAAAvB,OAAAC,OAAA,CAAAC,MAAO,CACNC,QAAS,OACT0C,SAAU,OACVrC,IAAK,MACLF,QAAS,MACTM,gBAAiBrC,EAAAA,OAAOsC,QAAQC,QAChCC,aAAc,MACdG,OAAsB,cAAA3C,EAAMA,OAAC4C,OAAOC,YACpC,CAAA5B,SAEA1G,EAAkB8J,SAAS5G,KAAI,CAAC8G,EAASC,IACzCrI,EAAC6G,IAAA5G,OAEAF,QAASqI,EACTlI,MAAM,SAFD,WAAWmI,cAUrBrG,GAAY1D,IAmBb0B,EACC6G,IAAA,MAAAvB,OAAAC,OAAA,CAAAC,MAAO,CACNC,QAAS,OACT6C,OAAQ,OACR3C,eAAgB,SAChBD,WAAY,SACZhC,OAAQ,wBACR,CAAAoB,SAvS8ByD,cACrC,OACCnD,OACC,MAAAE,OAAAC,OAAA,CAAAC,MAAO,CACNC,QAAS,OACTyB,cAAe,SACfxB,WAAY,SACZC,eAAgB,SAChB2C,OAAQ,WACRxC,IAAK,QAIN,CAAAhB,SAAA,CAAA9E,EAAA6G,IAAA,MAAAvB,OAAAC,OAAA,CACCC,MAAO,CACNC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,QAAS,OACTM,mBAAoBrC,EAAMA,OAAC2E,WAAWC,SAASC,QAC/CrC,aAAc,UAGf,CAAAvB,SAAA9E,EAAA6G,IAAC8B,UAAQ,CACRhF,MAAO,GACPD,OAAQ,GACRE,MAAOC,EAAMA,OAAC4C,OAAOgC,SAASG,aAIhC5I,EACC6G,IAAA,MAAAvB,OAAAC,OAAA,CAAAC,MAAO,CACNG,eAAgB,SAChBD,WAAY,SACZmD,aAAc,SACd,CAAA/D,SAED9E,MAACoH,aAAU,CAAAtC,SAAA,yBAIZ9E,MAAC+F,gBAAaT,OAAAC,OAAA,CACb3B,MAAOC,EAAAA,OAAOC,QAAQC,UACtByB,MAAO,CACNC,QAAS,OACTE,eAAgB,SAChBmD,UAAW,WAKG,CAAAhE,SAAA,oFAEfrH,GACAuC,EAAAA,IAAA,MAAAsF,OAAAC,OAAA,CAAKC,MAAO,CAAEC,QAAS,OAAQ9B,MAAO,SAAQ,CAAAmB,SAC7C9E,EAAC6G,IAAAkC,UACAC,oBAAahI,EAAAvD,EAAgBwL,2BAAeC,EAAQ,QACpDC,WAAiC,QAArBpI,EAAAtD,EAAgBD,aAAK,IAAAuD,EAAAA,EAAI,UACrCqI,WAAW,YACXC,KAAK,QACLC,kBAAkB,EAClBzD,QAASA,KACRpI,EAAgBoI,SAAS,UAKxB,EAsOA0C,OA3BDnK,GACA4B,EAAA6G,IAAC5G,MAAG,CACH+I,YAAaL,EAAQ,QACrBY,QAAQ,MACRzJ,KAAK,OACLI,MAAM,QACNsJ,UAAU,QACVC,eAAgB,GAChB1J,QACC7C,EAAcwM,WACX,wJACA1M,IAAYgJ,EAAAA,gBAAgBc,IAAM,MAAQ,cAEsB,uEAmBvEjI,KAAmBmD,GAAY1D,KAC/B0B,MAAA,MAAAsF,OAAAC,OAAA,CAAK0B,UAAW,UAAQ,CAAAnC,SACvB9E,EAAC6G,IAAA8C,UACA,CAAA3M,QAASA,EACTC,QAASA,EACTC,cAAeA,EACf0M,aAAsC,QAAxB7I,EAAA7D,EAAcoK,cAAU,IAAAvG,EAAAA,EAAAxD,EAAuB,QAC7DwB,SAAUA,GACVI,oBAAqBA,GACrBuB,uBAAwBA,GACxBnD,cAAeA,EACfM,mBAAoBA,EACpBc,gBAAiBA,GACjBV,6BAA8BA,EAC9BC,qBAAsBA,EACtBC,kBAAmBA,QAKpB6D,GAAY1D,KACb8G,EAAAA,KAAK,MAAAE,OAAAC,OAAA,CAAA0B,UAAW,kBAAgB,CAAAnC,SAAA,CAE/B9E,EACE6G,IAAAF,WAAA,CAAA7B,SAAA1E,GAAc6B,OAAS,GACvBjC,EAAAA,IAAK,MAAAsF,OAAAC,OAAA,CAAA0B,UAAW,uBACf,CAAAnC,SAAA9E,EAAA6G,IAAC5B,GACAK,OAAAC,OAAA,CAAA/H,MAAM,kBACNqE,MAAOzB,GAAc6B,OACrBiD,WACClI,IAAYgJ,EAAAA,gBAAgBC,UACzB5G,GAGJ8F,SAAUA,IACT7F,IAA2BD,KAAuB,CAAAyF,SAGnD9E,2BACCiH,UAAW,SACXzB,MAAO,CAAEI,QAAS,SAAUiE,SAAU,SAAQ,CAAA/E,SAE7C1E,GAAckB,KAAI,CAAChB,EAAQ+H,iBAE3B,MAAMyB,EAAiB3H,GACtB7B,EAAOR,MAAQQ,EAAOC,UAAY,UAG7BwJ,EAA6B5H,GAClC7B,EAAOR,MAAQQ,EAAOC,UAAY,UAClC,GAEKyJ,EAAgBhH,GAAW8G,GAC3BJ,EAAahM,aAAe,EAAfA,EAAiB+E,SACnCsH,GAEKE,EACL3M,EAAoC,QAAhB0D,EAAAV,EAAOE,iBAAS,IAAAQ,EAAAA,EAAI,YAGnCxD,EAAQ8C,EAAO9C,MACf0M,EACL5J,EAAOE,YACPxC,aAAiB,EAAjBA,EAAoBsC,EAAOE,YAGtB2J,EACLD,GAAeA,EAAYE,UAAUC,KAAK,MAE3C,OACCjF,OAEC,MAAAE,OAAAC,OAAA,CAAAC,MAAO,CACNC,QAAS,OACTyB,cAAe,SACfpB,IAAK,MACLF,QAAS,WACT0E,aACCjC,EAAQ,GAAIjI,cAAA,EAAAA,GAAe6B,QACX,aAAA4B,EAAMA,OAAC4C,OAAOC,UAC3B,SAIL,CAAA5B,SAAA,CAAAM,EAAAC,KAAA,MAAAC,OAAAC,OAAA,CACCC,MAAO,CACNC,QAAS,OACTyB,cAAe,MACfpB,IAAK,OACLH,eAAgB,gBAChBD,WAAY,WAGb,CAAAZ,SAAA,CAAAM,EAAAC,KAAA,MAAAC,OAAAC,OAAA,CACCC,MAAO,CACNC,QAAS,OACT8E,KAAM,EACNzE,IAAK,MACLoB,cAAe,MACfxB,WAAY,SACZC,eAAgB,eAGhB,CAAAb,SAAA,CAAAvB,GAAQuG,GACT9J,EAAAA,IAACwK,EAAOA,uBAACC,KAAMjN,EAAOkN,UAAU,OAAK,CAAA5F,SACpC9E,MAAC+F,gBAAaT,OAAAC,OAAA,CACbC,MACCuE,GACCxH,EAAcA,eAACG,eAChBqH,GACCxH,EAAcA,eAACI,cACb,CACAxC,OAAQ,UACRwK,eAAgB,aAEhB,CAAE,EAEN/G,MAAOC,EAAAA,OAAOC,QAAQ4C,QACtBO,UAAW,cACXpB,QAASA,IACRkE,GACCxH,EAAcA,eAACG,eAChBqH,GACCxH,EAAcA,eAACI,cACb/E,EAAS0C,GACT,CAAE,GAAA,CAAAwE,SAGLtH,YAIJ4H,EACCC,KAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CACNC,QAAS,OACTyB,cAAe,MACfvB,eAAgB,WAChBD,WAAY,SACZI,IAAK,MACLyE,KAAM,SAGN,CAAAzF,SAAA,CAAAxE,EAAOgH,SACP/J,EAAgC,kBAChCyC,EAEC6G,IAAAF,WAAA,CAAA7B,SAAA9E,EAAA6G,IAACQ,cAAW/B,OAAAC,OAAA,CACX3B,MAAOC,EAAAA,OAAOC,QAAQC,WAAS,CAAAe,SAE9BkF,QAIF1J,EAAOsK,MAAQtK,EAAOuK,QACvB7K,MAAA,MAAAsF,OAAAC,OAAA,CACCC,MAAO,CACNrF,OAAQ,UACRoH,WAAY,QACZ,CAAAzC,SAEA4E,EACA1J,EAAA6G,IAACgB,aACA,CAAAC,KAAMC,EAAQ,QACdrE,OAAQ,GACRC,MAAO,GAEPsE,UAAWpE,EAAAA,OAAOC,QAAQC,UAC1B8B,QAASA,IACRoE,aAAgB,EAAhBA,EAAkBa,YACjBb,EAAiBc,KACjBd,EAAiBnK,MAGnBkL,UAAWf,EACXgB,gBACC,2BAIFjL,MAAC6H,aAAU,CACVC,KAAMoD,EAAY,QAClBxH,OAAQ,GACRC,MAAO,GAEPsE,UAAWpE,EAAAA,OAAOC,QAAQC,UAC1BiH,SACiB,WAAhB1K,EAAOR,OACNmK,EAEFgB,gBACC,yBAEDpF,QAASA,IAAMjI,EAAS0C,gBAQ7B4J,GACA9E,OAACiC,cAAW,CAAAvC,SAAA,CACX9E,EACC6G,IAAA,OAAAvB,OAAAC,OAAA,CAAA0B,UAAU,qBACVpB,QAASA,WACR3G,GAAwB,CACvB1B,MAAOA,EACP2N,YAAa9G,GACZ6F,EAAYiB,aAEbC,iBAAUpK,EAAAV,EAAO8K,wBAAY,GAC7BC,QAASA,IACRnM,QAAwBoD,IACxB,aAGC,GAAyB,QAAzBvB,EAAAmJ,EAAYiB,mBAAa,IAAApK,OAAA,EAAAA,EAAAkB,oCAE9BjC,EACC6G,IAAA,OAAAvB,OAAAC,OAAA,CAAA0B,UAAU,qBACVpB,QAASA,IACRqE,EAAYoB,eACXpB,EAAYqB,OAIb,CAAAzG,SAAA,GAAqB,UAAlBoF,EAAYqB,YAAM,IAAApK,OAAA,EAAAA,EAAAc,mBAEvBjC,EAAM6G,IAAA,OAAAvB,OAAAC,OAAA,CAAA0B,UAAU,sBAAoB,CAAAnC,SAAA,SAGpC9E,EAAA6G,IAAC2D,UACAlF,OAAAC,OAAA,CAAAkF,KAAMN,EACNO,UAAU,OAEV,CAAA5F,SAAA9E,EAAA6G,IAAA,OAAAvB,OAAAC,OAAA,CAAM0B,UAAU,sBAAsB,CAAAnC,SAAA,GAAwB,UAArBoF,EAAYE,iBAAS,IAAAlJ,OAAA,EAAAA,EAAEe,gCApK9D,QAAQoG,IAwKR,eAQbrI,EAAA6G,IAAAF,WAAA,CAAA7B,SACErE,GAAcwB,OAAS,GACvBjC,EAAAA,IAAA,MAAAsF,OAAAC,OAAA,CAAK0B,UAAW,uBACf,CAAAnC,SAAA9E,EAAA6G,IAAC5B,GACAK,OAAAC,OAAA,CAAA/H,MAAM,kBACNqE,MAAOpB,GAAcwB,OACrBiD,WACClI,IAAYgJ,EAAAA,gBAAgBC,UACzB1G,GAGJ4F,SAAUA,IACT3F,IAA2BD,KAAuB,CAAAuF,SAGnD9E,2BACCiH,UAAW,SACXzB,MAAO,CAAEI,QAAS,SAAUiE,SAAU,SAAQ,CAAA/E,SAE7CrE,GAAca,KAAI,CAAChB,EAAQ+H,2CAE3B,MAAMyB,EAAiB3H,GACtB7B,EAAOR,MAAQQ,EAAOC,UAAY,UAG7BwJ,EAA6B5H,GAClC7B,EAAOR,MAAQQ,EAAOC,UAAY,UAClC,GAEKyJ,EAAgBhH,GAAW8G,GAC3BJ,EAAahM,aAAe,EAAfA,EAAiB+E,SACnCsH,GAEKE,EACe,aAApB3J,EAAOC,SACJjD,EACoB,QAApB0D,EAAAV,EAAOE,iBAAa,IAAAQ,EAAAA,EAAA,YAEpB1D,EAAgC,QAAZyD,EAAAT,EAAOuK,aAAK,IAAA9J,EAAAA,EAAI,IAElCvD,EACLuM,EAA2BjH,iBACP,QAApB3B,EAAAoB,EAAcA,eAACM,WAAK,IAAA1B,OAAA,EAAAA,EAAA2B,eACe,SAAlB,QAAd5B,EAAAZ,EAAO9C,aAAO,IAAA0D,OAAA,EAAAA,EAAA4B,eACbxC,EAAOC,SACPD,EAAO9C,MACRuM,EAA2BjH,iBACL,QAAtB0I,EAAAjJ,EAAcA,eAACC,aAAO,IAAAgJ,OAAA,EAAAA,EAAA1I,gBACtBiH,EAA2BjH,iBACG,QAA9B2I,EAAAlJ,EAAAA,eAAeG,qBAAe,IAAA+I,OAAA,EAAAA,EAAA3I,gBAC9BiH,EAA2BjH,iBACL,QAAtB4I,EAAAnJ,EAAcA,eAACK,aAAO,IAAA8I,OAAA,EAAAA,EAAA5I,eACtBxC,EAAO9C,MACPuM,EAA2BjH,iBACG,QAA9B6I,EAAApJ,EAAAA,eAAeI,qBAAe,IAAAgJ,OAAA,EAAAA,EAAA7I,eAC9BxC,EAAO9C,MACNoO,MAAM,KACNtL,EAAO9C,MAAMoO,MAAM,KAAK3J,OAAS,GAAGc,QACpC,YACA,KAEAA,QACA,aACA,CAAC8I,EAAGC,EAAOC,IACVD,EAAM1I,cAAgB2I,IAExBzL,EAAOgH,SACP/J,EAAgC,iBAChCyM,EACA1J,EAAO9C,MAEL2N,EACwC,QAA7CpB,EAA2BjH,cAEU,UADT,QAAzBkJ,EAAA/B,aAAgB,EAAhBA,EAAkBnG,eAAO,IAAAkI,EAAAA,EACA,UAAzB/B,aAAgB,EAAhBA,EAAkBc,YAAO,IAAAkB,OAAA,EAAAA,EAAQ,cAAC,IAAAC,EAAAA,EAClC,GACAnC,EAA2BjH,iBACG,QAA9BqJ,EAAA5J,EAAcA,eAACG,qBAAe,IAAAyJ,OAAA,EAAAA,EAAArJ,gBAC9BiH,EAA2BjH,iBACG,QAA9BsJ,EAAA7J,EAAcA,eAACI,qBAAe,IAAAyJ,OAAA,EAAAA,EAAAtJ,gBAC9BiH,EAA2BjH,iBACL,QAAtBuJ,EAAA9J,EAAAA,eAAeK,aAAO,IAAAyJ,OAAA,EAAAA,EAAAvJ,eAEqB,UADlB,QAAzBwJ,EAAArC,aAAgB,EAAhBA,EAAkBnG,eAAO,IAAAwI,EAAAA,EACA,UAAzBrC,aAAgB,EAAhBA,EAAkBc,YAAO,IAAAwB,OAAA,EAAAA,EAAiB,uBAAC,IAAAC,EAAAA,EAC3C,GACAlM,EAAOgH,SACP/J,EAAgC,iBAChC,4CACA,GACJ,OACC6H,OAEC,MAAAE,OAAAC,OAAA,CAAAC,MAAO,CACNC,QAAS,OACTyB,cAAe,SACfpB,IAAK,MACLF,QAAS,WACT0E,aACCjC,EAAQ,GAAI5H,cAAA,EAAAA,GAAewB,QACX,aAAA4B,EAAMA,OAAC4C,OAAOC,UAC3B,SAIL,CAAA5B,SAAA,CAAAM,EAAAC,KAAA,MAAAC,OAAAC,OAAA,CACCC,MAAO,CACNC,QAAS,OACTyB,cAAe,MACfpB,IAAK,OACLH,eAAgB,gBAChBD,WAAY,WAGb,CAAAZ,SAAA,CAAAM,EAAAC,KAAA,MAAAC,OAAAC,OAAA,CACCC,MAAO,CACNC,QAAS,OACT8E,KAAM,EACNzE,IAAK,MACLoB,cAAe,MACfxB,WAAY,SACZC,eAAgB,eAGhB,CAAAb,SAAA,CAAAvB,GAAQuG,GACT9J,EAAAA,IAACwK,EAAOA,uBAACC,KAAMjN,EAAOkN,UAAU,OAAK,CAAA5F,SACpC9E,MAAC+F,gBAAaT,OAAAC,OAAA,CACbC,MACCuE,GACCxH,EAAcA,eAACG,eAChBqH,GACCxH,EAAcA,eAACI,cACb,CACAxC,OAAQ,UACRwK,eAAgB,aAEhB,CAAE,EAEN/G,MAAOC,EAAAA,OAAOC,QAAQ4C,QACtBO,UAAW,cACXpB,QAASA,IACRkE,GACCxH,EAAcA,eAACG,eAChBqH,GACCxH,EAAcA,eAACI,cACb/E,EAAS0C,GACT,CAAE,GAAA,CAAAwE,SAGLtH,YAIJ4H,EACCC,KAAA,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CACNC,QAAS,OACTyB,cAAe,MACfvB,eAAgB,WAChBD,WAAY,SACZI,IAAK,MACLyE,KAAM,SAGN,CAAAzF,SAAA,CAAAxE,EAAOgH,SACP/J,EAAgC,kBAChCyC,EAEC6G,IAAAF,WAAA,CAAA7B,SAAA9E,EAAA6G,IAACQ,cAAW/B,OAAAC,OAAA,CACX3B,MAAOC,EAAAA,OAAOC,QAAQC,WAAS,CAAAe,SAE9BkF,QAIF1J,EAAOsK,MAAQtK,EAAOuK,QACvB7K,MAAA,MAAAsF,OAAAC,OAAA,CACCC,MAAO,CACNrF,OAAQ,UACRoH,WAAY,QACZ,CAAAzC,SAEA4E,EACA1J,EAAA6G,IAACgB,aACA,CAAAC,KAAMC,EAAQ,QACdrE,OAAQ,GACRC,MAAO,GAEPsE,UAAWpE,EAAAA,OAAOC,QAAQC,UAC1B8B,QAASA,IACRoE,aAAgB,EAAhBA,EAAkBa,YACjBb,EAAiBc,KACjBd,EAAiBnK,MAGnBkL,UAAWf,EACXgB,gBACC,2BAIFjL,MAAC6H,aAAU,CACVC,KAAMoD,EAAY,QAClBxH,OAAQ,GACRC,MAAO,GAEPsE,UAAWpE,EAAAA,OAAOC,QAAQC,UAC1BiH,SACiB,WAAhB1K,EAAOR,OACNmK,EAEFgB,gBACC,yBAEDpF,QAASA,IAAMjI,EAAS0C,iBAO5B6K,QAAAA,EAAe,IAAIsB,QACpBzM,EAAAA,IAAA,MAAAsF,OAAAC,OAAA,CACCC,MAAO,CACNI,QAAS,UACTY,OAAsB,cAAA3C,EAAMA,OAAC4C,OAAOC,UACpCL,aAAc,MACdH,gBAAiBrC,EAAAA,OAAOsC,QAAQC,UAChC,CAAAtB,SAED9E,MAACqH,cAAW/B,OAAAC,OAAA,CACX3B,MAAOC,EAAAA,OAAOC,QAAQ4C,QACtBO,UAAU,qBAAmB,CAAAnC,SAE5BT,GAAe8G,QAAAA,EAAe,IAAIsB,gBA7IjC,QAAQpE,IAiJR,mBAWdtL,aAAA,EAAAA,EAAO+H,cAKT7F,IACAe,EAAAA,IAAC0M,EAAAA,yBACAC,OAAQ,sBACRtB,QAASA,IAAMnM,QAAwBoD,GACvCqB,MAAM,OAAK,CAAAmB,SAEX9E,MAAC4M,mBAAgB,CAChBpP,MAAOyB,GAAqBzB,MAC5B2N,YAAalM,GAAqBkM,YAClCC,SAAUnM,GAAqBmM,SAC/BC,QAASpM,GAAqBoM,eAI/B"}
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":["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","height","width","color","COLORS","content","secondary","FilePdfIcon","WebsiteIcon","HelpIcon","TextT9Icon","OpenAiIcon","removeHtmlTags","text","withoutTags","textarea","document","createElement","innerHTML","value","SourceInfoDetailsStyle","children","BikShimmer","boxes","CollapsibleSection","isExpanded","onToggle","_jsxs","jsxs","Object","assign","style","display","alignItems","justifyContent","padding","onClick","gap","BodySecondary","ApplicationType","MANIFEST","backgroundColor","surface","subdued","borderRadius","fontSize","fontWeight","border","stroke","primary","_Fragment","Fragment","jsx","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/cjs/components/datePicker/DatePicker.js CHANGED Viewed

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

package/dist/cjs/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":["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","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":["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","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/cjs/components/datePicker/DatePickerWrapper.js CHANGED Viewed

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

package/dist/cjs/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":["~~_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","jsxs","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","jsx","BodySecondary","CalendarIcon","width","height","PickerContainer","contentPrimary","subDued","subdued","brandColor","brand","Calendar","tileClassName","className","d","value","length"],"mappings":"4gBAsBKA,~~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,EAAQA,UAAC,GAEnCC,EAAYC,SAA8B,MAC1CC,EAAYD,SAA8B,MAEhDE,EAAUA,WAACD,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~~,EAAAA,QAAUC,YACb,IAAIJ,KACJ,IACEE,yBAAwB,IAAIF,MAAOE,uBACtC,IAAIF,KAAKvB,EAAIqB,YAAYI,sBAC1B,IAAIF,MAAOE,oBAAoB,EAEnC,OACCG,EAAAA,KACCC,EAAAA,SAAA,CAAAC,SAAA,CAAAF,EAAAG,KAACC,UAAOC,OAAAC,OAAA,CACPC,GAAI9B,EACJ+B,IAAKvB,EACLwB,QAASlC,EAAWmC,SAAOC,WAAWC,KAAOF,EAAAA,OAAOG,QAAQC,SAC5DC,YAAaL,EAAAA,OAAOM,OAAOC,QAC3BC,QAASA,IAAMnC,GAAWD,GAC1BF,eAAgBA,GAAkBuC,EAAAA,eAAeC,QACjDC,MAAOxC,GAEN,CAAAqB,SAAA,CAAAtB,IAAmBuC,iBAAeG,MAClCC,EAAAA,IAACC,EAAWA,YAAAnB,OAAAC,OAAA,CACXe,MAAO,CACNI,MAAOlD,EACJmC,SAAOgB,QAAQC,SACfjB,EAAAA,OAAOgB,QAAQT,QAClBW,KAAM,IACN,CAAA1B,SAEAb,OAGFkC,EAACM,IAAAC,gBACAzB,OAAAC,OAAA,CAAAe,MAAO,CACNI,MAAOlD,EACJmC,SAAOgB,QAAQC,SACfjB,EAAAA,OAAOgB,QAAQT,QAClBW,KAAM,IACN,CAAA1B,SAEAb,OAGHkC,EAAAM,IAACE,UAAY,CACZC,MAAOpD,IAAmBuC,EAAAA,eAAeG,MAAQ,GAAK,GACtDW,OAAQrD,IAAmBuC,EAAAA,eAAeG,MAAQ,GAAK,GACvDG,MAAOlD,EAAWmC,SAAOgB,QAAQC,SAAWjB,EAAAA,OAAOgB,QAAQT,cAG5DnC,IAAeP,GACfgD,EAAAA,IAACW,EAAeA,gBAAA7B,OAAAC,OAAA,CACfE,IACCrB,EAMDkC,MACIhB,OAAAC,OAAA,CAAA,EAAA9B,GAIJ2D,eAAgBzB,EAAAA,OAAOgB,QAAQT,QAC/BmB,QAAS1B,EAAAA,OAAOG,QAAQwB,QACxBC,WAAY5B,EAAAA,OAAOC,WAAW4B,MAC9B9B,QAASC,EAAAA,OAAOG,QAAQC,SACxBC,YAAaL,EAAAA,OAAOM,OAAOC,SAE3B,CAAAf,SAAAqB,EAAAM,IAACW,UACAnC,OAAAC,OAAA,CAAAmC,cAAe,CAAC,gBAChBC,UAAW,CAAC,oBACZrE,SAAWsE,IACVtE,EAASsE,GACT5D,GAAU,EAAM,EAEjBL,QAASA,EACTC,QAASA,EACTiE,MACCxE,EACGkB,MAAMC,QAAQnB,GACE,IAAfA,EAAIyE,OACH,CAAC,IAAIlD,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","jsxs","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","jsx","BodySecondary","CalendarIcon","width","height","PickerContainer","contentPrimary","subDued","subdued","brandColor","brand","Calendar","tileClassName","className","d","value","length"],"mappings":"4gBAsBKA,EACJC,MACAC,WACAC,gBACAC,WACAC,eACAC,WACAC,UACAC,UACAC,iBACAC,uBAEA,MAAOC,EAAYC,GAAaC,EAAQA,UAAC,GAEnCC,EAAYC,SAA8B,MAC1CC,EAAYD,SAA8B,MAEhDE,EAAUA,WAACD,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,EAAAA,QAAUC,YACb,IAAIJ,KACJ,IACEE,yBAAwB,IAAIF,MAAOE,uBACtC,IAAIF,KAAKvB,EAAIqB,YAAYI,sBAC1B,IAAIF,MAAOE,oBAAoB,EAEnC,OACCG,EAAAA,KACCC,EAAAA,SAAA,CAAAC,SAAA,CAAAF,EAAAG,KAACC,UAAOC,OAAAC,OAAA,CACPC,GAAI9B,EACJ+B,IAAKvB,EACLwB,QAASlC,EAAWmC,SAAOC,WAAWC,KAAOF,EAAAA,OAAOG,QAAQC,SAC5DC,YAAaL,EAAAA,OAAOM,OAAOC,QAC3BC,QAASA,IAAMnC,GAAWD,GAC1BF,eAAgBA,GAAkBuC,EAAAA,eAAeC,QACjDC,MAAOxC,GAEN,CAAAqB,SAAA,CAAAtB,IAAmBuC,iBAAeG,MAClCC,EAAAA,IAACC,EAAWA,YAAAnB,OAAAC,OAAA,CACXe,MAAO,CACNI,MAAOlD,EACJmC,SAAOgB,QAAQC,SACfjB,EAAAA,OAAOgB,QAAQT,QAClBW,KAAM,IACN,CAAA1B,SAEAb,OAGFkC,EAACM,IAAAC,gBACAzB,OAAAC,OAAA,CAAAe,MAAO,CACNI,MAAOlD,EACJmC,SAAOgB,QAAQC,SACfjB,EAAAA,OAAOgB,QAAQT,QAClBW,KAAM,IACN,CAAA1B,SAEAb,OAGHkC,EAAAM,IAACE,UAAY,CACZC,MAAOpD,IAAmBuC,EAAAA,eAAeG,MAAQ,GAAK,GACtDW,OAAQrD,IAAmBuC,EAAAA,eAAeG,MAAQ,GAAK,GACvDG,MAAOlD,EAAWmC,SAAOgB,QAAQC,SAAWjB,EAAAA,OAAOgB,QAAQT,cAG5DnC,IAAeP,GACfgD,EAAAA,IAACW,EAAeA,gBAAA7B,OAAAC,OAAA,CACfE,IACCrB,EAMDkC,MACIhB,OAAAC,OAAA,CAAA,EAAA9B,GAIJ2D,eAAgBzB,EAAAA,OAAOgB,QAAQT,QAC/BmB,QAAS1B,EAAAA,OAAOG,QAAQwB,QACxBC,WAAY5B,EAAAA,OAAOC,WAAW4B,MAC9B9B,QAASC,EAAAA,OAAOG,QAAQC,SACxBC,YAAaL,EAAAA,OAAOM,OAAOC,SAE3B,CAAAf,SAAAqB,EAAAM,IAACW,UACAnC,OAAAC,OAAA,CAAAmC,cAAe,CAAC,gBAChBC,UAAW,CAAC,oBACZrE,SAAWsE,IACVtE,EAASsE,GACT5D,GAAU,EAAM,EAEjBL,QAASA,EACTC,QAASA,EACTiE,MACCxE,EACGkB,MAAMC,QAAQnB,GACE,IAAfA,EAAIyE,OACH,CAAC,IAAIlD,KAAKvB,EAAI,IAAK,IAAIuB,KAAKvB,EAAI,KAChC,KACD,IAAIuB,KAAKvB,GACV,MAEAE,SAIL"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react");require("../dropdown/DropdownPopover/index.js");var t=require("../dropdown/Dropdown.js");require("../dropdown/ChipDropdown.js"),require("../zeroState/ZeroState.js"),require("../../constants/Theme.js"),require("../../_virtual/_tslib.js"),require("lodash/debounce"),require("../TypographyStyle.js"),require("../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../checkBox/CheckBox.styled.js"),require("../list-item/ListItem.js"),require("../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../button/Button.js"),require("../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../icon-button/IconButton.js"),require("../input/Input.js"),require("../dropdown/MenuItem/MenuItem.js");var o=require("./DatePicker.styled.js");exports.TimePicker=n=>{let{fromTime:i="00:00",toTime:s="23:59",onFromTimeChange:a,onToTimeChange:p,timeInterval:l=30}=n;const d=r.useMemo((()=>{const e=[];for(let r=0;r<1440;r+=l){const t=Math.floor(r/60),o=r%60,n=t>=12?"PM":"AM",s=`${0===t?12:t>12?t-12:t}:${o.toString().padStart(2,"0")} ${n}`,a=`${t.toString().padStart(2,"0")}:${o.toString().padStart(2,"0")}`;e.push({label:s,value:a,selected:a===i})}if(i&&!e.find((e=>e.value===i))){const[r,t]=i.split(":").map(Number),o=r>=12?"PM":"AM",n=`${0===r?12:r>12?r-12:r}:${t.toString().padStart(2,"0")} ${o}`;e.push({label:n,value:i,selected:!0}),e.sort(((e,r)=>e.value.localeCompare(r.value)))}return e}),[l,i]),u=r.useMemo((()=>{const e=[];for(let r=0;r<1440;r+=l){const t=Math.floor(r/60),o=r%60,n=t>=12?"PM":"AM",i=`${0===t?12:t>12?t-12:t}:${o.toString().padStart(2,"0")} ${n}`,a=`${t.toString().padStart(2,"0")}:${o.toString().padStart(2,"0")}`;e.push({label:i,value:a,selected:a===s})}if(s&&!e.find((e=>e.value===s))){const[r,t]=s.split(":").map(Number),o=r>=12?"PM":"AM",n=`${0===r?12:r>12?r-12:r}:${t.toString().padStart(2,"0")} ${o}`;e.push({label:n,value:s,selected:!0}),e.sort(((e,r)=>e.value.localeCompare(r.value)))}return e}),[l,s]),c=(e,r)=>{if(e)return r.find((r=>r.value===e))},m=c(i,d),j=c(s,u);return e.jsxs(o.TimePickerContainer,{children:[e.jsxs(o.TimeInputWrapper,{children:[e.jsx(o.TimeLabel,{children:"From"}),e.jsx(t.Dropdown,{placeHolder:"HH:MM",options:d,defaultOptions:m?[m]:[],onSelect:e=>{!Array.isArray(e)&&"value"in e&&(null==a||a(e.value))},size:"small","data-test":"time-picker-from",width:"154px",placement:"bottom-start"})]}),e.jsxs(o.TimeInputWrapper,{children:[e.jsx(o.TimeLabel,{children:"To"}),e.jsx(t.Dropdown,{placeHolder:"HH:MM",options:u,defaultOptions:j?[j]:[],onSelect:e=>{!Array.isArray(e)&&"value"in e&&(null==p||p(e.value))},size:"small","data-test":"time-picker-to",width:"154px",placement:"bottom-start"})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react");require("../dropdown/DropdownPopover/index.js");var t=require("../dropdown/Dropdown.js");require("../dropdown/ChipDropdown.js"),require("../zeroState/ZeroState.js"),require("../../constants/Theme.js"),require("../../_virtual/_tslib.js"),require("lodash/debounce"),require("../TypographyStyle.js"),require("../dropdown/OpenedDropdown/components/description/Description.styled.js"),require("../checkBox/CheckBox.styled.js"),require("../list-item/ListItem.js"),require("../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("../dropdown/OpenedDropdown/components/menu/MenuItem.js"),require("../dropdown/OpenedDropdown/components/menu/MenuList.styled.js"),require("../button/Button.js"),require("../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js"),require("../icon-button/IconButton.js"),require("../input/Input.js"),require("../dropdown/MenuItem/MenuItem.js");var o=require("./DatePicker.styled.js");exports.TimePicker=({fromTime:n="00:00",toTime:i="23:59",onFromTimeChange:s,onToTimeChange:a,timeInterval:p=30})=>{const d=r.useMemo((()=>{const e=[];for(let r=0;r<1440;r+=p){const t=Math.floor(r/60),o=r%60,i=t>=12?"PM":"AM",s=`${0===t?12:t>12?t-12:t}:${o.toString().padStart(2,"0")} ${i}`,a=`${t.toString().padStart(2,"0")}:${o.toString().padStart(2,"0")}`;e.push({label:s,value:a,selected:a===n})}if(n&&!e.find((e=>e.value===n))){const[r,t]=n.split(":").map(Number),o=r>=12?"PM":"AM",i=`${0===r?12:r>12?r-12:r}:${t.toString().padStart(2,"0")} ${o}`;e.push({label:i,value:n,selected:!0}),e.sort(((e,r)=>e.value.localeCompare(r.value)))}return e}),[p,n]),l=r.useMemo((()=>{const e=[];for(let r=0;r<1440;r+=p){const t=Math.floor(r/60),o=r%60,n=t>=12?"PM":"AM",s=`${0===t?12:t>12?t-12:t}:${o.toString().padStart(2,"0")} ${n}`,a=`${t.toString().padStart(2,"0")}:${o.toString().padStart(2,"0")}`;e.push({label:s,value:a,selected:a===i})}if(i&&!e.find((e=>e.value===i))){const[r,t]=i.split(":").map(Number),o=r>=12?"PM":"AM",n=`${0===r?12:r>12?r-12:r}:${t.toString().padStart(2,"0")} ${o}`;e.push({label:n,value:i,selected:!0}),e.sort(((e,r)=>e.value.localeCompare(r.value)))}return e}),[p,i]),u=(e,r)=>{if(e)return r.find((r=>r.value===e))},c=u(n,d),m=u(i,l);return e.jsxs(o.TimePickerContainer,{children:[e.jsxs(o.TimeInputWrapper,{children:[e.jsx(o.TimeLabel,{children:"From"}),e.jsx(t.Dropdown,{placeHolder:"HH:MM",options:d,defaultOptions:c?[c]:[],onSelect:e=>{!Array.isArray(e)&&"value"in e&&(null==s||s(e.value))},size:"small","data-test":"time-picker-from",width:"154px",placement:"bottom-start"})]}),e.jsxs(o.TimeInputWrapper,{children:[e.jsx(o.TimeLabel,{children:"To"}),e.jsx(t.Dropdown,{placeHolder:"HH:MM",options:l,defaultOptions:m?[m]:[],onSelect:e=>{!Array.isArray(e)&&"value"in e&&(null==a||a(e.value))},size:"small","data-test":"time-picker-to",width:"154px",placement:"bottom-start"})]})]})};
 //# sourceMappingURL=TimePicker.js.map

package/dist/cjs/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":["~~_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","jsxs","TimeInputWrapper","_jsx","jsx","TimeLabel","Dropdown","placeHolder","defaultOptions","onSelect","option","Array","isArray","size","width","placement"],"mappings":"spCAiBqDA,~~IAMhD~~,~~IANiDC~~,~~SACrDA~~,~~EAAW~~,~~QAAOC~~,~~OAClBA~~,~~EAAS~~,~~QAAOC~~,~~iBAChBA~~,~~EAAgBC~~,~~eAChBA,EAAcC,aACdA,EAAe,IACfL,EAEA,MAAMM,~~EAAkBC,EAAAA,SAAQ,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,EAAAA,SAAQ,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,EAAAA,KAACC,EAAAA,oBACA,CAAAC,SAAA,CAAAF,EAAAG,KAACC,mBACA,CAAAF,SAAA,CAAAG,EAAAC,IAACC,YAAS,CAAAL,SAAA,SACVG,EAAAC,IAACE,WACA,CAAAC,YAAY,QACZrC,QAASF,EACTwC,eAAgBZ,EAAiB,CAACA,GAAkB,GACpDa,SA7B0BC,KACxBC,MAAMC,QAAQF,IAAW,UAAWA,IACxC7C,SAAAA,EAAmB6C,EAAO9B,OAC1B,EA2BEiC,KAAK,QACK,YAAA,mBACVC,MAAM,QACNC,UAAU,oBAGZjB,EAAAG,KAACC,mBAAgB,CAAAF,SAAA,CAChBG,EAACC,IAAAC,6BACDF,EAAAC,IAACE,WAAQ,CACRC,YAAY,QACZrC,QAASuB,EACTe,eAAgBX,EAAe,CAACA,GAAgB,GAChDY,SApCwBC,KACtBC,MAAMC,QAAQF,IAAW,UAAWA,IACxC5C,SAAAA,EAAiB4C,EAAO9B,OACxB,EAkCEiC,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","jsxs","TimeInputWrapper","_jsx","jsx","TimeLabel","Dropdown","placeHolder","defaultOptions","onSelect","option","Array","isArray","size","width","placement"],"mappings":"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"}