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

package/dist/cjs/components/code-block/CodeBlockHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlockHelper.js","sources":["../../../../src/components/code-block/CodeBlockHelper.ts"],"sourcesContent":["import { keywordsMap } from './keywordMap';\nimport * as javascriptFormatter from './languageSpecificFormatting/javascript_file';\nimport { CodeLanguage, CodeThemeMode } from './types';\n\n// Language formatter registry\nconst languageFormatters = {\n\tjavascript: javascriptFormatter,\n} as const;\n\nconst hashString = (str: string) => {\n\tlet hash = 0;\n\tfor (let i = 0; i < str.length; i++) {\n\t\thash = (hash << 5) - hash + str.charCodeAt(i);\n\t\thash |= 0; // force 32-bit\n\t}\n\treturn Math.abs(hash);\n};\n\n// Utility: generate consistent random color from string\nexport const randomStringToColor = (str: string) => {\n\tlet hash = 0;\n\tfor (let i = 0; i < str.length; i++) {\n\t\thash = str.charCodeAt(i) + ((hash << 5) - hash);\n\t}\n\tconst c = (hash & 0x00ffffff).toString(16).toUpperCase();\n\treturn `#${'00000'.substring(0, 6 - c.length) + c}`;\n};\n\n// Import language-specific formatters directly\n\nconst getKeywordColorAccordingToLang = ({\n\ttheme,\n\tlang,\n}: {\n\ttheme: CodeThemeMode;\n\tlang: CodeLanguage;\n}): Record<string, string> => {\n\tconst langKeywords = keywordsMap[lang.toLowerCase()] || [];\n\tconst returnKeywords: Record<string, string> = {};\n\n\t// Get language-specific color configuration\n\tlet colorOverwriteObject: Record<string, string> = {};\n\tlet colorCodeList: string[] = [];\n\n\t// Try to get language-specific formatting using the registry\n\tconst formatter =\n\t\tlanguageFormatters[lang.toLowerCase() as keyof typeof languageFormatters];\n\tif (formatter) {\n\t\ttry {\n\t\t\tcolorOverwriteObject = formatter.colorOverWrite?.(theme) || {};\n\t\t\tcolorCodeList = formatter.colorMap?.(theme) || [];\n\t\t\tconsole.log(`Formatter found for ${lang} (${theme}):`, {\n\t\t\t\toverrides: Object.keys(colorOverwriteObject),\n\t\t\t\tcolorMapLength: colorCodeList.length,\n\t\t\t\tcolorMapColors: colorCodeList,\n\t\t\t});\n\t\t} catch (error) {\n\t\t\tconsole.warn(`Failed to load formatting for ${lang}:`, error);\n\t\t}\n\t} else {\n\t\tconsole.log(`No formatter found for ${lang}`);\n\t}\n\n\t// Fallback theme-based colors if no language-specific colors are available\n\tconst fallbackThemeColors =\n\t\ttheme === 'dark'\n\t\t\t? {\n\t\t\t\t\tprimary: '#79c0ff',\n\t\t\t\t\tsecondary: '#a5d6ff',\n\t\t\t\t\ttertiary: '#ff7b72',\n\t\t\t\t\tquaternary: '#d2a8ff',\n\t\t\t  }\n\t\t\t: {\n\t\t\t\t\tprimary: '#0969da',\n\t\t\t\t\tsecondary: '#207d57ff',\n\t\t\t\t\ttertiary: '#d1242f',\n\t\t\t\t\tquaternary: '#8250df',\n\t\t\t  };\n\n\tconst fallbackColorList = Object.values(fallbackThemeColors);\n\n\tconsole.log(`Processing ${langKeywords.length} keywords for ${lang}`);\n\n\tlangKeywords.forEach((kw) => {\n\t\tif (colorOverwriteObject?.[kw]) {\n\t\t\t// Priority 1: Use specific color override\n\t\t\treturnKeywords[kw] = colorOverwriteObject[kw];\n\t\t\tif (['function', 'console', 'log'].includes(kw)) {\n\t\t\t\tconsole.log(`${kw}: using override color ${colorOverwriteObject[kw]}`);\n\t\t\t}\n\t\t} else if (colorCodeList && colorCodeList.length > 0) {\n\t\t\t// Priority 2: Use color from language-specific color map\n\t\t\tconst hash = hashString(kw) % colorCodeList.length;\n\t\t\treturnKeywords[kw] = colorCodeList[hash];\n\t\t\tif (['function', 'console', 'log'].includes(kw)) {\n\t\t\t\tconsole.log(`${kw}: using colorMap[${hash}] = ${colorCodeList[hash]}`);\n\t\t\t}\n\t\t} else {\n\t\t\t// Priority 3: Use fallback theme color\n\t\t\tconst colorIndex = hashString(kw) % fallbackColorList.length;\n\t\t\treturnKeywords[kw] = fallbackColorList[colorIndex];\n\t\t\tif (['function', 'console', 'log'].includes(kw)) {\n\t\t\t\tconsole.log(\n\t\t\t\t\t`${kw}: using fallback color ${fallbackColorList[colorIndex]}`,\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t});\n\n\treturn returnKeywords;\n};\n\nexport const highlightCode = (\n\tcode: string,\n\tlang: CodeLanguage,\n\ttheme: CodeThemeMode = 'dark',\n) => {\n\t// Escape HTML entities in code content only (not our span tags)\n\tconst escapeHtml = (str: string) => {\n\t\treturn str\n\t\t\t.replace(/&/g, '&amp;')\n\t\t\t.replace(/</g, '&lt;')\n\t\t\t.replace(/>/g, '&gt;');\n\t};\n\n\t// Escape HTML tags in the original code first\n\tconst escapedCode = escapeHtml(code);\n\tconst langKeywords = keywordsMap[lang.toLowerCase()] || [];\n\n\t// Assign consistent colors to each keyword\n\tconst keywordColors: Record<string, string> = getKeywordColorAccordingToLang({\n\t\ttheme,\n\t\tlang,\n\t});\n\n\tlet highlighted = escapedCode;\n\n\t// Strings first\n\thighlighted = highlighted.replace(\n\t\t/([\"'`])(?:\\\\.|(?!\\1).)*\\1/g,\n\t\t`<span class=\"string\">$&</span>`,\n\t);\n\n\t// Comments\n\thighlighted = highlighted.replace(\n\t\t/\\/\\/.*$/gm,\n\t\t`<span class=\"comment\">$&</span>`,\n\t);\n\thighlighted = highlighted.replace(\n\t\t/\\/\\*[\\s\\S]*?\\*\\//g,\n\t\t`<span class=\"comment\">$&</span>`,\n\t);\n\thighlighted = highlighted.replace(\n\t\t/#.*$/gm,\n\t\t`<span class=\"comment\">$&</span>`,\n\t);\n\n\t// Numbers\n\thighlighted = highlighted.replace(\n\t\t/\\b\\d+\\.?\\d*\\b/g,\n\t\t`<span class=\"number\">$&</span>`,\n\t);\n\n\t// Keywords with per-word color\n\t// Sort keywords by length (longest first) to avoid partial matches\n\tconst sortedKeywords = langKeywords.sort((a, b) => b.length - a.length);\n\n\tconsole.log(`Processing ${lang} keywords in order:`, sortedKeywords);\n\n\tsortedKeywords.forEach((keyword) => {\n\t\t// Use different regex patterns based on language\n\t\tlet regex: RegExp;\n\n\t\tif (lang.toLowerCase() === 'css') {\n\t\t\t// For CSS, match properties that are either at start of word or after whitespace/colon\n\t\t\t// and end with colon, whitespace, or end of line\n\t\t\tregex = new RegExp(\n\t\t\t\t`(^|[\\\\s:])\\\\b(${keyword.replace(\n\t\t\t\t\t/-/g,\n\t\t\t\t\t'\\\\-',\n\t\t\t\t)})(?=\\\\s*:|\\\\s|$)(?![^<]*>)`,\n\t\t\t\t'g',\n\t\t\t);\n\t\t} else {\n\t\t\t// For other languages, use standard word boundaries\n\t\t\tregex = new RegExp(`\\\\b(${keyword})\\\\b(?![^<]*>)`, 'g');\n\t\t}\n\n\t\tconst beforeReplace = highlighted;\n\n\t\tif (lang.toLowerCase() === 'css') {\n\t\t\t// For CSS, preserve the leading character (space/colon) and only wrap the keyword\n\t\t\thighlighted = highlighted.replace(\n\t\t\t\tregex,\n\t\t\t\t`$1<span style=\"color: ${keywordColors[keyword]}\">$2</span>`,\n\t\t\t);\n\t\t} else {\n\t\t\thighlighted = highlighted.replace(\n\t\t\t\tregex,\n\t\t\t\t`<span style=\"color: ${keywordColors[keyword]}\">$1</span>`,\n\t\t\t);\n\t\t}\n\n\t\t// Log if this keyword made any changes\n\t\tif (\n\t\t\tbeforeReplace !== highlighted &&\n\t\t\t['background', 'background-color', 'color'].includes(keyword)\n\t\t) {\n\t\t\tconsole.log(`${keyword} -> ${keywordColors[keyword]} (made changes)`);\n\t\t}\n\t});\n\treturn highlighted;\n};\n"],"names":["languageFormatters","javascript","hashString","str","hash","i","length","charCodeAt","Math","abs","code","lang","theme","arguments","undefined","escapedCode","replace","langKeywords","keywordsMap","toLowerCase","keywordColors","_ref","returnKeywords","colorOverwriteObject","colorCodeList","formatter","_a","colorOverWrite","call","_b","colorMap","console","log","overrides","Object","keys","colorMapLength","colorMapColors","error","warn","fallbackThemeColors","primary","secondary","tertiary","quaternary","fallbackColorList","values","forEach","kw","includes","colorIndex","getKeywordColorAccordingToLang","highlighted","sortedKeywords","sort","a","b","keyword","regex","RegExp","beforeReplace"],"mappings":"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"}
+{"version":3,"file":"CodeBlockHelper.js","sources":["../../../../src/components/code-block/CodeBlockHelper.ts"],"sourcesContent":["import { keywordsMap } from './keywordMap';\nimport * as javascriptFormatter from './languageSpecificFormatting/javascript_file';\nimport { CodeLanguage, CodeThemeMode } from './types';\n\n// Language formatter registry\nconst languageFormatters = {\n\tjavascript: javascriptFormatter,\n} as const;\n\nconst hashString = (str: string) => {\n\tlet hash = 0;\n\tfor (let i = 0; i < str.length; i++) {\n\t\thash = (hash << 5) - hash + str.charCodeAt(i);\n\t\thash |= 0; // force 32-bit\n\t}\n\treturn Math.abs(hash);\n};\n\n// Utility: generate consistent random color from string\nexport const randomStringToColor = (str: string) => {\n\tlet hash = 0;\n\tfor (let i = 0; i < str.length; i++) {\n\t\thash = str.charCodeAt(i) + ((hash << 5) - hash);\n\t}\n\tconst c = (hash & 0x00ffffff).toString(16).toUpperCase();\n\treturn `#${'00000'.substring(0, 6 - c.length) + c}`;\n};\n\n// Import language-specific formatters directly\n\nconst getKeywordColorAccordingToLang = ({\n\ttheme,\n\tlang,\n}: {\n\ttheme: CodeThemeMode;\n\tlang: CodeLanguage;\n}): Record<string, string> => {\n\tconst langKeywords = keywordsMap[lang.toLowerCase()] || [];\n\tconst returnKeywords: Record<string, string> = {};\n\n\t// Get language-specific color configuration\n\tlet colorOverwriteObject: Record<string, string> = {};\n\tlet colorCodeList: string[] = [];\n\n\t// Try to get language-specific formatting using the registry\n\tconst formatter =\n\t\tlanguageFormatters[lang.toLowerCase() as keyof typeof languageFormatters];\n\tif (formatter) {\n\t\ttry {\n\t\t\tcolorOverwriteObject = formatter.colorOverWrite?.(theme) || {};\n\t\t\tcolorCodeList = formatter.colorMap?.(theme) || [];\n\t\t\tconsole.log(`Formatter found for ${lang} (${theme}):`, {\n\t\t\t\toverrides: Object.keys(colorOverwriteObject),\n\t\t\t\tcolorMapLength: colorCodeList.length,\n\t\t\t\tcolorMapColors: colorCodeList,\n\t\t\t});\n\t\t} catch (error) {\n\t\t\tconsole.warn(`Failed to load formatting for ${lang}:`, error);\n\t\t}\n\t} else {\n\t\tconsole.log(`No formatter found for ${lang}`);\n\t}\n\n\t// Fallback theme-based colors if no language-specific colors are available\n\tconst fallbackThemeColors =\n\t\ttheme === 'dark'\n\t\t\t? {\n\t\t\t\t\tprimary: '#79c0ff',\n\t\t\t\t\tsecondary: '#a5d6ff',\n\t\t\t\t\ttertiary: '#ff7b72',\n\t\t\t\t\tquaternary: '#d2a8ff',\n\t\t\t  }\n\t\t\t: {\n\t\t\t\t\tprimary: '#0969da',\n\t\t\t\t\tsecondary: '#207d57ff',\n\t\t\t\t\ttertiary: '#d1242f',\n\t\t\t\t\tquaternary: '#8250df',\n\t\t\t  };\n\n\tconst fallbackColorList = Object.values(fallbackThemeColors);\n\n\tconsole.log(`Processing ${langKeywords.length} keywords for ${lang}`);\n\n\tlangKeywords.forEach((kw) => {\n\t\tif (colorOverwriteObject?.[kw]) {\n\t\t\t// Priority 1: Use specific color override\n\t\t\treturnKeywords[kw] = colorOverwriteObject[kw];\n\t\t\tif (['function', 'console', 'log'].includes(kw)) {\n\t\t\t\tconsole.log(`${kw}: using override color ${colorOverwriteObject[kw]}`);\n\t\t\t}\n\t\t} else if (colorCodeList && colorCodeList.length > 0) {\n\t\t\t// Priority 2: Use color from language-specific color map\n\t\t\tconst hash = hashString(kw) % colorCodeList.length;\n\t\t\treturnKeywords[kw] = colorCodeList[hash];\n\t\t\tif (['function', 'console', 'log'].includes(kw)) {\n\t\t\t\tconsole.log(`${kw}: using colorMap[${hash}] = ${colorCodeList[hash]}`);\n\t\t\t}\n\t\t} else {\n\t\t\t// Priority 3: Use fallback theme color\n\t\t\tconst colorIndex = hashString(kw) % fallbackColorList.length;\n\t\t\treturnKeywords[kw] = fallbackColorList[colorIndex];\n\t\t\tif (['function', 'console', 'log'].includes(kw)) {\n\t\t\t\tconsole.log(\n\t\t\t\t\t`${kw}: using fallback color ${fallbackColorList[colorIndex]}`,\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t});\n\n\treturn returnKeywords;\n};\n\nexport const highlightCode = (\n\tcode: string,\n\tlang: CodeLanguage,\n\ttheme: CodeThemeMode = 'dark',\n) => {\n\t// Escape HTML entities in code content only (not our span tags)\n\tconst escapeHtml = (str: string) => {\n\t\treturn str\n\t\t\t.replace(/&/g, '&amp;')\n\t\t\t.replace(/</g, '&lt;')\n\t\t\t.replace(/>/g, '&gt;');\n\t};\n\n\t// Escape HTML tags in the original code first\n\tconst escapedCode = escapeHtml(code);\n\tconst langKeywords = keywordsMap[lang.toLowerCase()] || [];\n\n\t// Assign consistent colors to each keyword\n\tconst keywordColors: Record<string, string> = getKeywordColorAccordingToLang({\n\t\ttheme,\n\t\tlang,\n\t});\n\n\tlet highlighted = escapedCode;\n\n\t// Strings first\n\thighlighted = highlighted.replace(\n\t\t/([\"'`])(?:\\\\.|(?!\\1).)*\\1/g,\n\t\t`<span class=\"string\">$&</span>`,\n\t);\n\n\t// Comments\n\thighlighted = highlighted.replace(\n\t\t/\\/\\/.*$/gm,\n\t\t`<span class=\"comment\">$&</span>`,\n\t);\n\thighlighted = highlighted.replace(\n\t\t/\\/\\*[\\s\\S]*?\\*\\//g,\n\t\t`<span class=\"comment\">$&</span>`,\n\t);\n\thighlighted = highlighted.replace(\n\t\t/#.*$/gm,\n\t\t`<span class=\"comment\">$&</span>`,\n\t);\n\n\t// Numbers\n\thighlighted = highlighted.replace(\n\t\t/\\b\\d+\\.?\\d*\\b/g,\n\t\t`<span class=\"number\">$&</span>`,\n\t);\n\n\t// Keywords with per-word color\n\t// Sort keywords by length (longest first) to avoid partial matches\n\tconst sortedKeywords = langKeywords.sort((a, b) => b.length - a.length);\n\n\tconsole.log(`Processing ${lang} keywords in order:`, sortedKeywords);\n\n\tsortedKeywords.forEach((keyword) => {\n\t\t// Use different regex patterns based on language\n\t\tlet regex: RegExp;\n\n\t\tif (lang.toLowerCase() === 'css') {\n\t\t\t// For CSS, match properties that are either at start of word or after whitespace/colon\n\t\t\t// and end with colon, whitespace, or end of line\n\t\t\tregex = new RegExp(\n\t\t\t\t`(^|[\\\\s:])\\\\b(${keyword.replace(\n\t\t\t\t\t/-/g,\n\t\t\t\t\t'\\\\-',\n\t\t\t\t)})(?=\\\\s*:|\\\\s|$)(?![^<]*>)`,\n\t\t\t\t'g',\n\t\t\t);\n\t\t} else {\n\t\t\t// For other languages, use standard word boundaries\n\t\t\tregex = new RegExp(`\\\\b(${keyword})\\\\b(?![^<]*>)`, 'g');\n\t\t}\n\n\t\tconst beforeReplace = highlighted;\n\n\t\tif (lang.toLowerCase() === 'css') {\n\t\t\t// For CSS, preserve the leading character (space/colon) and only wrap the keyword\n\t\t\thighlighted = highlighted.replace(\n\t\t\t\tregex,\n\t\t\t\t`$1<span style=\"color: ${keywordColors[keyword]}\">$2</span>`,\n\t\t\t);\n\t\t} else {\n\t\t\thighlighted = highlighted.replace(\n\t\t\t\tregex,\n\t\t\t\t`<span style=\"color: ${keywordColors[keyword]}\">$1</span>`,\n\t\t\t);\n\t\t}\n\n\t\t// Log if this keyword made any changes\n\t\tif (\n\t\t\tbeforeReplace !== highlighted &&\n\t\t\t['background', 'background-color', 'color'].includes(keyword)\n\t\t) {\n\t\t\tconsole.log(`${keyword} -> ${keywordColors[keyword]} (made changes)`);\n\t\t}\n\t});\n\treturn highlighted;\n};\n"],"names":["languageFormatters","javascript","hashString","str","hash","i","length","charCodeAt","Math","abs","highlightCode","code","lang","theme","escapedCode","replace","langKeywords","keywordsMap","toLowerCase","keywordColors","getKeywordColorAccordingToLang","returnKeywords","colorOverwriteObject","colorCodeList","formatter","_a","colorOverWrite","call","_b","colorMap","console","log","overrides","Object","keys","colorMapLength","colorMapColors","error","warn","fallbackThemeColors","primary","secondary","tertiary","quaternary","fallbackColorList","values","forEach","kw","includes","colorIndex","highlighted","sortedKeywords","sort","a","b","keyword","regex","RegExp","beforeReplace"],"mappings":"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"}

package/dist/cjs/components/country-code-picker/CountryPicker.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("../../assets/icons/chevronDown.svg.js"),r=require("react"),t=require("./CountryCodePicker.modal.js"),n=require("./CountryPicker.styled.js"),s=require("../dropdown/DropdownPopover/index.js");require("../dropdown/Dropdown.js"),require("../dropdown/ChipDropdown.js"),require("../zeroState/ZeroState.js");var d=require("../../constants/Theme.js");require("../../_virtual/_tslib.js"),require("lodash/debounce");var i=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");exports.CountryPicker=c=>{let{version:a,onCountrySelect:l,selectedCountry:u,popoverWidth:p="300px",height:j,placement:y="bottom-start",placementStrategy:m="absolute",disabled:h=!1,hideFlagImage:w=!1,containerStyles:O,placeholder:g="Select a country",showCountryCode:v=!0,countryTextStyle:x,onDropdownClick:q}=c;var C;const[S,b]=r.useState(u),D=null!=u?u:S,B=D?`https://flagcdn.com/${null===(C=D.code)||void 0===C?void 0:C.toLowerCase()}.svg`:void 0,f=r.useMemo((()=>t.CountriesData.map((o=>{var r;const t=`https://flagcdn.com/${null===(r=o.code)||void 0===r?void 0:r.toLowerCase()}.svg`;return{value:o.code,label:o.name,searchKey:o.name,customComponent:e.jsxs(n.StyledCountryOption,{children:[!w&&e.jsx("img",{src:t,className:"country-flag",alt:o.name}),e.jsxs("div",Object.assign({className:"country-info"},{children:[e.jsx(i.BodySecondary,Object.assign({style:Object.assign({color:d.COLORS.text.primary},x)},{children:o.name})),v&&e.jsx(i.BodySecondary,Object.assign({style:{color:d.COLORS.text.secondary,fontSize:"12px"}},{children:o.code}))]}))]}),selected:(null==D?void 0:D.code)===o.code}}))),[null==D?void 0:D.code,w,v,x]);return e.jsx(s.DropdownPopover,Object.assign({version:a,isSearchable:!0,width:p,placement:y,strategy:m,options:f,disabled:h,onSelect:e=>(e=>{const o=t.CountriesData.find((o=>o.code===e.value));o&&(void 0===u&&b(o),l(o))})(e)},{children:e.jsxs(n.StyledCountryPickerContainer,Object.assign({height:j,style:O,onClick:q,disabled:h},{children:[e.jsx("div",Object.assign({className:"content__wrapper"},{children:D?e.jsxs(e.Fragment,{children:[!w&&B&&e.jsx("img",{src:B,className:"country-flag",alt:D.name}),e.jsx(i.BodySecondary,Object.assign({style:x},{children:D.name}))]}):e.jsx(i.BodySecondary,Object.assign({style:Object.assign({color:d.COLORS.text.disabled},x)},{children:g}))})),e.jsx(o.default,{width:24,height:24,color:h?d.COLORS.text.disabled:d.COLORS.content.primary})]}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("../../assets/icons/chevronDown.svg.js"),r=require("react"),t=require("./CountryCodePicker.modal.js"),n=require("./CountryPicker.styled.js"),s=require("../dropdown/DropdownPopover/index.js");require("../dropdown/Dropdown.js"),require("../dropdown/ChipDropdown.js"),require("../zeroState/ZeroState.js");var d=require("../../constants/Theme.js");require("../../_virtual/_tslib.js"),require("lodash/debounce");var i=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");exports.CountryPicker=({version:c,onCountrySelect:a,selectedCountry:l,popoverWidth:u="300px",height:p,placement:j="bottom-start",placementStrategy:y="absolute",disabled:m=!1,hideFlagImage:h=!1,containerStyles:w,placeholder:O="Select a country",showCountryCode:g=!0,countryTextStyle:v,onDropdownClick:x})=>{var q;const[C,S]=r.useState(l),b=null!=l?l:C,D=b?`https://flagcdn.com/${null===(q=b.code)||void 0===q?void 0:q.toLowerCase()}.svg`:void 0,B=r.useMemo((()=>t.CountriesData.map((o=>{var r;const t=`https://flagcdn.com/${null===(r=o.code)||void 0===r?void 0:r.toLowerCase()}.svg`;return{value:o.code,label:o.name,searchKey:o.name,customComponent:e.jsxs(n.StyledCountryOption,{children:[!h&&e.jsx("img",{src:t,className:"country-flag",alt:o.name}),e.jsxs("div",Object.assign({className:"country-info"},{children:[e.jsx(i.BodySecondary,Object.assign({style:Object.assign({color:d.COLORS.text.primary},v)},{children:o.name})),g&&e.jsx(i.BodySecondary,Object.assign({style:{color:d.COLORS.text.secondary,fontSize:"12px"}},{children:o.code}))]}))]}),selected:(null==b?void 0:b.code)===o.code}}))),[null==b?void 0:b.code,h,g,v]);return e.jsx(s.DropdownPopover,Object.assign({version:c,isSearchable:!0,width:u,placement:j,strategy:y,options:B,disabled:m,onSelect:e=>(e=>{const o=t.CountriesData.find((o=>o.code===e.value));o&&(void 0===l&&S(o),a(o))})(e)},{children:e.jsxs(n.StyledCountryPickerContainer,Object.assign({height:p,style:w,onClick:x,disabled:m},{children:[e.jsx("div",Object.assign({className:"content__wrapper"},{children:b?e.jsxs(e.Fragment,{children:[!h&&D&&e.jsx("img",{src:D,className:"country-flag",alt:b.name}),e.jsx(i.BodySecondary,Object.assign({style:v},{children:b.name}))]}):e.jsx(i.BodySecondary,Object.assign({style:Object.assign({color:d.COLORS.text.disabled},v)},{children:O}))})),e.jsx(o.default,{width:24,height:24,color:m?d.COLORS.text.disabled:d.COLORS.content.primary})]}))}))};
 //# sourceMappingURL=CountryPicker.js.map

package/dist/cjs/components/country-code-picker/CountryPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"CountryPicker.js","sources":["../../../../src/components/country-code-picker/CountryPicker.tsx"],"sourcesContent":["import { Placement, PositioningStrategy } from '@popperjs/core';\nimport DownIcon from '@src/assets/icons/chevronDown.svg';\nimport React, { useMemo, useState } from 'react';\nimport {\n\tCountriesData,\n\tCountryCode,\n} from '@src/components/country-code-picker/CountryCodePicker.modal';\nimport {\n\tStyledCountryOption,\n\tStyledCountryPickerContainer,\n} from '@src/components/country-code-picker/CountryPicker.styled';\nimport { DropdownPopover } from '@src/components/dropdown';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\n/**\n * Props for the CountryPicker component\n */\nexport interface CountryPickerProps {\n\t/**\n\t * Version of the dropdown popover to use\n\t */\n\tversion: '1.0' | '2.0';\n\t/**\n\t * Callback function when a country is selected\n\t */\n\tonCountrySelect: (country: CountryCode) => void;\n\t/**\n\t * Currently selected country\n\t */\n\tselectedCountry?: CountryCode;\n\t/**\n\t * Width of the popover dropdown\n\t * @default \"300px\"\n\t */\n\tpopoverWidth?: string;\n\t/**\n\t * Height of the picker container\n\t */\n\theight?: string;\n\t/**\n\t * Placement of the dropdown relative to the trigger\n\t * @default \"bottom-start\"\n\t */\n\tplacement?: Placement;\n\t/**\n\t * Positioning strategy for the dropdown\n\t * @default \"absolute\"\n\t */\n\tplacementStrategy?: PositioningStrategy;\n\t/**\n\t * Whether the picker is disabled\n\t * @default false\n\t */\n\tdisabled?: boolean;\n\t/**\n\t * Whether to hide the flag image\n\t * @default false\n\t */\n\thideFlagImage?: boolean;\n\t/**\n\t * Custom styles for the container\n\t */\n\tcontainerStyles?: React.CSSProperties;\n\t/**\n\t * Placeholder text when no country is selected\n\t * @default \"Select a country\"\n\t */\n\tplaceholder?: string;\n\t/**\n\t * Whether to show country code alongside name\n\t * @default true\n\t */\n\tshowCountryCode?: boolean;\n\t/**\n\t * Custom text style for the country name\n\t */\n\tcountryTextStyle?: React.CSSProperties;\n\t/**\n\t * Callback when dropdown is clicked\n\t */\n\tonDropdownClick?: () => void;\n}\n\nexport const CountryPicker: React.FC<CountryPickerProps> = ({\n\tversion,\n\tonCountrySelect,\n\tselectedCountry,\n\tpopoverWidth = '300px',\n\theight,\n\tplacement = 'bottom-start',\n\tplacementStrategy = 'absolute',\n\tdisabled = false,\n\thideFlagImage = false,\n\tcontainerStyles,\n\tplaceholder = 'Select a country',\n\tshowCountryCode = true,\n\tcountryTextStyle,\n\tonDropdownClick,\n}) => {\n\tconst [internalSelectedCountry, setInternalSelectedCountry] = useState<\n\t\tCountryCode | undefined\n\t>(selectedCountry);\n\n\t// Derive the current selected country (controlled vs uncontrolled)\n\tconst currentCountry = selectedCountry ?? internalSelectedCountry;\n\n\tconst selectedFlag = currentCountry\n\t\t? `https://flagcdn.com/${currentCountry.code?.toLowerCase()}.svg`\n\t\t: undefined;\n\n\tconst getCountryOptions = useMemo((): DropdownOption[] => {\n\t\treturn CountriesData.map((country) => {\n\t\t\tconst flag = `https://flagcdn.com/${country.code?.toLowerCase()}.svg`;\n\t\t\treturn {\n\t\t\t\tvalue: country.code,\n\t\t\t\tlabel: country.name,\n\t\t\t\tsearchKey: country.name,\n\t\t\t\tcustomComponent: (\n\t\t\t\t\t<StyledCountryOption>\n\t\t\t\t\t\t{!hideFlagImage && (\n\t\t\t\t\t\t\t<img src={flag} className=\"country-flag\" alt={country.name} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div className=\"country-info\">\n\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: COLORS.text.primary,\n\t\t\t\t\t\t\t\t\t...countryTextStyle,\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{country.name}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t{showCountryCode && (\n\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tcolor: COLORS.text.secondary,\n\t\t\t\t\t\t\t\t\t\tfontSize: '12px',\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{country.code}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</StyledCountryOption>\n\t\t\t\t),\n\t\t\t\tselected: currentCountry?.code === country.code,\n\t\t\t};\n\t\t});\n\t}, [currentCountry?.code, hideFlagImage, showCountryCode, countryTextStyle]);\n\n\tconst handleCountrySelect = (option: SingleOption) => {\n\t\tconst matchingCountry = CountriesData.find(\n\t\t\t(country) => country.code === option.value,\n\t\t);\n\t\tif (matchingCountry) {\n\t\t\t// Only update internal state if in uncontrolled mode\n\t\t\tif (selectedCountry === undefined) {\n\t\t\t\tsetInternalSelectedCountry(matchingCountry);\n\t\t\t}\n\t\t\tonCountrySelect(matchingCountry);\n\t\t}\n\t};\n\n\treturn (\n\t\t<DropdownPopover\n\t\t\tversion={version}\n\t\t\tisSearchable\n\t\t\twidth={popoverWidth}\n\t\t\tplacement={placement}\n\t\t\tstrategy={placementStrategy}\n\t\t\toptions={getCountryOptions}\n\t\t\tdisabled={disabled}\n\t\t\tonSelect={(option) => handleCountrySelect(option as SingleOption)}\n\t\t>\n\t\t\t<StyledCountryPickerContainer\n\t\t\t\theight={height}\n\t\t\t\tstyle={containerStyles}\n\t\t\t\tonClick={onDropdownClick}\n\t\t\t\tdisabled={disabled}\n\t\t\t>\n\t\t\t\t<div className=\"content__wrapper\">\n\t\t\t\t\t{currentCountry ? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{!hideFlagImage && selectedFlag && (\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tsrc={selectedFlag}\n\t\t\t\t\t\t\t\t\tclassName=\"country-flag\"\n\t\t\t\t\t\t\t\t\talt={currentCountry.name}\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<BodySecondary style={countryTextStyle}>\n\t\t\t\t\t\t\t\t{currentCountry.name}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tcolor: COLORS.text.disabled,\n\t\t\t\t\t\t\t\t...countryTextStyle,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{placeholder}\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<DownIcon\n\t\t\t\t\twidth={24}\n\t\t\t\t\theight={24}\n\t\t\t\t\tcolor={disabled ? COLORS.text.disabled : COLORS.content.primary}\n\t\t\t\t/>\n\t\t\t</StyledCountryPickerContainer>\n\t\t</DropdownPopover>\n\t);\n};\n"],"names":["_ref","version","onCountrySelect","selectedCountry","popoverWidth","height","placement","placementStrategy","disabled","hideFlagImage","containerStyles","placeholder","showCountryCode","countryTextStyle","onDropdownClick","internalSelectedCountry","setInternalSelectedCountry","useState","currentCountry","selectedFlag","_a","code","toLowerCase","undefined","getCountryOptions","useMemo","CountriesData","map","country","flag","value","label","name","searchKey","customComponent","_jsxs","jsxs","StyledCountryOption","children","_jsx","src","className","alt","Object","assign","jsx","BodySecondary","style","color","COLORS","text","primary","secondary","fontSize","selected","DropdownPopover","isSearchable","width","strategy","options","onSelect","option","matchingCountry","find","handleCountrySelect","StyledCountryPickerContainer","onClick","_Fragment","DownIcon","content"],"mappings":"6vCAqF2DA,IAetD,IAfuDC,QAC3DA,EAAOC,gBACPA,EAAeC,gBACfA,EAAeC,aACfA,EAAe,QAAOC,OACtBA,EAAMC,UACNA,EAAY,eAAcC,kBAC1BA,EAAoB,WAAUC,SAC9BA,GAAW,EAAKC,cAChBA,GAAgB,EAAKC,gBACrBA,EAAeC,YACfA,EAAc,mBAAkBC,gBAChCA,GAAkB,EAAIC,iBACtBA,EAAgBC,gBAChBA,GACAd,QACA,MAAOe,EAAyBC,GAA8BC,EAAQA,SAEpEd,GAGIe,EAAiBf,QAAAA,EAAmBY,EAEpCI,EAAeD,yBACwB,QAAnBE,EAAAF,EAAeG,YAAI,IAAAD,OAAA,EAAAA,EAAEE,yBAC5CC,EAEGC,EAAoBC,EAAAA,SAAQ,IAC1BC,EAAaA,cAACC,KAAKC,UACzB,MAAMC,EAAO,uBAAqC,QAAdT,EAAAQ,EAAQP,YAAM,IAAAD,OAAA,EAAAA,EAAAE,oBAClD,MAAO,CACNQ,MAAOF,EAAQP,KACfU,MAAOH,EAAQI,KACfC,UAAWL,EAAQI,KACnBE,gBACCC,EAAAC,KAACC,sBAAmB,CAAAC,SAAA,EACjB7B,GACD8B,EAAAA,IAAK,MAAA,CAAAC,IAAKX,EAAMY,UAAU,eAAeC,IAAKd,EAAQI,OAEvDG,EAAAC,KAAA,MAAAO,OAAAC,OAAA,CAAKH,UAAU,gBACd,CAAAH,SAAA,CAAAC,EAAAM,IAACC,gBAAaH,OAAAC,OAAA,CACbG,MAAKJ,OAAAC,OAAA,CACJI,MAAOC,EAAAA,OAAOC,KAAKC,SAChBtC,IAAgB,CAAAyB,SAGnBV,EAAQI,QAETpB,GACA2B,EAAAA,IAACO,EAAAA,cACAH,OAAAC,OAAA,CAAAG,MAAO,CACNC,MAAOC,EAAAA,OAAOC,KAAKE,UACnBC,SAAU,SACV,CAAAf,SAEAV,EAAQP,eAMdiC,UAAUpC,aAAc,EAAdA,EAAgBG,QAASO,EAAQP,KAC3C,KAEA,CAACH,eAAAA,EAAgBG,KAAMZ,EAAeG,EAAiBC,IAe1D,OACC0B,MAACgB,EAAAA,gBACAZ,OAAAC,OAAA,CAAA3C,QAASA,EACTuD,cAAY,EACZC,MAAOrD,EACPE,UAAWA,EACXoD,SAAUnD,EACVoD,QAASnC,EACThB,SAAUA,EACVoD,SAAWC,GAtBgBA,KAC5B,MAAMC,EAAkBpC,EAAaA,cAACqC,MACpCnC,GAAYA,EAAQP,OAASwC,EAAO/B,QAElCgC,SAEqBvC,IAApBpB,GACHa,EAA2B8C,GAE5B5D,EAAgB4D,GAChB,EAYsBE,CAAoBH,IAAuB,CAAAvB,SAEjEH,OAAC8B,+BAA4BtB,OAAAC,OAAA,CAC5BvC,OAAQA,EACR0C,MAAOrC,EACPwD,QAASpD,EACTN,SAAUA,GAAQ,CAAA8B,SAAA,CAElBC,EAAKM,IAAA,MAAAF,OAAAC,OAAA,CAAAH,UAAU,oBAAkB,CAAAH,SAC/BpB,EACAiB,EAAAC,KAAA+B,WAAA,CAAA7B,SAAA,EACG7B,GAAiBU,GAClBoB,EAAAA,IACC,MAAA,CAAAC,IAAKrB,EACLsB,UAAU,eACVC,IAAKxB,EAAec,OAGtBO,MAACO,gBAAaH,OAAAC,OAAA,CAACG,MAAOlC,aACpBK,EAAec,WAIlBO,EAACM,IAAAC,gBACAH,OAAAC,OAAA,CAAAG,qBACCC,MAAOC,EAAAA,OAAOC,KAAK1C,UAChBK,IAAgB,CAAAyB,SAGnB3B,QAIJ4B,MAAC6B,UAAQ,CACRX,MAAO,GACPpD,OAAQ,GACR2C,MAAOxC,EAAWyC,SAAOC,KAAK1C,SAAWyC,EAAAA,OAAOoB,QAAQlB,gBAGzC"}
+{"version":3,"file":"CountryPicker.js","sources":["../../../../src/components/country-code-picker/CountryPicker.tsx"],"sourcesContent":["import { Placement, PositioningStrategy } from '@popperjs/core';\nimport DownIcon from '@src/assets/icons/chevronDown.svg';\nimport React, { useMemo, useState } from 'react';\nimport {\n\tCountriesData,\n\tCountryCode,\n} from '@src/components/country-code-picker/CountryCodePicker.modal';\nimport {\n\tStyledCountryOption,\n\tStyledCountryPickerContainer,\n} from '@src/components/country-code-picker/CountryPicker.styled';\nimport { DropdownPopover } from '@src/components/dropdown';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\n/**\n * Props for the CountryPicker component\n */\nexport interface CountryPickerProps {\n\t/**\n\t * Version of the dropdown popover to use\n\t */\n\tversion: '1.0' | '2.0';\n\t/**\n\t * Callback function when a country is selected\n\t */\n\tonCountrySelect: (country: CountryCode) => void;\n\t/**\n\t * Currently selected country\n\t */\n\tselectedCountry?: CountryCode;\n\t/**\n\t * Width of the popover dropdown\n\t * @default \"300px\"\n\t */\n\tpopoverWidth?: string;\n\t/**\n\t * Height of the picker container\n\t */\n\theight?: string;\n\t/**\n\t * Placement of the dropdown relative to the trigger\n\t * @default \"bottom-start\"\n\t */\n\tplacement?: Placement;\n\t/**\n\t * Positioning strategy for the dropdown\n\t * @default \"absolute\"\n\t */\n\tplacementStrategy?: PositioningStrategy;\n\t/**\n\t * Whether the picker is disabled\n\t * @default false\n\t */\n\tdisabled?: boolean;\n\t/**\n\t * Whether to hide the flag image\n\t * @default false\n\t */\n\thideFlagImage?: boolean;\n\t/**\n\t * Custom styles for the container\n\t */\n\tcontainerStyles?: React.CSSProperties;\n\t/**\n\t * Placeholder text when no country is selected\n\t * @default \"Select a country\"\n\t */\n\tplaceholder?: string;\n\t/**\n\t * Whether to show country code alongside name\n\t * @default true\n\t */\n\tshowCountryCode?: boolean;\n\t/**\n\t * Custom text style for the country name\n\t */\n\tcountryTextStyle?: React.CSSProperties;\n\t/**\n\t * Callback when dropdown is clicked\n\t */\n\tonDropdownClick?: () => void;\n}\n\nexport const CountryPicker: React.FC<CountryPickerProps> = ({\n\tversion,\n\tonCountrySelect,\n\tselectedCountry,\n\tpopoverWidth = '300px',\n\theight,\n\tplacement = 'bottom-start',\n\tplacementStrategy = 'absolute',\n\tdisabled = false,\n\thideFlagImage = false,\n\tcontainerStyles,\n\tplaceholder = 'Select a country',\n\tshowCountryCode = true,\n\tcountryTextStyle,\n\tonDropdownClick,\n}) => {\n\tconst [internalSelectedCountry, setInternalSelectedCountry] = useState<\n\t\tCountryCode | undefined\n\t>(selectedCountry);\n\n\t// Derive the current selected country (controlled vs uncontrolled)\n\tconst currentCountry = selectedCountry ?? internalSelectedCountry;\n\n\tconst selectedFlag = currentCountry\n\t\t? `https://flagcdn.com/${currentCountry.code?.toLowerCase()}.svg`\n\t\t: undefined;\n\n\tconst getCountryOptions = useMemo((): DropdownOption[] => {\n\t\treturn CountriesData.map((country) => {\n\t\t\tconst flag = `https://flagcdn.com/${country.code?.toLowerCase()}.svg`;\n\t\t\treturn {\n\t\t\t\tvalue: country.code,\n\t\t\t\tlabel: country.name,\n\t\t\t\tsearchKey: country.name,\n\t\t\t\tcustomComponent: (\n\t\t\t\t\t<StyledCountryOption>\n\t\t\t\t\t\t{!hideFlagImage && (\n\t\t\t\t\t\t\t<img src={flag} className=\"country-flag\" alt={country.name} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div className=\"country-info\">\n\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor: COLORS.text.primary,\n\t\t\t\t\t\t\t\t\t...countryTextStyle,\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{country.name}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t{showCountryCode && (\n\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tcolor: COLORS.text.secondary,\n\t\t\t\t\t\t\t\t\t\tfontSize: '12px',\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{country.code}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</StyledCountryOption>\n\t\t\t\t),\n\t\t\t\tselected: currentCountry?.code === country.code,\n\t\t\t};\n\t\t});\n\t}, [currentCountry?.code, hideFlagImage, showCountryCode, countryTextStyle]);\n\n\tconst handleCountrySelect = (option: SingleOption) => {\n\t\tconst matchingCountry = CountriesData.find(\n\t\t\t(country) => country.code === option.value,\n\t\t);\n\t\tif (matchingCountry) {\n\t\t\t// Only update internal state if in uncontrolled mode\n\t\t\tif (selectedCountry === undefined) {\n\t\t\t\tsetInternalSelectedCountry(matchingCountry);\n\t\t\t}\n\t\t\tonCountrySelect(matchingCountry);\n\t\t}\n\t};\n\n\treturn (\n\t\t<DropdownPopover\n\t\t\tversion={version}\n\t\t\tisSearchable\n\t\t\twidth={popoverWidth}\n\t\t\tplacement={placement}\n\t\t\tstrategy={placementStrategy}\n\t\t\toptions={getCountryOptions}\n\t\t\tdisabled={disabled}\n\t\t\tonSelect={(option) => handleCountrySelect(option as SingleOption)}\n\t\t>\n\t\t\t<StyledCountryPickerContainer\n\t\t\t\theight={height}\n\t\t\t\tstyle={containerStyles}\n\t\t\t\tonClick={onDropdownClick}\n\t\t\t\tdisabled={disabled}\n\t\t\t>\n\t\t\t\t<div className=\"content__wrapper\">\n\t\t\t\t\t{currentCountry ? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{!hideFlagImage && selectedFlag && (\n\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\tsrc={selectedFlag}\n\t\t\t\t\t\t\t\t\tclassName=\"country-flag\"\n\t\t\t\t\t\t\t\t\talt={currentCountry.name}\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<BodySecondary style={countryTextStyle}>\n\t\t\t\t\t\t\t\t{currentCountry.name}\n\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t</>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tcolor: COLORS.text.disabled,\n\t\t\t\t\t\t\t\t...countryTextStyle,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{placeholder}\n\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t\t<DownIcon\n\t\t\t\t\twidth={24}\n\t\t\t\t\theight={24}\n\t\t\t\t\tcolor={disabled ? COLORS.text.disabled : COLORS.content.primary}\n\t\t\t\t/>\n\t\t\t</StyledCountryPickerContainer>\n\t\t</DropdownPopover>\n\t);\n};\n"],"names":["CountryPicker","version","onCountrySelect","selectedCountry","popoverWidth","height","placement","placementStrategy","disabled","hideFlagImage","containerStyles","placeholder","showCountryCode","countryTextStyle","onDropdownClick","internalSelectedCountry","setInternalSelectedCountry","useState","currentCountry","selectedFlag","_a","code","toLowerCase","undefined","getCountryOptions","useMemo","CountriesData","map","country","flag","value","label","name","searchKey","customComponent","_jsxs","jsxs","StyledCountryOption","children","_jsx","src","className","alt","Object","assign","jsx","BodySecondary","style","color","COLORS","text","primary","secondary","fontSize","selected","DropdownPopover","isSearchable","width","strategy","options","onSelect","option","matchingCountry","find","handleCountrySelect","StyledCountryPickerContainer","onClick","_Fragment","DownIcon","content"],"mappings":"6vCAqF2DA,EAC1DC,UACAC,kBACAC,kBACAC,eAAe,QACfC,SACAC,YAAY,eACZC,oBAAoB,WACpBC,YAAW,EACXC,iBAAgB,EAChBC,kBACAC,cAAc,mBACdC,mBAAkB,EAClBC,mBACAC,4BAEA,MAAOC,EAAyBC,GAA8BC,EAAQA,SAEpEd,GAGIe,EAAiBf,QAAAA,EAAmBY,EAEpCI,EAAeD,EAClB,uBAA0C,QAAnBE,EAAAF,EAAeG,YAAI,IAAAD,OAAA,EAAAA,EAAEE,yBAC5CC,EAEGC,EAAoBC,EAAAA,SAAQ,IAC1BC,EAAaA,cAACC,KAAKC,UACzB,MAAMC,EAAO,uBAAqC,QAAdT,EAAAQ,EAAQP,YAAM,IAAAD,OAAA,EAAAA,EAAAE,oBAClD,MAAO,CACNQ,MAAOF,EAAQP,KACfU,MAAOH,EAAQI,KACfC,UAAWL,EAAQI,KACnBE,gBACCC,EAAAC,KAACC,sBAAmB,CAAAC,SAAA,EACjB7B,GACD8B,EAAAA,IAAK,MAAA,CAAAC,IAAKX,EAAMY,UAAU,eAAeC,IAAKd,EAAQI,OAEvDG,EAAAC,KAAA,MAAAO,OAAAC,OAAA,CAAKH,UAAU,gBACd,CAAAH,SAAA,CAAAC,EAAAM,IAACC,gBAAaH,OAAAC,OAAA,CACbG,MAAKJ,OAAAC,OAAA,CACJI,MAAOC,EAAAA,OAAOC,KAAKC,SAChBtC,IAAgB,CAAAyB,SAGnBV,EAAQI,QAETpB,GACA2B,EAAAA,IAACO,EAAAA,cACAH,OAAAC,OAAA,CAAAG,MAAO,CACNC,MAAOC,EAAAA,OAAOC,KAAKE,UACnBC,SAAU,SACV,CAAAf,SAEAV,EAAQP,eAMdiC,UAAUpC,aAAc,EAAdA,EAAgBG,QAASO,EAAQP,KAC3C,KAEA,CAACH,eAAAA,EAAgBG,KAAMZ,EAAeG,EAAiBC,IAe1D,OACC0B,MAACgB,EAAAA,gBACAZ,OAAAC,OAAA,CAAA3C,QAASA,EACTuD,cAAY,EACZC,MAAOrD,EACPE,UAAWA,EACXoD,SAAUnD,EACVoD,QAASnC,EACThB,SAAUA,EACVoD,SAAWC,GAtBgBA,KAC5B,MAAMC,EAAkBpC,EAAaA,cAACqC,MACpCnC,GAAYA,EAAQP,OAASwC,EAAO/B,QAElCgC,SAEqBvC,IAApBpB,GACHa,EAA2B8C,GAE5B5D,EAAgB4D,GAChB,EAYsBE,CAAoBH,IAAuB,CAAAvB,SAEjEH,OAAC8B,+BAA4BtB,OAAAC,OAAA,CAC5BvC,OAAQA,EACR0C,MAAOrC,EACPwD,QAASpD,EACTN,SAAUA,GAAQ,CAAA8B,SAAA,CAElBC,EAAKM,IAAA,MAAAF,OAAAC,OAAA,CAAAH,UAAU,oBAAkB,CAAAH,SAC/BpB,EACAiB,EAAAC,KAAA+B,WAAA,CAAA7B,SAAA,EACG7B,GAAiBU,GAClBoB,EAAAA,IACC,MAAA,CAAAC,IAAKrB,EACLsB,UAAU,eACVC,IAAKxB,EAAec,OAGtBO,MAACO,gBAAaH,OAAAC,OAAA,CAACG,MAAOlC,aACpBK,EAAec,WAIlBO,EAACM,IAAAC,gBACAH,OAAAC,OAAA,CAAAG,qBACCC,MAAOC,EAAAA,OAAOC,KAAK1C,UAChBK,IAAgB,CAAAyB,SAGnB3B,QAIJ4B,MAAC6B,UAAQ,CACRX,MAAO,GACPpD,OAAQ,GACR2C,MAAOxC,EAAWyC,SAAOC,KAAK1C,SAAWyC,EAAAA,OAAOoB,QAAQlB,gBAGzC"}

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

@@ -1 +1 @@
-{"version":3,"file":"CustomDateTime.js","sources":["../../../../src/components/custom-date-time/CustomDateTime.tsx"],"sourcesContent":["import { Placement } from '@popperjs/core';\nimport { format, isToday } from 'date-fns';\nimport React, { useEffect, useState } from 'react';\nimport DateSelector from '@src/components/custom-date-time/DateSelector/DateSelector';\nimport { DropdownPopover } from '@src/components/dropdown';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { Input } from '@src/components/input';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport DateUtils from '@src/utils/DateUtils';\nimport CaratDown from '../../assets/icons/chevronDown.svg';\nimport ClockIcon from '../../assets/icons/clock.svg';\nimport { CustomDateTimeStyle } from './CustomDateTime.styled';\n\nexport interface CustomTimeProps {\n\ttime: string;\n\tdate: Date;\n\tminDate?: Date;\n\tonChange: (date: Date) => void;\n\terror: string | undefined;\n\tsetError: (error: string | undefined) => void;\n\tplacement: Placement;\n}\n\nconst getTimingList = (selectedTime: string) => {\n\tconst timeList: DropdownOption[] = [];\n\tfor (let i = 0; i < 2; i++) {\n\t\tfor (let hrs = 0; hrs < 12; hrs++) {\n\t\t\tlet hrsStr;\n\t\t\tif (hrs === 0) {\n\t\t\t\thrsStr = '12';\n\t\t\t} else {\n\t\t\t\thrsStr = hrs < 10 ? `0${hrs}` : `${hrs}`;\n\t\t\t}\n\t\t\tconst time1 = `${hrsStr}:00 ${i === 0 ? 'AM' : 'PM'}`;\n\t\t\tconst time2 = `${hrsStr}:30 ${i === 0 ? 'AM' : 'PM'}`;\n\t\t\ttimeList.push(\n\t\t\t\t...[\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: time1,\n\t\t\t\t\t\tvalue: time1,\n\t\t\t\t\t\tselected: time1 === selectedTime,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: time2,\n\t\t\t\t\t\tvalue: time2,\n\t\t\t\t\t\tselected: time2 === selectedTime,\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t);\n\t\t}\n\t}\n\treturn timeList;\n};\n\nexport const CustomDateTime: React.FC<CustomTimeProps> = (props) => {\n\tconst [customTime, setCustomTime] = useState(props.time);\n\tconst [customDate, setCustomDate] = useState(props.date);\n\n\tuseEffect(() => {\n\t\tprops.setError(undefined);\n\t\tconst customTimeIn24HourFormat =\n\t\t\tDateUtils.convert12HourTimeTo24Hour(customTime);\n\t\tconst currentTime = format(new Date(), 'HH:mm:ss');\n\t\tif (isToday(customDate) && customTimeIn24HourFormat < currentTime) {\n\t\t\tprops.setError('Selected time should be later than current time');\n\t\t\treturn;\n\t\t} else {\n\t\t\tprops.setError(undefined);\n\t\t}\n\t\tconst [hours, minutes] = customTimeIn24HourFormat.split(':');\n\t\tconst newDate = new Date(customDate.getTime());\n\t\tnewDate.setHours(+hours, +minutes);\n\t\tprops.onChange(newDate);\n\t}, [customDate, customTime]);\n\n\tconst customTimeChangeHandler = (time: string) => {\n\t\tconst isValid = DateUtils.timeFormatValidation(time);\n\t\tif (isValid) {\n\t\t\tconst customTimeIn24HourFormat =\n\t\t\t\tDateUtils.convert12HourTimeTo24Hour(time);\n\n\t\t\tconst currentTime = format(new Date(), 'HH:mm:ss');\n\t\t\tif (isToday(customDate) && customTimeIn24HourFormat < currentTime) {\n\t\t\t\tprops.setError('Selected time should be later than current time');\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tprops.setError(undefined);\n\t\t\tsetCustomTime(time);\n\t\t} else {\n\t\t\tprops.setError('Format of time should be \"HH:MM AM\" or \"HH:MM PM\"');\n\t\t}\n\t};\n\n\treturn (\n\t\t<CustomDateTimeStyle>\n\t\t\t<div style={{ display: 'flex', gap: 16 }}>\n\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t<DateSelector\n\t\t\t\t\t\tcustomDate={customDate}\n\t\t\t\t\t\tsetCustomDate={setCustomDate}\n\t\t\t\t\t\tplacement={props.placement}\n\t\t\t\t\t\tminDate={props.minDate}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t<DropdownPopover\n\t\t\t\t\t\toptions={getTimingList(customTime)}\n\t\t\t\t\t\tonSelect={(time) => {\n\t\t\t\t\t\t\tsetCustomTime((time as SingleOption).value);\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\tvalue={customTime}\n\t\t\t\t\t\t\tleftIcon={{ icon: ClockIcon }}\n\t\t\t\t\t\t\trightIcon={{ icon: CaratDown }}\n\t\t\t\t\t\t\tonChangeText={(time) => customTimeChangeHandler(time)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</DropdownPopover>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{props.error && (\n\t\t\t\t<BodySecondary style={{ paddingTop: 8 }}>{props.error}</BodySecondary>\n\t\t\t)}\n\t\t</CustomDateTimeStyle>\n\t);\n};\n"],"names":["getTimingList","selectedTime","timeList","i","hrs","hrsStr","time1","time2","push","label","value","selected","props","customTime","setCustomTime","useState","time","customDate","setCustomDate","date","useEffect","setError","undefined","customTimeIn24HourFormat","DateUtils","convert12HourTimeTo24Hour","currentTime","format","Date","isToday","hours","minutes","split","newDate","getTime","setHours","onChange","_jsxs","CustomDateTimeStyle","children","style","display","gap","_jsx","jsx","Object","assign","flex","DateSelector","placement","minDate","DropdownPopover","options","onSelect","Input","leftIcon","icon","ClockIcon","rightIcon","CaratDown","onChangeText","timeFormatValidation","customTimeChangeHandler","error","BodySecondary","paddingTop"],"mappings":"u1CAuBA,MAAMA,EAAiBC,IACtB,MAAMC,EAA6B,GACnC,IAAK,IAAIC,EAAI,EAAGA,EAAI,EAAGA,IACtB,IAAK,IAAIC,EAAM,EAAGA,EAAM,GAAIA,IAAO,CAClC,IAAIC,EAEHA,EADW,IAARD,EACM,KAEAA,EAAM,GAAK,IAAIA,IAAW,GAAAA,IAEpC,MAAME,EAAQ,GAAGD,QAAmB,IAANF,EAAU,KAAO,OACzCI,EAAQ,GAAGF,QAAmB,IAANF,EAAU,KAAO,OAC/CD,EAASM,KAEP,CACCC,MAAOH,EACPI,MAAOJ,EACPK,SAAUL,IAAUL,GAErB,CACCQ,MAAOF,EACPG,MAAOH,EACPI,SAAUJ,IAAUN,GAIvB,CAEF,OAAOC,CAAQ,yBAG0CU,IACzD,MAAOC,EAAYC,GAAiBC,EAAAA,SAASH,EAAMI,OAC5CC,EAAYC,GAAiBH,EAAAA,SAASH,EAAMO,MAEnDC,EAAAA,WAAU,KACTR,EAAMS,cAASC,GACf,MAAMC,EACLC,EAAAA,QAAUC,0BAA0BZ,GAC/Ba,EAAcC,EAAMA,OAAC,IAAIC,KAAQ,YACvC,GAAIC,UAAQZ,IAAeM,EAA2BG,EAErD,YADAd,EAAMS,SAAS,mDAGfT,EAAMS,cAASC,GAEhB,MAAOQ,EAAOC,GAAWR,EAAyBS,MAAM,KAClDC,EAAU,IAAIL,KAAKX,EAAWiB,WACpCD,EAAQE,UAAUL,GAAQC,GAC1BnB,EAAMwB,SAASH,EAAQ,GACrB,CAAChB,EAAYJ,IAoBhB,OACCwB,EAAAA,KAACC,EAAAA,oBAAmB,CAAAC,SAAA,CACnBF,4BAAKG,MAAO,CAAEC,QAAS,OAAQC,IAAK,KAAI,CAAAH,SAAA,CACvCI,EAAKC,IAAA,MAAAC,OAAAC,OAAA,CAAAN,MAAO,CAAEO,KAAM,IACnB,CAAAR,SAAAI,EAAAC,IAACI,UAAY,CACZ/B,WAAYA,EACZC,cAAeA,EACf+B,UAAWrC,EAAMqC,UACjBC,QAAStC,EAAMsC,aAGjBP,EAAAC,IAAA,MAAAC,OAAAC,OAAA,CAAKN,MAAO,CAAEO,KAAM,cACnBJ,EAACC,IAAAO,kBACAN,OAAAC,OAAA,CAAAM,QAASpD,EAAca,GACvBwC,SAAWrC,IACVF,EAAeE,EAAsBN,MAAM,GAG5C,CAAA6B,SAAAI,EAAAC,IAACU,QAAK,CACL5C,MAAOG,EACP0C,SAAU,CAAEC,KAAMC,EAAAA,SAClBC,UAAW,CAAEF,KAAMG,EAAAA,SACnBC,aAAe5C,GAxCYA,KAEhC,GADgBQ,EAAAA,QAAUqC,qBAAqB7C,GAClC,CACZ,MAAMO,EACLC,EAAAA,QAAUC,0BAA0BT,GAE/BU,EAAcC,EAAMA,OAAC,IAAIC,KAAQ,YACvC,GAAIC,UAAQZ,IAAeM,EAA2BG,EAErD,YADAd,EAAMS,SAAS,mDAGhBT,EAAMS,cAASC,GACfR,EAAcE,EACd,MACAJ,EAAMS,SAAS,oDACf,EAyB4ByC,CAAwB9C,eAKnDJ,EAAMmD,OACNpB,MAACqB,EAAaA,cAAAnB,OAAAC,OAAA,CAACN,MAAO,CAAEyB,WAAY,IAAG,CAAA1B,SAAG3B,EAAMmD,WAE5B"}
+{"version":3,"file":"CustomDateTime.js","sources":["../../../../src/components/custom-date-time/CustomDateTime.tsx"],"sourcesContent":["import { Placement } from '@popperjs/core';\nimport { format, isToday } from 'date-fns';\nimport React, { useEffect, useState } from 'react';\nimport DateSelector from '@src/components/custom-date-time/DateSelector/DateSelector';\nimport { DropdownPopover } from '@src/components/dropdown';\nimport { DropdownOption, SingleOption } from '@src/components/dropdown/type';\nimport { Input } from '@src/components/input';\nimport { BodySecondary } from '@src/components/TypographyStyle';\nimport DateUtils from '@src/utils/DateUtils';\nimport CaratDown from '../../assets/icons/chevronDown.svg';\nimport ClockIcon from '../../assets/icons/clock.svg';\nimport { CustomDateTimeStyle } from './CustomDateTime.styled';\n\nexport interface CustomTimeProps {\n\ttime: string;\n\tdate: Date;\n\tminDate?: Date;\n\tonChange: (date: Date) => void;\n\terror: string | undefined;\n\tsetError: (error: string | undefined) => void;\n\tplacement: Placement;\n}\n\nconst getTimingList = (selectedTime: string) => {\n\tconst timeList: DropdownOption[] = [];\n\tfor (let i = 0; i < 2; i++) {\n\t\tfor (let hrs = 0; hrs < 12; hrs++) {\n\t\t\tlet hrsStr;\n\t\t\tif (hrs === 0) {\n\t\t\t\thrsStr = '12';\n\t\t\t} else {\n\t\t\t\thrsStr = hrs < 10 ? `0${hrs}` : `${hrs}`;\n\t\t\t}\n\t\t\tconst time1 = `${hrsStr}:00 ${i === 0 ? 'AM' : 'PM'}`;\n\t\t\tconst time2 = `${hrsStr}:30 ${i === 0 ? 'AM' : 'PM'}`;\n\t\t\ttimeList.push(\n\t\t\t\t...[\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: time1,\n\t\t\t\t\t\tvalue: time1,\n\t\t\t\t\t\tselected: time1 === selectedTime,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: time2,\n\t\t\t\t\t\tvalue: time2,\n\t\t\t\t\t\tselected: time2 === selectedTime,\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t);\n\t\t}\n\t}\n\treturn timeList;\n};\n\nexport const CustomDateTime: React.FC<CustomTimeProps> = (props) => {\n\tconst [customTime, setCustomTime] = useState(props.time);\n\tconst [customDate, setCustomDate] = useState(props.date);\n\n\tuseEffect(() => {\n\t\tprops.setError(undefined);\n\t\tconst customTimeIn24HourFormat =\n\t\t\tDateUtils.convert12HourTimeTo24Hour(customTime);\n\t\tconst currentTime = format(new Date(), 'HH:mm:ss');\n\t\tif (isToday(customDate) && customTimeIn24HourFormat < currentTime) {\n\t\t\tprops.setError('Selected time should be later than current time');\n\t\t\treturn;\n\t\t} else {\n\t\t\tprops.setError(undefined);\n\t\t}\n\t\tconst [hours, minutes] = customTimeIn24HourFormat.split(':');\n\t\tconst newDate = new Date(customDate.getTime());\n\t\tnewDate.setHours(+hours, +minutes);\n\t\tprops.onChange(newDate);\n\t}, [customDate, customTime]);\n\n\tconst customTimeChangeHandler = (time: string) => {\n\t\tconst isValid = DateUtils.timeFormatValidation(time);\n\t\tif (isValid) {\n\t\t\tconst customTimeIn24HourFormat =\n\t\t\t\tDateUtils.convert12HourTimeTo24Hour(time);\n\n\t\t\tconst currentTime = format(new Date(), 'HH:mm:ss');\n\t\t\tif (isToday(customDate) && customTimeIn24HourFormat < currentTime) {\n\t\t\t\tprops.setError('Selected time should be later than current time');\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tprops.setError(undefined);\n\t\t\tsetCustomTime(time);\n\t\t} else {\n\t\t\tprops.setError('Format of time should be \"HH:MM AM\" or \"HH:MM PM\"');\n\t\t}\n\t};\n\n\treturn (\n\t\t<CustomDateTimeStyle>\n\t\t\t<div style={{ display: 'flex', gap: 16 }}>\n\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t<DateSelector\n\t\t\t\t\t\tcustomDate={customDate}\n\t\t\t\t\t\tsetCustomDate={setCustomDate}\n\t\t\t\t\t\tplacement={props.placement}\n\t\t\t\t\t\tminDate={props.minDate}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t\t<div style={{ flex: 1 }}>\n\t\t\t\t\t<DropdownPopover\n\t\t\t\t\t\toptions={getTimingList(customTime)}\n\t\t\t\t\t\tonSelect={(time) => {\n\t\t\t\t\t\t\tsetCustomTime((time as SingleOption).value);\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\tvalue={customTime}\n\t\t\t\t\t\t\tleftIcon={{ icon: ClockIcon }}\n\t\t\t\t\t\t\trightIcon={{ icon: CaratDown }}\n\t\t\t\t\t\t\tonChangeText={(time) => customTimeChangeHandler(time)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</DropdownPopover>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{props.error && (\n\t\t\t\t<BodySecondary style={{ paddingTop: 8 }}>{props.error}</BodySecondary>\n\t\t\t)}\n\t\t</CustomDateTimeStyle>\n\t);\n};\n"],"names":["getTimingList","selectedTime","timeList","i","hrs","hrsStr","time1","time2","push","label","value","selected","props","customTime","setCustomTime","useState","time","customDate","setCustomDate","date","useEffect","setError","undefined","customTimeIn24HourFormat","DateUtils","convert12HourTimeTo24Hour","currentTime","format","Date","isToday","hours","minutes","split","newDate","getTime","setHours","onChange","_jsxs","CustomDateTimeStyle","children","style","display","gap","_jsx","jsx","Object","assign","flex","DateSelector","placement","minDate","DropdownPopover","options","onSelect","Input","leftIcon","icon","ClockIcon","rightIcon","CaratDown","onChangeText","timeFormatValidation","customTimeChangeHandler","error","BodySecondary","paddingTop"],"mappings":"u1CAuBA,MAAMA,EAAiBC,IACtB,MAAMC,EAA6B,GACnC,IAAK,IAAIC,EAAI,EAAGA,EAAI,EAAGA,IACtB,IAAK,IAAIC,EAAM,EAAGA,EAAM,GAAIA,IAAO,CAClC,IAAIC,EAEHA,EADW,IAARD,EACM,KAEAA,EAAM,GAAK,IAAIA,IAAQ,GAAGA,IAEpC,MAAME,EAAQ,GAAGD,QAAmB,IAANF,EAAU,KAAO,OACzCI,EAAQ,GAAGF,QAAmB,IAANF,EAAU,KAAO,OAC/CD,EAASM,KAEP,CACCC,MAAOH,EACPI,MAAOJ,EACPK,SAAUL,IAAUL,GAErB,CACCQ,MAAOF,EACPG,MAAOH,EACPI,SAAUJ,IAAUN,GAIvB,CAEF,OAAOC,CAAQ,yBAG0CU,IACzD,MAAOC,EAAYC,GAAiBC,EAAAA,SAASH,EAAMI,OAC5CC,EAAYC,GAAiBH,EAAAA,SAASH,EAAMO,MAEnDC,EAAAA,WAAU,KACTR,EAAMS,cAASC,GACf,MAAMC,EACLC,EAAAA,QAAUC,0BAA0BZ,GAC/Ba,EAAcC,EAAMA,OAAC,IAAIC,KAAQ,YACvC,GAAIC,UAAQZ,IAAeM,EAA2BG,EAErD,YADAd,EAAMS,SAAS,mDAGfT,EAAMS,cAASC,GAEhB,MAAOQ,EAAOC,GAAWR,EAAyBS,MAAM,KAClDC,EAAU,IAAIL,KAAKX,EAAWiB,WACpCD,EAAQE,UAAUL,GAAQC,GAC1BnB,EAAMwB,SAASH,EAAQ,GACrB,CAAChB,EAAYJ,IAoBhB,OACCwB,EAAAA,KAACC,EAAAA,oBAAmB,CAAAC,SAAA,CACnBF,4BAAKG,MAAO,CAAEC,QAAS,OAAQC,IAAK,KAAI,CAAAH,SAAA,CACvCI,EAAKC,IAAA,MAAAC,OAAAC,OAAA,CAAAN,MAAO,CAAEO,KAAM,IACnB,CAAAR,SAAAI,EAAAC,IAACI,UAAY,CACZ/B,WAAYA,EACZC,cAAeA,EACf+B,UAAWrC,EAAMqC,UACjBC,QAAStC,EAAMsC,aAGjBP,EAAAC,IAAA,MAAAC,OAAAC,OAAA,CAAKN,MAAO,CAAEO,KAAM,cACnBJ,EAACC,IAAAO,kBACAN,OAAAC,OAAA,CAAAM,QAASpD,EAAca,GACvBwC,SAAWrC,IACVF,EAAeE,EAAsBN,MAAM,GAG5C,CAAA6B,SAAAI,EAAAC,IAACU,QAAK,CACL5C,MAAOG,EACP0C,SAAU,CAAEC,KAAMC,EAAAA,SAClBC,UAAW,CAAEF,KAAMG,EAAAA,SACnBC,aAAe5C,GAxCYA,KAEhC,GADgBQ,EAAAA,QAAUqC,qBAAqB7C,GAClC,CACZ,MAAMO,EACLC,EAAAA,QAAUC,0BAA0BT,GAE/BU,EAAcC,EAAMA,OAAC,IAAIC,KAAQ,YACvC,GAAIC,UAAQZ,IAAeM,EAA2BG,EAErD,YADAd,EAAMS,SAAS,mDAGhBT,EAAMS,cAASC,GACfR,EAAcE,EACd,MACAJ,EAAMS,SAAS,oDACf,EAyB4ByC,CAAwB9C,eAKnDJ,EAAMmD,OACNpB,MAACqB,EAAaA,cAAAnB,OAAAC,OAAA,CAACN,MAAO,CAAEyB,WAAY,IAAG,CAAA1B,SAAG3B,EAAMmD,WAE5B"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"DashboardReviewPopUp.js","sources":["../../../../src/components/dashboard-review-popup/DashboardReviewPopUp.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport { DropShadow } from '../dropShadow';\nimport { FiveStar } from './components/FiveStar';\nimport { Form } from './components/Form';\nimport { ZeroState } from './components/ZeroState';\nimport { Container, CrossIconHolder } from './DashboardReviewPopUp.styled';\n\nexport const DashboardReviewPopUp: React.FC<{\n\tonSubmit: (\n\t\tstars: number,\n\t\tquickAnswers?: string[],\n\t\treviewText?: string,\n\t) => void;\n\tonClose: () => void;\n\tquickAnswerOptions?: string[];\n\ttitleMap?: { [key: number]: string };\n\tfeedbackMap?: { [key: number]: string };\n\tfullStarSubmitText: string;\n\tonRatingChange?: (stars: number) => void;\n\tinitialText?: string;\n\tfiveStar?: { subText: string };\n}> = ({\n\tonClose,\n\tonSubmit,\n\tquickAnswerOptions,\n\ttitleMap,\n\tfeedbackMap,\n\tfullStarSubmitText,\n\tonRatingChange,\n\tinitialText,\n\tfiveStar,\n}) => {\n\tconst [starsSelected, setStartsSelected] = useState<number>(0);\n\n\tfunction handleStarSelection(stars: number) {\n\t\tsetStartsSelected(stars);\n\t\tonRatingChange?.(stars);\n\t}\n\n\treturn (\n\t\t<DropShadow level={'z2'} position={'down'}>\n\t\t\t<Container>\n\t\t\t\t<CrossIconHolder onClick={onClose}>\n\t\t\t\t\t<CrossIcon width={24} height={24} />\n\t\t\t\t</CrossIconHolder>\n\t\t\t\t{starsSelected === 0 ? (\n\t\t\t\t\t<ZeroState\n\t\t\t\t\t\thandleStarSelection={handleStarSelection}\n\t\t\t\t\t\tinitialText={initialText}\n\t\t\t\t\t/>\n\t\t\t\t) : starsSelected === 5 ? (\n\t\t\t\t\t<FiveStar\n\t\t\t\t\t\tfullStarSubmitText={fullStarSubmitText}\n\t\t\t\t\t\tonSubmit={onSubmit}\n\t\t\t\t\t\thandleStarSelection={handleStarSelection}\n\t\t\t\t\t\tsubtext={fiveStar?.subText}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<Form\n\t\t\t\t\t\ttitleMap={titleMap}\n\t\t\t\t\t\tfeedbackMap={feedbackMap}\n\t\t\t\t\t\tstars={starsSelected}\n\t\t\t\t\t\tonStarChange={handleStarSelection}\n\t\t\t\t\t\tonSubmit={onSubmit}\n\t\t\t\t\t\tquickAnswerOptions={quickAnswerOptions}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Container>\n\t\t</DropShadow>\n\t);\n};\n"],"names":["_ref","onClose","onSubmit","quickAnswerOptions","titleMap","feedbackMap","fullStarSubmitText","onRatingChange","initialText","fiveStar","starsSelected","setStartsSelected","useState","handleStarSelection","stars","_jsx","DropShadow","Object","assign","level","position","children","_jsxs","jsxs","Container","jsx","CrossIconHolder","onClick","CrossIcon","width","height","ZeroState","FiveStar","subtext","subText","Form","onStarChange"],"mappings":"0YAsBKA,IAUA,IAVCC,QACLA,EAAOC,SACPA,EAAQC,mBACRA,EAAkBC,SAClBA,EAAQC,YACRA,EAAWC,mBACXA,EAAkBC,eAClBA,EAAcC,YACdA,EAAWC,SACXA,GACAT,EACA,MAAOU,EAAeC,GAAqBC,EAAQA,SAAS,GAE5D,SAASC,EAAoBC,GAC5BH,EAAkBG,GAClBP,SAAAA,EAAiBO,EAClB,CAEA,OACCC,MAACC,EAAAA,WAAUC,OAAAC,OAAA,CAACC,MAAO,KAAMC,SAAU,QAAM,CAAAC,SACxCC,EAACC,KAAAC,YACA,CAAAH,SAAA,CAAAN,EAAAU,IAACC,kBAAeT,OAAAC,OAAA,CAACS,QAAS1B,GAAO,CAAAoB,SAChCN,EAACU,IAAAG,UAAU,CAAAC,MAAO,GAAIC,OAAQ,QAEZ,IAAlBpB,EACAK,EAAAA,IAACgB,EAAAA,UACA,CAAAlB,oBAAqBA,EACrBL,YAAaA,IAEO,IAAlBE,EACHK,EAAAA,IAACiB,EAAAA,SACA,CAAA1B,mBAAoBA,EACpBJ,SAAUA,EACVW,oBAAqBA,EACrBoB,QAASxB,aAAA,EAAAA,EAAUyB,UAGpBnB,EAACU,IAAAU,OACA,CAAA/B,SAAUA,EACVC,YAAaA,EACbS,MAAOJ,EACP0B,aAAcvB,EACdX,SAAUA,EACVC,mBAAoBA,SAIX"}
+{"version":3,"file":"DashboardReviewPopUp.js","sources":["../../../../src/components/dashboard-review-popup/DashboardReviewPopUp.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport CrossIcon from '../../assets/icons/cross.svg';\nimport { DropShadow } from '../dropShadow';\nimport { FiveStar } from './components/FiveStar';\nimport { Form } from './components/Form';\nimport { ZeroState } from './components/ZeroState';\nimport { Container, CrossIconHolder } from './DashboardReviewPopUp.styled';\n\nexport const DashboardReviewPopUp: React.FC<{\n\tonSubmit: (\n\t\tstars: number,\n\t\tquickAnswers?: string[],\n\t\treviewText?: string,\n\t) => void;\n\tonClose: () => void;\n\tquickAnswerOptions?: string[];\n\ttitleMap?: { [key: number]: string };\n\tfeedbackMap?: { [key: number]: string };\n\tfullStarSubmitText: string;\n\tonRatingChange?: (stars: number) => void;\n\tinitialText?: string;\n\tfiveStar?: { subText: string };\n}> = ({\n\tonClose,\n\tonSubmit,\n\tquickAnswerOptions,\n\ttitleMap,\n\tfeedbackMap,\n\tfullStarSubmitText,\n\tonRatingChange,\n\tinitialText,\n\tfiveStar,\n}) => {\n\tconst [starsSelected, setStartsSelected] = useState<number>(0);\n\n\tfunction handleStarSelection(stars: number) {\n\t\tsetStartsSelected(stars);\n\t\tonRatingChange?.(stars);\n\t}\n\n\treturn (\n\t\t<DropShadow level={'z2'} position={'down'}>\n\t\t\t<Container>\n\t\t\t\t<CrossIconHolder onClick={onClose}>\n\t\t\t\t\t<CrossIcon width={24} height={24} />\n\t\t\t\t</CrossIconHolder>\n\t\t\t\t{starsSelected === 0 ? (\n\t\t\t\t\t<ZeroState\n\t\t\t\t\t\thandleStarSelection={handleStarSelection}\n\t\t\t\t\t\tinitialText={initialText}\n\t\t\t\t\t/>\n\t\t\t\t) : starsSelected === 5 ? (\n\t\t\t\t\t<FiveStar\n\t\t\t\t\t\tfullStarSubmitText={fullStarSubmitText}\n\t\t\t\t\t\tonSubmit={onSubmit}\n\t\t\t\t\t\thandleStarSelection={handleStarSelection}\n\t\t\t\t\t\tsubtext={fiveStar?.subText}\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<Form\n\t\t\t\t\t\ttitleMap={titleMap}\n\t\t\t\t\t\tfeedbackMap={feedbackMap}\n\t\t\t\t\t\tstars={starsSelected}\n\t\t\t\t\t\tonStarChange={handleStarSelection}\n\t\t\t\t\t\tonSubmit={onSubmit}\n\t\t\t\t\t\tquickAnswerOptions={quickAnswerOptions}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</Container>\n\t\t</DropShadow>\n\t);\n};\n"],"names":["DashboardReviewPopUp","onClose","onSubmit","quickAnswerOptions","titleMap","feedbackMap","fullStarSubmitText","onRatingChange","initialText","fiveStar","starsSelected","setStartsSelected","useState","handleStarSelection","stars","_jsx","DropShadow","Object","assign","level","position","children","_jsxs","jsxs","Container","jsx","CrossIconHolder","onClick","CrossIcon","width","height","ZeroState","FiveStar","subtext","subText","Form","onStarChange"],"mappings":"0YAsBKA,EACJC,UACAC,WACAC,qBACAC,WACAC,cACAC,qBACAC,iBACAC,cACAC,eAEA,MAAOC,EAAeC,GAAqBC,EAAQA,SAAS,GAE5D,SAASC,EAAoBC,GAC5BH,EAAkBG,GAClBP,SAAAA,EAAiBO,EAClB,CAEA,OACCC,MAACC,EAAAA,WAAUC,OAAAC,OAAA,CAACC,MAAO,KAAMC,SAAU,QAAM,CAAAC,SACxCC,EAACC,KAAAC,YACA,CAAAH,SAAA,CAAAN,EAAAU,IAACC,kBAAeT,OAAAC,OAAA,CAACS,QAAS1B,GAAO,CAAAoB,SAChCN,EAACU,IAAAG,UAAU,CAAAC,MAAO,GAAIC,OAAQ,QAEZ,IAAlBpB,EACAK,EAAAA,IAACgB,EAAAA,UACA,CAAAlB,oBAAqBA,EACrBL,YAAaA,IAEO,IAAlBE,EACHK,EAAAA,IAACiB,EAAAA,SACA,CAAA1B,mBAAoBA,EACpBJ,SAAUA,EACVW,oBAAqBA,EACrBoB,QAASxB,aAAA,EAAAA,EAAUyB,UAGpBnB,EAACU,IAAAU,OACA,CAAA/B,SAAUA,EACVC,YAAaA,EACbS,MAAOJ,EACP0B,aAAcvB,EACdX,SAAUA,EACVC,mBAAoBA,SAIX"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"FiveStar.js","sources":["../../../../../src/components/dashboard-review-popup/components/FiveStar.tsx"],"sourcesContent":["import React from 'react';\nimport { StarRating } from '@src/components/star-rating';\nimport {\n\tBodySecondary,\n\tButtonLarge,\n\tTitleMedium,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { Button, Container } from './FiveStar.styled';\n\nexport const FiveStar: React.FC<{\n\thandleStarSelection: (stars: number) => void;\n\tonSubmit: (\n\t\tstars: number,\n\t\tquickAnswers?: string[],\n\t\treviewText?: string,\n\t) => void;\n\tfullStarSubmitText: string;\n\tsubtext?: string;\n}> = ({ handleStarSelection, onSubmit, fullStarSubmitText, subtext }) => {\n\treturn (\n\t\t<Container>\n\t\t\t<TitleMedium\n\t\t\t\tcolor={COLORS.surface.standard}\n\t\t\t\tstyle={{ textAlign: 'center' }}\n\t\t\t>\n\t\t\t\t{\"We're glad to hear that your experience has been good!\"}\n\t\t\t</TitleMedium>\n\t\t\t<StarRating starSize={32} value={5} onChange={handleStarSelection} />\n\t\t\t<BodySecondary\n\t\t\t\tcolor={COLORS.surface.standard}\n\t\t\t\tstyle={{ textAlign: 'center', width: 200 }}\n\t\t\t>\n\t\t\t\t{subtext ?? 'Help us by leaving a review on Shopify App Store'}\n\t\t\t</BodySecondary>\n\t\t\t<Button onClick={() => onSubmit(5)}>\n\t\t\t\t<ButtonLarge color={COLORS.content.brand}>\n\t\t\t\t\t{fullStarSubmitText}\n\t\t\t\t</ButtonLarge>\n\t\t\t</Button>\n\t\t</Container>\n\t);\n};\n"],"names":["_ref","handleStarSelection","onSubmit","fullStarSubmitText","subtext","_jsxs","Container","children","_jsx","TitleMedium","Object","assign","color","COLORS","surface","standard","style","textAlign","jsx","StarRating","starSize","value","onChange","BodySecondary","width","Button","onClick","ButtonLarge","content","brand"],"mappings":"sRAmBKA,IAAmE,IAAlEC,oBAAEA,EAAmBC,SAAEA,EAAQC,mBAAEA,EAAkBC,QAAEA,GAASJ,EACnE,OACCK,EAAAA,KAACC,EAAAA,UAAS,CAAAC,SAAA,CACTC,MAACC,cAAWC,OAAAC,OAAA,CACXC,MAAOC,EAAAA,OAAOC,QAAQC,SACtBC,MAAO,CAAEC,UAAW,WAEnB,CAAAV,SAAA,4DAEFC,EAAAU,IAACC,aAAW,CAAAC,SAAU,GAAIC,MAAO,EAAGC,SAAUrB,IAC9CO,EAACU,IAAAK,+BACAX,MAAOC,EAAAA,OAAOC,QAAQC,SACtBC,MAAO,CAAEC,UAAW,SAAUO,MAAO,gBAEpCpB,QAAAA,EAAW,sDAEbI,EAACU,IAAAO,SAAOf,OAAAC,OAAA,CAAAe,QAASA,IAAMxB,EAAS,IAAE,CAAAK,SACjCC,EAACU,IAAAS,cAAYjB,OAAAC,OAAA,CAAAC,MAAOC,EAAAA,OAAOe,QAAQC,OAAK,CAAAtB,SACtCJ,UAGQ"}
+{"version":3,"file":"FiveStar.js","sources":["../../../../../src/components/dashboard-review-popup/components/FiveStar.tsx"],"sourcesContent":["import React from 'react';\nimport { StarRating } from '@src/components/star-rating';\nimport {\n\tBodySecondary,\n\tButtonLarge,\n\tTitleMedium,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { Button, Container } from './FiveStar.styled';\n\nexport const FiveStar: React.FC<{\n\thandleStarSelection: (stars: number) => void;\n\tonSubmit: (\n\t\tstars: number,\n\t\tquickAnswers?: string[],\n\t\treviewText?: string,\n\t) => void;\n\tfullStarSubmitText: string;\n\tsubtext?: string;\n}> = ({ handleStarSelection, onSubmit, fullStarSubmitText, subtext }) => {\n\treturn (\n\t\t<Container>\n\t\t\t<TitleMedium\n\t\t\t\tcolor={COLORS.surface.standard}\n\t\t\t\tstyle={{ textAlign: 'center' }}\n\t\t\t>\n\t\t\t\t{\"We're glad to hear that your experience has been good!\"}\n\t\t\t</TitleMedium>\n\t\t\t<StarRating starSize={32} value={5} onChange={handleStarSelection} />\n\t\t\t<BodySecondary\n\t\t\t\tcolor={COLORS.surface.standard}\n\t\t\t\tstyle={{ textAlign: 'center', width: 200 }}\n\t\t\t>\n\t\t\t\t{subtext ?? 'Help us by leaving a review on Shopify App Store'}\n\t\t\t</BodySecondary>\n\t\t\t<Button onClick={() => onSubmit(5)}>\n\t\t\t\t<ButtonLarge color={COLORS.content.brand}>\n\t\t\t\t\t{fullStarSubmitText}\n\t\t\t\t</ButtonLarge>\n\t\t\t</Button>\n\t\t</Container>\n\t);\n};\n"],"names":["FiveStar","handleStarSelection","onSubmit","fullStarSubmitText","subtext","_jsxs","Container","children","_jsx","TitleMedium","Object","assign","color","COLORS","surface","standard","style","textAlign","jsx","StarRating","starSize","value","onChange","BodySecondary","width","Button","onClick","ButtonLarge","content","brand"],"mappings":"sRAmBKA,EAAGC,sBAAqBC,WAAUC,qBAAoBC,aAEzDC,EAAAA,KAACC,EAAAA,UAAS,CAAAC,SAAA,CACTC,MAACC,cAAWC,OAAAC,OAAA,CACXC,MAAOC,EAAAA,OAAOC,QAAQC,SACtBC,MAAO,CAAEC,UAAW,WAEnB,CAAAV,SAAA,4DAEFC,EAAAU,IAACC,aAAW,CAAAC,SAAU,GAAIC,MAAO,EAAGC,SAAUrB,IAC9CO,EAACU,IAAAK,+BACAX,MAAOC,EAAAA,OAAOC,QAAQC,SACtBC,MAAO,CAAEC,UAAW,SAAUO,MAAO,gBAEpCpB,QAAAA,EAAW,sDAEbI,EAACU,IAAAO,SAAOf,OAAAC,OAAA,CAAAe,QAASA,IAAMxB,EAAS,IAAE,CAAAK,SACjCC,EAACU,IAAAS,cAAYjB,OAAAC,OAAA,CAAAC,MAAOC,EAAAA,OAAOe,QAAQC,OAAK,CAAAtB,SACtCJ"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Form.js","sources":["../../../../../src/components/dashboard-review-popup/components/Form.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { StarRating } from '@src/components/star-rating';\nimport {\n\tBodySecondary,\n\tButtonLarge,\n\tTitleRegular,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\tButton,\n\tChip,\n\tContainer,\n\tStarWrapper,\n\tTextArea,\n\tWrapper,\n} from './Form.styled';\n\nconst defaultTitleMap = {\n\t1: 'Your feedback helps us improve',\n\t2: 'Your feedback helps us improve',\n\t3: 'Your feedback helps us improve',\n\t4: 'Your feedback helps us improve',\n\t5: 'Your feedback helps us improve',\n};\n\nconst defaultFeedbackMap = {\n\t1: 'Where can we improve?',\n\t2: 'Where can we improve?',\n\t3: 'Where can we improve?',\n\t4: 'Where can we improve?',\n\t5: 'Where can we improve?',\n};\n\nexport const Form: React.FC<{\n\tstars: number;\n\ttitleMap?: { [key: number]: string };\n\tfeedbackMap?: { [key: number]: string };\n\tonStarChange: (stars: number) => void;\n\tquickAnswerOptions?: string[];\n\tonSubmit: (stars: number, quickAnswers: string[], reviewText: string) => void;\n}> = ({\n\tstars,\n\ttitleMap,\n\tfeedbackMap,\n\tonStarChange,\n\tonSubmit,\n\tquickAnswerOptions,\n}) => {\n\tconst titleMapToUse = titleMap ?? defaultTitleMap;\n\tconst feedbackMapToUse = feedbackMap ?? defaultFeedbackMap;\n\tconst [quickFeedback, setQuickFeedback] = useState<string[]>([]);\n\tconst textAreaRef = useRef<HTMLTextAreaElement>(null);\n\n\tconst title = titleMapToUse[stars];\n\tconst feedBackText = feedbackMapToUse[stars];\n\n\tfunction handleSubmit() {\n\t\tonSubmit(stars, quickFeedback, textAreaRef.current?.value ?? '');\n\t}\n\n\treturn (\n\t\t<Container>\n\t\t\t<StarWrapper>\n\t\t\t\t<TitleRegular color={COLORS.surface.standard}>{title}</TitleRegular>\n\t\t\t\t<StarRating starSize={24} value={stars} onChange={onStarChange} />\n\t\t\t</StarWrapper>\n\t\t\t{quickAnswerOptions && (\n\t\t\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>\n\t\t\t\t\t<TitleRegular color={COLORS.surface.standard}>\n\t\t\t\t\t\t{feedBackText}\n\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t<Wrapper>\n\t\t\t\t\t\t{quickAnswerOptions?.map((chip, idx) => {\n\t\t\t\t\t\t\tconst selected = quickFeedback.includes(chip);\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<Chip\n\t\t\t\t\t\t\t\t\tkey={idx}\n\t\t\t\t\t\t\t\t\tselected={selected}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tif (selected) {\n\t\t\t\t\t\t\t\t\t\t\tsetQuickFeedback((prev) =>\n\t\t\t\t\t\t\t\t\t\t\t\tprev.filter((text) => text !== chip),\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\tsetQuickFeedback((prev) => [...prev, chip]);\n\t\t\t\t\t\t\t\t\t\t}\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\n\t\t\t\t\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\t\t\t\t\tselected\n\t\t\t\t\t\t\t\t\t\t\t\t? COLORS.background.inverse\n\t\t\t\t\t\t\t\t\t\t\t\t: COLORS.surface.standard\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{chip}\n\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t</Chip>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</Wrapper>\n\t\t\t\t</div>\n\t\t\t)}\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\tgap: 8,\n\t\t\t\t\twidth: '100%',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<TitleRegular color={COLORS.surface.standard}>\n\t\t\t\t\tAdd detailed feedback\n\t\t\t\t</TitleRegular>\n\t\t\t\t<TextArea placeholder=\"We read every response!\" ref={textAreaRef} />\n\t\t\t</div>\n\t\t\t<div style={{ width: '100%' }}>\n\t\t\t\t<Button onClick={handleSubmit}>\n\t\t\t\t\t<ButtonLarge color={COLORS.content.primaryInverse}>\n\t\t\t\t\t\tSubmit\n\t\t\t\t\t</ButtonLarge>\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t</Container>\n\t);\n};\n"],"names":["defaultTitleMap","defaultFeedbackMap","_ref","stars","titleMap","feedbackMap","onStarChange","onSubmit","quickAnswerOptions","titleMapToUse","feedbackMapToUse","quickFeedback","setQuickFeedback","useState","textAreaRef","useRef","title","feedBackText","_jsxs","Container","jsxs","StarWrapper","_jsx","jsx","TitleRegular","color","COLORS","surface","standard","children","StarRating","starSize","value","onChange","style","display","flexDirection","gap","Object","assign","Wrapper","map","chip","idx","selected","includes","Chip","onClick","prev","filter","text","BodySecondary","background","inverse","width","TextArea","placeholder","ref","Button","_b","_a","current","ButtonLarge","content","primaryInverse"],"mappings":"oRAiBA,MAAMA,EAAkB,CACvB,EAAG,iCACH,EAAG,iCACH,EAAG,iCACH,EAAG,iCACH,EAAG,kCAGEC,EAAqB,CAC1B,EAAG,wBACH,EAAG,wBACH,EAAG,wBACH,EAAG,wBACH,EAAG,sCAUCC,IAOA,IAPCC,MACLA,EAAKC,SACLA,EAAQC,YACRA,EAAWC,aACXA,EAAYC,SACZA,EAAQC,mBACRA,GACAN,EACA,MAAMO,EAAgBL,QAAAA,EAAYJ,EAC5BU,EAAmBL,QAAAA,EAAeJ,GACjCU,EAAeC,GAAoBC,EAAQA,SAAW,IACvDC,EAAcC,SAA4B,MAE1CC,EAAQP,EAAcN,GACtBc,EAAeP,EAAiBP,GAMtC,OACCe,EAAAA,KAACC,EAAAA,qBACAD,EAACE,KAAAC,yBACAC,EAACC,IAAAC,8BAAaC,MAAOC,EAAAA,OAAOC,QAAQC,UAAQ,CAAAC,SAAGb,KAC/CM,EAACC,IAAAO,cAAWC,SAAU,GAAIC,MAAO7B,EAAO8B,SAAU3B,OAElDE,GACAU,EAAAA,0BAAKgB,MAAO,CAAEC,QAAS,OAAQC,cAAe,SAAUC,IAAK,IAAG,CAAAR,SAAA,CAC/DP,MAACE,eAAYc,OAAAC,OAAA,CAACd,MAAOC,EAAAA,OAAOC,QAAQC,UAAQ,CAAAC,SAC1CZ,KAEFK,MAACkB,UAAO,CAAAX,SACNrB,eAAAA,EAAoBiC,KAAI,CAACC,EAAMC,KAC/B,MAAMC,EAAWjC,EAAckC,SAASH,GACxC,OACCpB,MAACwB,EAAAA,KAEAR,OAAAC,OAAA,CAAAK,SAAUA,EACVG,QAASA,KAEPnC,EADGgC,EACeI,GACjBA,EAAKC,QAAQC,GAASA,IAASR,IAGdM,GAAS,IAAIA,EAAMN,GACrC,aAGFpB,EAACC,IAAA4B,gBACAb,OAAAC,OAAA,CAAAd,MACCmB,EACGlB,SAAO0B,WAAWC,QAClB3B,EAAAA,OAAOC,QAAQC,UAGlB,CAAAC,SAAAa,OAnBGC,EAqBC,UAMZzB,EAAAE,KAAA,MAAAkB,OAAAC,OAAA,CACCL,MAAO,CACNC,QAAS,OACTC,cAAe,SACfC,IAAK,EACLiB,MAAO,SAGR,CAAAzB,SAAA,CAAAP,EAAAC,IAACC,eAAYc,OAAAC,OAAA,CAACd,MAAOC,EAAAA,OAAOC,QAAQC,UAAQ,CAAAC,SAAA,2BAG5CP,EAAAC,IAACgC,WAAS,CAAAC,YAAY,0BAA0BC,IAAK3C,QAEtDQ,EAAAC,IAAA,MAAAe,OAAAC,OAAA,CAAKL,MAAO,CAAEoB,MAAO,SACpB,CAAAzB,SAAAP,EAAAC,IAACmC,SAAMpB,OAAAC,OAAA,CAACQ,QA7DX,mBACCxC,EAASJ,EAAOQ,EAA6C,QAA9BgD,EAAqB,QAArBC,EAAA9C,EAAY+C,eAAS,IAAAD,OAAA,EAAAA,EAAA5B,aAAS,IAAA2B,EAAAA,EAAA,GAC9D,GA2DgC,CAAA9B,SAC5BP,EAACC,IAAAuC,6BAAYrC,MAAOC,EAAAA,OAAOqC,QAAQC,gBAAc,CAAAnC,SAAA,oBAKxC"}
+{"version":3,"file":"Form.js","sources":["../../../../../src/components/dashboard-review-popup/components/Form.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { StarRating } from '@src/components/star-rating';\nimport {\n\tBodySecondary,\n\tButtonLarge,\n\tTitleRegular,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport {\n\tButton,\n\tChip,\n\tContainer,\n\tStarWrapper,\n\tTextArea,\n\tWrapper,\n} from './Form.styled';\n\nconst defaultTitleMap = {\n\t1: 'Your feedback helps us improve',\n\t2: 'Your feedback helps us improve',\n\t3: 'Your feedback helps us improve',\n\t4: 'Your feedback helps us improve',\n\t5: 'Your feedback helps us improve',\n};\n\nconst defaultFeedbackMap = {\n\t1: 'Where can we improve?',\n\t2: 'Where can we improve?',\n\t3: 'Where can we improve?',\n\t4: 'Where can we improve?',\n\t5: 'Where can we improve?',\n};\n\nexport const Form: React.FC<{\n\tstars: number;\n\ttitleMap?: { [key: number]: string };\n\tfeedbackMap?: { [key: number]: string };\n\tonStarChange: (stars: number) => void;\n\tquickAnswerOptions?: string[];\n\tonSubmit: (stars: number, quickAnswers: string[], reviewText: string) => void;\n}> = ({\n\tstars,\n\ttitleMap,\n\tfeedbackMap,\n\tonStarChange,\n\tonSubmit,\n\tquickAnswerOptions,\n}) => {\n\tconst titleMapToUse = titleMap ?? defaultTitleMap;\n\tconst feedbackMapToUse = feedbackMap ?? defaultFeedbackMap;\n\tconst [quickFeedback, setQuickFeedback] = useState<string[]>([]);\n\tconst textAreaRef = useRef<HTMLTextAreaElement>(null);\n\n\tconst title = titleMapToUse[stars];\n\tconst feedBackText = feedbackMapToUse[stars];\n\n\tfunction handleSubmit() {\n\t\tonSubmit(stars, quickFeedback, textAreaRef.current?.value ?? '');\n\t}\n\n\treturn (\n\t\t<Container>\n\t\t\t<StarWrapper>\n\t\t\t\t<TitleRegular color={COLORS.surface.standard}>{title}</TitleRegular>\n\t\t\t\t<StarRating starSize={24} value={stars} onChange={onStarChange} />\n\t\t\t</StarWrapper>\n\t\t\t{quickAnswerOptions && (\n\t\t\t\t<div style={{ display: 'flex', flexDirection: 'column', gap: 8 }}>\n\t\t\t\t\t<TitleRegular color={COLORS.surface.standard}>\n\t\t\t\t\t\t{feedBackText}\n\t\t\t\t\t</TitleRegular>\n\t\t\t\t\t<Wrapper>\n\t\t\t\t\t\t{quickAnswerOptions?.map((chip, idx) => {\n\t\t\t\t\t\t\tconst selected = quickFeedback.includes(chip);\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<Chip\n\t\t\t\t\t\t\t\t\tkey={idx}\n\t\t\t\t\t\t\t\t\tselected={selected}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tif (selected) {\n\t\t\t\t\t\t\t\t\t\t\tsetQuickFeedback((prev) =>\n\t\t\t\t\t\t\t\t\t\t\t\tprev.filter((text) => text !== chip),\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\t\t\tsetQuickFeedback((prev) => [...prev, chip]);\n\t\t\t\t\t\t\t\t\t\t}\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\n\t\t\t\t\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\t\t\t\t\tselected\n\t\t\t\t\t\t\t\t\t\t\t\t? COLORS.background.inverse\n\t\t\t\t\t\t\t\t\t\t\t\t: COLORS.surface.standard\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{chip}\n\t\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t\t</Chip>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</Wrapper>\n\t\t\t\t</div>\n\t\t\t)}\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\tgap: 8,\n\t\t\t\t\twidth: '100%',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<TitleRegular color={COLORS.surface.standard}>\n\t\t\t\t\tAdd detailed feedback\n\t\t\t\t</TitleRegular>\n\t\t\t\t<TextArea placeholder=\"We read every response!\" ref={textAreaRef} />\n\t\t\t</div>\n\t\t\t<div style={{ width: '100%' }}>\n\t\t\t\t<Button onClick={handleSubmit}>\n\t\t\t\t\t<ButtonLarge color={COLORS.content.primaryInverse}>\n\t\t\t\t\t\tSubmit\n\t\t\t\t\t</ButtonLarge>\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t</Container>\n\t);\n};\n"],"names":["defaultTitleMap","defaultFeedbackMap","Form","stars","titleMap","feedbackMap","onStarChange","onSubmit","quickAnswerOptions","titleMapToUse","feedbackMapToUse","quickFeedback","setQuickFeedback","useState","textAreaRef","useRef","title","feedBackText","_jsxs","Container","jsxs","StarWrapper","_jsx","jsx","TitleRegular","color","COLORS","surface","standard","children","StarRating","starSize","value","onChange","style","display","flexDirection","gap","Object","assign","Wrapper","map","chip","idx","selected","includes","Chip","onClick","prev","filter","text","BodySecondary","background","inverse","width","TextArea","placeholder","ref","Button","_b","_a","current","ButtonLarge","content","primaryInverse"],"mappings":"oRAiBA,MAAMA,EAAkB,CACvB,EAAG,iCACH,EAAG,iCACH,EAAG,iCACH,EAAG,iCACH,EAAG,kCAGEC,EAAqB,CAC1B,EAAG,wBACH,EAAG,wBACH,EAAG,wBACH,EAAG,wBACH,EAAG,sCAUCC,EACJC,QACAC,WACAC,cACAC,eACAC,WACAC,yBAEA,MAAMC,EAAgBL,QAAAA,EAAYJ,EAC5BU,EAAmBL,QAAAA,EAAeJ,GACjCU,EAAeC,GAAoBC,EAAQA,SAAW,IACvDC,EAAcC,SAA4B,MAE1CC,EAAQP,EAAcN,GACtBc,EAAeP,EAAiBP,GAMtC,OACCe,EAAAA,KAACC,EAAAA,qBACAD,EAACE,KAAAC,yBACAC,EAACC,IAAAC,8BAAaC,MAAOC,EAAAA,OAAOC,QAAQC,UAAQ,CAAAC,SAAGb,KAC/CM,EAACC,IAAAO,cAAWC,SAAU,GAAIC,MAAO7B,EAAO8B,SAAU3B,OAElDE,GACAU,EAAAA,0BAAKgB,MAAO,CAAEC,QAAS,OAAQC,cAAe,SAAUC,IAAK,IAAG,CAAAR,SAAA,CAC/DP,MAACE,eAAYc,OAAAC,OAAA,CAACd,MAAOC,EAAAA,OAAOC,QAAQC,UAAQ,CAAAC,SAC1CZ,KAEFK,MAACkB,UAAO,CAAAX,SACNrB,eAAAA,EAAoBiC,KAAI,CAACC,EAAMC,KAC/B,MAAMC,EAAWjC,EAAckC,SAASH,GACxC,OACCpB,MAACwB,EAAAA,KAEAR,OAAAC,OAAA,CAAAK,SAAUA,EACVG,QAASA,KAEPnC,EADGgC,EACeI,GACjBA,EAAKC,QAAQC,GAASA,IAASR,IAGdM,GAAS,IAAIA,EAAMN,GACrC,aAGFpB,EAACC,IAAA4B,gBACAb,OAAAC,OAAA,CAAAd,MACCmB,EACGlB,SAAO0B,WAAWC,QAClB3B,EAAAA,OAAOC,QAAQC,UAGlB,CAAAC,SAAAa,OAnBGC,EAqBC,UAMZzB,EAAAE,KAAA,MAAAkB,OAAAC,OAAA,CACCL,MAAO,CACNC,QAAS,OACTC,cAAe,SACfC,IAAK,EACLiB,MAAO,SAGR,CAAAzB,SAAA,CAAAP,EAAAC,IAACC,eAAYc,OAAAC,OAAA,CAACd,MAAOC,EAAAA,OAAOC,QAAQC,UAAQ,CAAAC,SAAA,2BAG5CP,EAAAC,IAACgC,WAAS,CAAAC,YAAY,0BAA0BC,IAAK3C,QAEtDQ,EAAAC,IAAA,MAAAe,OAAAC,OAAA,CAAKL,MAAO,CAAEoB,MAAO,SACpB,CAAAzB,SAAAP,EAAAC,IAACmC,SAAMpB,OAAAC,OAAA,CAACQ,QA7DX,mBACCxC,EAASJ,EAAOQ,EAA6C,QAA9BgD,EAAqB,QAArBC,EAAA9C,EAAY+C,eAAS,IAAAD,OAAA,EAAAA,EAAA5B,aAAS,IAAA2B,EAAAA,EAAA,GAC9D,GA2DgC,CAAA9B,SAC5BP,EAACC,IAAAuC,6BAAYrC,MAAOC,EAAAA,OAAOqC,QAAQC,gBAAc,CAAAnC,SAAA,oBAKxC"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled/base"),c=require("react/jsx-runtime"),t=require("../../star-rating/StarRating.js"),l=require("../../TypographyStyle.js"),i=require("../../../constants/Theme.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=g(e).default("div","production"===process.env.NODE_ENV?{target:"e2npj5k0"}:{target:"e2npj5k0",label:"Container"})("production"===process.env.NODE_ENV?{name:"budh8k",styles:"display:flex;flex-direction:column;gap:16px"}:{name:"budh8k",styles:"display:flex;flex-direction:column;gap:16px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlplcm9TdGF0ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSzZCIiwiZmlsZSI6Ilplcm9TdGF0ZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IFN0YXJSYXRpbmcgfSBmcm9tIFwiLi4vLi4vc3Rhci1yYXRpbmdcIjtcclxuaW1wb3J0IHsgVGl0bGVNZWRpdW0gfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMTZweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBaZXJvU3RhdGUgPSAoeyBoYW5kbGVTdGFyU2VsZWN0aW9uLCBpbml0aWFsVGV4dCB9KSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3hzKENvbnRhaW5lciwgeyBjaGlsZHJlbjogW19qc3goVGl0bGVNZWRpdW0sIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgfSwgeyBjaGlsZHJlbjogaW5pdGlhbFRleHQgIT09IG51bGwgJiYgaW5pdGlhbFRleHQgIT09IHZvaWQgMCA/IGluaXRpYWxUZXh0IDogJ1JhdGUgeW91ciBleHBlcmllbmNlIHdpdGggdXMnIH0pKSwgX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgZmxleERpcmVjdGlvbjogJ3JvdycsXHJcbiAgICAgICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxyXG4gICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFN0YXJSYXRpbmcsIHsgc3RhclNpemU6IDMyLCBvbkNoYW5nZTogaGFuZGxlU3RhclNlbGVjdGlvbiB9KSB9KSldIH0pKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9WmVyb1N0YXRlLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});exports.ZeroState=e=>{let{handleStarSelection:g,initialText:d}=e;return c.jsxs(a,{children:[c.jsx(l.TitleMedium,Object.assign({color:i.COLORS.surface.standard},{children:null!=d?d:"Rate your experience with us"})),c.jsx("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center"}},{children:c.jsx(t.StarRating,{starSize:32,onChange:g})}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled/base"),c=require("react/jsx-runtime"),t=require("../../star-rating/StarRating.js"),l=require("../../TypographyStyle.js"),i=require("../../../constants/Theme.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=g(e).default("div","production"===process.env.NODE_ENV?{target:"e2npj5k0"}:{target:"e2npj5k0",label:"Container"})("production"===process.env.NODE_ENV?{name:"budh8k",styles:"display:flex;flex-direction:column;gap:16px"}:{name:"budh8k",styles:"display:flex;flex-direction:column;gap:16px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlplcm9TdGF0ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSzZCIiwiZmlsZSI6Ilplcm9TdGF0ZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IFN0YXJSYXRpbmcgfSBmcm9tIFwiLi4vLi4vc3Rhci1yYXRpbmdcIjtcclxuaW1wb3J0IHsgVGl0bGVNZWRpdW0gfSBmcm9tIFwiLi4vLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMTZweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBaZXJvU3RhdGUgPSAoeyBoYW5kbGVTdGFyU2VsZWN0aW9uLCBpbml0aWFsVGV4dCB9KSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3hzKENvbnRhaW5lciwgeyBjaGlsZHJlbjogW19qc3goVGl0bGVNZWRpdW0sIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgfSwgeyBjaGlsZHJlbjogaW5pdGlhbFRleHQgIT09IG51bGwgJiYgaW5pdGlhbFRleHQgIT09IHZvaWQgMCA/IGluaXRpYWxUZXh0IDogJ1JhdGUgeW91ciBleHBlcmllbmNlIHdpdGggdXMnIH0pKSwgX2pzeChcImRpdlwiLCBPYmplY3QuYXNzaWduKHsgc3R5bGU6IHtcclxuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXHJcbiAgICAgICAgICAgICAgICAgICAgZmxleERpcmVjdGlvbjogJ3JvdycsXHJcbiAgICAgICAgICAgICAgICAgICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxyXG4gICAgICAgICAgICAgICAgfSB9LCB7IGNoaWxkcmVuOiBfanN4KFN0YXJSYXRpbmcsIHsgc3RhclNpemU6IDMyLCBvbkNoYW5nZTogaGFuZGxlU3RhclNlbGVjdGlvbiB9KSB9KSldIH0pKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9WmVyb1N0YXRlLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});exports.ZeroState=({handleStarSelection:e,initialText:g})=>c.jsxs(a,{children:[c.jsx(l.TitleMedium,Object.assign({color:i.COLORS.surface.standard},{children:null!=g?g:"Rate your experience with us"})),c.jsx("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center"}},{children:c.jsx(t.StarRating,{starSize:32,onChange:e})}))]});
 //# sourceMappingURL=ZeroState.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ZeroState.js","sources":["../../../../../src/components/dashboard-review-popup/components/ZeroState.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport React from 'react';\nimport { StarRating } from '@src/components/star-rating';\nimport { TitleMedium } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nconst Container = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 16px;\n`;\n\nexport const ZeroState: React.FC<{\n\thandleStarSelection: (stars: number) => void;\n\tinitialText?: string;\n}> = ({ handleStarSelection, initialText }) => {\n\treturn (\n\t\t<Container>\n\t\t\t<TitleMedium color={COLORS.surface.standard}>\n\t\t\t\t{initialText ?? 'Rate your experience with us'}\n\t\t\t</TitleMedium>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<StarRating starSize={32} onChange={handleStarSelection} />\n\t\t\t</div>\n\t\t</Container>\n\t);\n};\n"],"names":["Container","process","env","NODE_ENV","target","label","_styled","name","styles","map","toString","_ref","handleStarSelection","initialText","_jsxs","children","_jsx","jsx","TitleMedium","Object","assign","color","COLORS","surface","standard","style","display","flexDirection","justifyContent","StarRating","starSize","onChange"],"mappings":"6UAMA,MAAMA,OAAS,QAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,YAAA,CAAAA,OAAA,WAAAC,MAAA,aAAAC,CAAA,eAAAL,QAAAC,IAAAC,SAAA,CAAAI,KAAA,SAAAC,OAAA,+CAAA,CAAAD,KAAA,SAAAC,OAAA,8CAAAC,IAAA,shDAAAC,iRASVC,IAAyC,IAAxCC,oBAAEA,EAAmBC,YAAEA,GAAaF,EACzC,OACCG,EAAAA,KAACd,EACA,CAAAe,SAAA,CAAAC,EAAAC,IAACC,cAAWC,OAAAC,OAAA,CAACC,MAAOC,EAAAA,OAAOC,QAAQC,UACjC,CAAAT,SAAAF,QAAAA,EAAe,kCAEjBG,EACCC,IAAA,MAAAE,OAAAC,OAAA,CAAAK,MAAO,CACNC,QAAS,OACTC,cAAe,MACfC,eAAgB,WAChB,CAAAb,SAEDC,EAACC,IAAAY,aAAW,CAAAC,SAAU,GAAIC,SAAUnB,SAE1B"}
+{"version":3,"file":"ZeroState.js","sources":["../../../../../src/components/dashboard-review-popup/components/ZeroState.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport React from 'react';\nimport { StarRating } from '@src/components/star-rating';\nimport { TitleMedium } from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nconst Container = styled.div`\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 16px;\n`;\n\nexport const ZeroState: React.FC<{\n\thandleStarSelection: (stars: number) => void;\n\tinitialText?: string;\n}> = ({ handleStarSelection, initialText }) => {\n\treturn (\n\t\t<Container>\n\t\t\t<TitleMedium color={COLORS.surface.standard}>\n\t\t\t\t{initialText ?? 'Rate your experience with us'}\n\t\t\t</TitleMedium>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<StarRating starSize={32} onChange={handleStarSelection} />\n\t\t\t</div>\n\t\t</Container>\n\t);\n};\n"],"names":["Container","process","env","NODE_ENV","target","label","_styled","name","styles","map","toString","ZeroState","handleStarSelection","initialText","_jsxs","children","_jsx","jsx","TitleMedium","Object","assign","color","COLORS","surface","standard","style","display","flexDirection","justifyContent","StarRating","starSize","onChange"],"mappings":"6UAMA,MAAMA,OAAS,QAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,YAAA,CAAAA,OAAA,WAAAC,MAAA,aAAAC,CAAA,eAAAL,QAAAC,IAAAC,SAAA,CAAAI,KAAA,SAAAC,OAAA,+CAAA,CAAAD,KAAA,SAAAC,OAAA,8CAAAC,IAAA,shDAAAC,iRASVC,EAAGC,sBAAqBC,iBAE3BC,EAAAA,KAACd,EACA,CAAAe,SAAA,CAAAC,EAAAC,IAACC,cAAWC,OAAAC,OAAA,CAACC,MAAOC,EAAAA,OAAOC,QAAQC,UACjC,CAAAT,SAAAF,QAAAA,EAAe,kCAEjBG,EACCC,IAAA,MAAAE,OAAAC,OAAA,CAAAK,MAAO,CACNC,QAAS,OACTC,cAAe,MACfC,eAAgB,WAChB,CAAAb,SAEDC,EAACC,IAAAY,aAAW,CAAAC,SAAU,GAAIC,SAAUnB"}

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

@@ -1 +1 @@
-{"version":3,"file":"DataSourceInfoFooter.js","sources":["../../../../src/components/data-source-panel/DataSourceInfoFooter.tsx"],"sourcesContent":["import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';\nimport AlertTriangleIcon from '@src/assets/icons/alert_triangle.svg';\nimport PlusIcon from '@src/assets/icons/plus.svg';\nimport { memo, useEffect, useMemo, useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { Button } from '../button';\nimport { MarkdownRender } from '../markdown';\nimport { BikShimmer } from '../shimmer';\nimport { BodyCaption } from '../TypographyStyle';\nimport { SourceInfoFooterStyle } from './DataSourcePanel.style';\nimport { footerButtonOptionModel, MessageSource } from './model';\n\ninterface SourceInfoFooterProps {\n\tappType: ApplicationType;\n\tsourceIntent: string;\n\tmessageSource?: MessageSource;\n\thideAddDataButton?: boolean;\n\thideHeading?: boolean;\n\tinsights?: string;\n\tfaqCount?: number;\n\tstoreId: string;\n\ttrainingSourceCount: { [k in string]: number };\n\tShowTrainingDataSource: Record<string, string>;\n\tChecklistType: Record<string, string>;\n\tfooterButtonOption?: footerButtonOptionModel;\n\tisFooterLoading?: boolean;\n\treasonForAiGeneratedResponse?: string;\n\tshowAiResponseReason?: boolean;\n\taiResponseLoading?: boolean;\n}\n\ninterface HeadingProp {\n\thideHeading: boolean;\n}\n\nconst SourceInfoFooter = memo((props: SourceInfoFooterProps) => {\n\tconst {\n\t\tappType,\n\t\tsourceIntent,\n\t\thideHeading,\n\t\tmessageSource,\n\t\ttrainingSourceCount = {},\n\t\tShowTrainingDataSource = {},\n\t\tfaqCount,\n\t\tChecklistType,\n\t\tfooterButtonOption,\n\t\tisFooterLoading,\n\t\treasonForAiGeneratedResponse,\n\t\tshowAiResponseReason,\n\t\taiResponseLoading,\n\t} = props;\n\tconst SHOW_TRAINING_DATA_SOURCE = ShowTrainingDataSource;\n\tconst [hideAddButtonInternally, setHideAddButtonInternally] = useState(true);\n\tconst [showInsights, setShowInsights] = useState<boolean>(true);\n\tconst BIK_AI_TRAINING_LINK = '/bik-ai/training';\n\tconst [footerCtaButtonOption, setFooterCtaButtonOption] = useState({\n\t\tbuttonTitle: '',\n\t\tredirectUrl: '',\n\t\taddFaqProps: {},\n\t});\n\tconst [footerInsightOption, setFooterInsightOption] = useState({\n\t\ttitle: '',\n\t\tsubTitle: '',\n\t});\n\n\tconst detailsMessage = useMemo(() => {\n\t\tconst count = trainingSourceCount?.[sourceIntent] || 0;\n\t\tif (count <= 1) {\n\t\t\treturn 'There is ' + count + 'data source added to the identified intent';\n\t\t}\n\t\treturn `There are ${count} data sources added to the identified intent`;\n\t}, [trainingSourceCount, sourceIntent]);\n\n\tconst handleAddDataButtonClick = () => {\n\t\tif (footerCtaButtonOption?.redirectUrl) {\n\t\t\twindow.open(\n\t\t\t\t`${window.location.origin}${footerCtaButtonOption?.redirectUrl}`,\n\t\t\t\t'_self',\n\t\t\t);\n\t\t} else if (\n\t\t\tObject.keys(footerCtaButtonOption?.addFaqProps ?? {}).length > 0\n\t\t) {\n\t\t\tfooterButtonOption?.onClick(footerCtaButtonOption);\n\t\t} else {\n\t\t\tfooterButtonOption?.navigate &&\n\t\t\t\tfooterButtonOption?.navigate(\n\t\t\t\t\tappType == ApplicationType.MANIFEST\n\t\t\t\t\t\t? 'Skill Data sources'\n\t\t\t\t\t\t: 'Training',\n\t\t\t\t\t{},\n\t\t\t\t\t{},\n\t\t\t\t\ttrue,\n\t\t\t\t);\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tif (!sourceIntent) return;\n\t\tif (messageSource?.sources?.length) {\n\t\t\tconst firstSource = messageSource.sources[0];\n\t\t\tif (!SHOW_TRAINING_DATA_SOURCE[sourceIntent]) {\n\t\t\t\tlet title = firstSource?.insights;\n\t\t\t\tlet subTitle = '';\n\t\t\t\tswitch (sourceIntent) {\n\t\t\t\t\tcase ChecklistType['PRODUCT_DETAILS']:\n\t\t\t\t\t\tif (firstSource?.title !== 'Product reviews') {\n\t\t\t\t\t\t\ttitle = `${\n\t\t\t\t\t\t\t\tfaqCount ? faqCount : 'No'\n\t\t\t\t\t\t\t} FAQs added for this product`;\n\t\t\t\t\t\t\tsubTitle = `Add product-specific information via FAQs to improve responses`;\n\t\t\t\t\t\t\tsetFooterCtaButtonOption({\n\t\t\t\t\t\t\t\tbuttonTitle: 'Add FAQ',\n\t\t\t\t\t\t\t\taddFaqProps: {\n\t\t\t\t\t\t\t\t\tfaqProducts: [\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tid: firstSource?.productId,\n\t\t\t\t\t\t\t\t\t\t\tvariantId: firstSource?.variantId,\n\t\t\t\t\t\t\t\t\t\t\tname: firstSource?.title,\n\t\t\t\t\t\t\t\t\t\t\timageUrl: firstSource?.imageUrl,\n\t\t\t\t\t\t\t\t\t\t},\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\tredirectUrl: '',\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase ChecklistType['ORDER_MODIFICATION']:\n\t\t\t\t\t\ttitle = trainingSourceCount?.[sourceIntent]\n\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t: `Customers who are looking to modify their orders would be redirected to your live agents via the agent handover flow.`;\n\t\t\t\t\t\tif (title)\n\t\t\t\t\t\t\tsetFooterCtaButtonOption({\n\t\t\t\t\t\t\t\tbuttonTitle:\n\t\t\t\t\t\t\t\t\tappType == ApplicationType.MANIFEST\n\t\t\t\t\t\t\t\t\t\t? 'Manage agent handover'\n\t\t\t\t\t\t\t\t\t\t: 'Add relevant data',\n\t\t\t\t\t\t\t\tredirectUrl:\n\t\t\t\t\t\t\t\t\tappType == ApplicationType.MANIFEST\n\t\t\t\t\t\t\t\t\t\t? '/customise?tab=AgentHandover'\n\t\t\t\t\t\t\t\t\t\t: BIK_AI_TRAINING_LINK,\n\t\t\t\t\t\t\t\taddFaqProps: {},\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase ChecklistType['ORDER_CANCELLATION']:\n\t\t\t\t\t\ttitle = trainingSourceCount?.[sourceIntent]\n\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t: `Customers who are looking to cancel their orders would be redirected to your live agents via the agent handover flow.`;\n\t\t\t\t\t\tsetFooterCtaButtonOption({\n\t\t\t\t\t\t\tbuttonTitle:\n\t\t\t\t\t\t\t\tappType == ApplicationType.MANIFEST\n\t\t\t\t\t\t\t\t\t? 'Manage agent handover'\n\t\t\t\t\t\t\t\t\t: 'Add relevant data',\n\t\t\t\t\t\t\tredirectUrl:\n\t\t\t\t\t\t\t\tappType == ApplicationType.MANIFEST\n\t\t\t\t\t\t\t\t\t? '/customise?tab=AgentHandover'\n\t\t\t\t\t\t\t\t\t: BIK_AI_TRAINING_LINK,\n\t\t\t\t\t\t\taddFaqProps: {},\n\t\t\t\t\t\t});\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase ChecklistType['ORDER_TRACKING']:\n\t\t\t\t\t\tif (firstSource?.subIntent === 'ORDER_NOT_FOUND') break;\n\t\t\t\t\t\tsetFooterCtaButtonOption({\n\t\t\t\t\t\t\tbuttonTitle:\n\t\t\t\t\t\t\t\tappType == ApplicationType.MANIFEST\n\t\t\t\t\t\t\t\t\t? 'Add order tracking link'\n\t\t\t\t\t\t\t\t\t: 'Add relevant data',\n\t\t\t\t\t\t\tredirectUrl:\n\t\t\t\t\t\t\t\tappType == ApplicationType.MANIFEST\n\t\t\t\t\t\t\t\t\t? '/skills/order-handling-settings'\n\t\t\t\t\t\t\t\t\t: BIK_AI_TRAINING_LINK,\n\t\t\t\t\t\t\taddFaqProps: {},\n\t\t\t\t\t\t});\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase ChecklistType['PRODUCT_SEARCH']:\n\t\t\t\t\t\tif (firstSource?.type === 'QUIZ') break;\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tmessageSource?.sources?.[0]?.title\n\t\t\t\t\t\t\t\t?.toLowerCase()\n\t\t\t\t\t\t\t\t.indexOf('collection') !== -1\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\ttitle =\n\t\t\t\t\t\t\t\t'Collections are recommended by matching queries with collection names and descriptions. Add relevant keywords to your collection description to improve results.';\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttitle =\n\t\t\t\t\t\t\t'Products are recommended by matching queries with product names, descriptions, tags, and collections. Add relevant keywords and tags to your products to improve results.';\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\tsetFooterInsightOption({\n\t\t\t\t\ttitle: title ?? '',\n\t\t\t\t\tsubTitle,\n\t\t\t\t});\n\t\t\t} else if (sourceIntent === ChecklistType['ORDER_ENQUIRY']) {\n\t\t\t\tsetShowInsights(false);\n\t\t\t}\n\t\t}\n\t\tif (\n\t\t\tSHOW_TRAINING_DATA_SOURCE[sourceIntent] ||\n\t\t\t[\n\t\t\t\tChecklistType['PRODUCT_DETAILS'],\n\t\t\t\tChecklistType['ORDER_MODIFICATION'],\n\t\t\t\tChecklistType['ORDER_CANCELLATION'],\n\t\t\t\tChecklistType['ORDER_TRACKING'],\n\t\t\t].includes(sourceIntent)\n\t\t)\n\t\t\tsetHideAddButtonInternally(false);\n\t}, [\n\t\tmessageSource?.messageId,\n\t\ttrainingSourceCount,\n\t\tsourceIntent,\n\t\tmessageSource?.sources,\n\t\tSHOW_TRAINING_DATA_SOURCE,\n\t\tChecklistType,\n\t\tfaqCount,\n\t\tappType,\n\t\tmessageSource,\n\t]);\n\n\treturn (\n\t\t<SourceInfoFooterStyle>\n\t\t\t{isFooterLoading ? (\n\t\t\t\t<>\n\t\t\t\t\t<BikShimmer\n\t\t\t\t\t\tgap=\"8px\"\n\t\t\t\t\t\tdirection=\"column\"\n\t\t\t\t\t\tboxes={[\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\theight: '20px',\n\t\t\t\t\t\t\t\twidth: '300px',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\theight: '80px',\n\t\t\t\t\t\t\t\twidth: '300px',\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</>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t{!footerInsightOption?.title &&\n\t\t\t\t\ttrainingSourceCount &&\n\t\t\t\t\tsourceIntent in trainingSourceCount ? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<TrainingInsightsHeading hideHeading={hideHeading ?? false} />\n\t\t\t\t\t\t\t<WhyAiGaveThisResponse\n\t\t\t\t\t\t\t\treason={reasonForAiGeneratedResponse || ''}\n\t\t\t\t\t\t\t\tshowAiResponseReason={showAiResponseReason ?? false}\n\t\t\t\t\t\t\t\tisLoading={aiResponseLoading ?? false}\n\t\t\t\t\t\t\t\tappType={appType}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={`source_info_details ${\n\t\t\t\t\t\t\t\t\ttrainingSourceCount[sourceIntent] > 0 ? '' : 'no_data_source'\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{trainingSourceCount[sourceIntent] > 0 && showInsights ? (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<BodyCaption>{detailsMessage}</BodyCaption>\n\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\tImprove responses by adding more data sources for the\n\t\t\t\t\t\t\t\t\t\t\tidentified intent\n\t\t\t\t\t\t\t\t\t\t</BodyCaption>\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\tshowInsights && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"no_data_source_title\">\n\t\t\t\t\t\t\t\t\t\t\t<AlertTriangleIcon\n\t\t\t\t\t\t\t\t\t\t\t\twidth={15}\n\t\t\t\t\t\t\t\t\t\t\t\theight={15}\n\t\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.negative}\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ marginTop: 2 }}\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>\n\t\t\t\t\t\t\t\t\t\t\t\tNo data sources added to the identified link\n\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\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)}\n\t\t\t\t\t\t\t\t{footerButtonOption &&\n\t\t\t\t\t\t\t\t!footerButtonOption.hideAddDataButton &&\n\t\t\t\t\t\t\t\t!hideAddButtonInternally ? (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\tbuttonType=\"tertiary\"\n\t\t\t\t\t\t\t\t\t\tLeadingIcon={PlusIcon}\n\t\t\t\t\t\t\t\t\t\tbuttonText={\n\t\t\t\t\t\t\t\t\t\t\tfooterCtaButtonOption?.buttonTitle.length > 0\n\t\t\t\t\t\t\t\t\t\t\t\t? footerCtaButtonOption?.buttonTitle\n\t\t\t\t\t\t\t\t\t\t\t\t: 'Add relevant data'\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tmatchParentWidth={true}\n\t\t\t\t\t\t\t\t\t\tonClick={() => handleAddDataButtonClick()}\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: 'unset',\n\t\t\t\t\t\t\t\t\t\t}}\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<></>\n\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\t\t\t\t\t) : (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<TrainingInsightsHeading hideHeading={hideHeading ?? false} />\n\t\t\t\t\t\t\t<WhyAiGaveThisResponse\n\t\t\t\t\t\t\t\treason={reasonForAiGeneratedResponse || ''}\n\t\t\t\t\t\t\t\tshowAiResponseReason={showAiResponseReason ?? false}\n\t\t\t\t\t\t\t\tisLoading={aiResponseLoading ?? false}\n\t\t\t\t\t\t\t\tappType={appType}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<div className={`source_info_details`}>\n\t\t\t\t\t\t\t\t{showInsights && (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<BodyCaption>{footerInsightOption?.title}</BodyCaption>\n\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{footerInsightOption?.subTitle}\n\t\t\t\t\t\t\t\t\t\t</BodyCaption>\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{footerButtonOption &&\n\t\t\t\t\t\t\t\t!footerButtonOption.hideAddDataButton &&\n\t\t\t\t\t\t\t\t!hideAddButtonInternally ? (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\tbuttonType=\"tertiary\"\n\t\t\t\t\t\t\t\t\t\tLeadingIcon={PlusIcon}\n\t\t\t\t\t\t\t\t\t\tbuttonText={\n\t\t\t\t\t\t\t\t\t\t\tfooterCtaButtonOption?.buttonTitle.length > 0\n\t\t\t\t\t\t\t\t\t\t\t\t? footerCtaButtonOption?.buttonTitle\n\t\t\t\t\t\t\t\t\t\t\t\t: 'Add relevant data'\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tmatchParentWidth={true}\n\t\t\t\t\t\t\t\t\t\t// onClick={footerButtonOption.onClick}\n\t\t\t\t\t\t\t\t\t\tonClick={() => handleAddDataButtonClick()}\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: 'unset',\n\t\t\t\t\t\t\t\t\t\t}}\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<></>\n\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\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</SourceInfoFooterStyle>\n\t);\n});\n\nconst TrainingInsightsHeading = memo((props: HeadingProp) => {\n\tif (props.hideHeading) return null;\n\treturn (\n\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\tTraining insights\n\t\t</BodyCaption>\n\t);\n});\n\nconst WhyAiGaveThisResponse = memo(\n\t(props: {\n\t\treason: string;\n\t\tshowAiResponseReason: boolean;\n\t\tisLoading: boolean;\n\t\tappType: ApplicationType;\n\t}) => {\n\t\tif (props.appType !== ApplicationType.MANIFEST) return <></>;\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{props.isLoading ? (\n\t\t\t\t\t<div style={{ height: 70, width: '100%', marginBottom: 8 }}>\n\t\t\t\t\t\t<BikShimmer\n\t\t\t\t\t\t\tboxes={[\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\theight: '20px',\n\t\t\t\t\t\t\t\t\twidth: '30%',\n\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\theight: '20px',\n\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\tdirection=\"column\"\n\t\t\t\t\t\t\tgap=\"2px\"\n\t\t\t\t\t\t\tisBrand={false}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div className=\"source_info_details\">\n\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t\t\tclassName=\"why_ai_gave_this_response\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tHere’s why your AI gave this response\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\tclassName=\"clamp-text\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<MarkdownRender\n\t\t\t\t\t\t\t\ttext={props.reason || 'No reason provided for this response.'}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</>\n\t\t);\n\t},\n);\n\nWhyAiGaveThisResponse.displayName = 'WhyAiGaveThisResponse';\n\nTrainingInsightsHeading.displayName = 'TrainingInsightsHeading';\nSourceInfoFooter.displayName = 'SourceInfoFooter';\n\nexport default SourceInfoFooter;\n"],"names":["SourceInfoFooter","memo","props","appType","sourceIntent","hideHeading","messageSource","trainingSourceCount","ShowTrainingDataSource","faqCount","ChecklistType","footerButtonOption","isFooterLoading","reasonForAiGeneratedResponse","showAiResponseReason","aiResponseLoading","SHOW_TRAINING_DATA_SOURCE","hideAddButtonInternally","setHideAddButtonInternally","useState","showInsights","setShowInsights","BIK_AI_TRAINING_LINK","footerCtaButtonOption","setFooterCtaButtonOption","buttonTitle","redirectUrl","addFaqProps","footerInsightOption","setFooterInsightOption","title","subTitle","detailsMessage","useMemo","count","handleAddDataButtonClick","window","open","location","origin","Object","keys","_a","length","onClick","navigate","ApplicationType","MANIFEST","useEffect","sources","firstSource","insights","faqProducts","id","productId","variantId","name","imageUrl","undefined","subIntent","type","_d","_c","_b","toLowerCase","indexOf","includes","messageId","_jsx","SourceInfoFooterStyle","children","jsx","_Fragment","BikShimmer","gap","direction","boxes","height","width","_jsxs","jsxs","TrainingInsightsHeading","WhyAiGaveThisResponse","reason","isLoading","assign","className","BodyCaption","color","COLORS","content","secondary","AlertTriangleIcon","negative","style","marginTop","hideAddDataButton","Button","size","buttonType","LeadingIcon","PlusIcon","buttonText","matchParentWidth","backgroundColor","marginBottom","isBrand","primary","MarkdownRender","text","displayName"],"mappings":"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"}
+{"version":3,"file":"DataSourceInfoFooter.js","sources":["../../../../src/components/data-source-panel/DataSourceInfoFooter.tsx"],"sourcesContent":["import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';\nimport AlertTriangleIcon from '@src/assets/icons/alert_triangle.svg';\nimport PlusIcon from '@src/assets/icons/plus.svg';\nimport { memo, useEffect, useMemo, useState } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { Button } from '../button';\nimport { MarkdownRender } from '../markdown';\nimport { BikShimmer } from '../shimmer';\nimport { BodyCaption } from '../TypographyStyle';\nimport { SourceInfoFooterStyle } from './DataSourcePanel.style';\nimport { footerButtonOptionModel, MessageSource } from './model';\n\ninterface SourceInfoFooterProps {\n\tappType: ApplicationType;\n\tsourceIntent: string;\n\tmessageSource?: MessageSource;\n\thideAddDataButton?: boolean;\n\thideHeading?: boolean;\n\tinsights?: string;\n\tfaqCount?: number;\n\tstoreId: string;\n\ttrainingSourceCount: { [k in string]: number };\n\tShowTrainingDataSource: Record<string, string>;\n\tChecklistType: Record<string, string>;\n\tfooterButtonOption?: footerButtonOptionModel;\n\tisFooterLoading?: boolean;\n\treasonForAiGeneratedResponse?: string;\n\tshowAiResponseReason?: boolean;\n\taiResponseLoading?: boolean;\n}\n\ninterface HeadingProp {\n\thideHeading: boolean;\n}\n\nconst SourceInfoFooter = memo((props: SourceInfoFooterProps) => {\n\tconst {\n\t\tappType,\n\t\tsourceIntent,\n\t\thideHeading,\n\t\tmessageSource,\n\t\ttrainingSourceCount = {},\n\t\tShowTrainingDataSource = {},\n\t\tfaqCount,\n\t\tChecklistType,\n\t\tfooterButtonOption,\n\t\tisFooterLoading,\n\t\treasonForAiGeneratedResponse,\n\t\tshowAiResponseReason,\n\t\taiResponseLoading,\n\t} = props;\n\tconst SHOW_TRAINING_DATA_SOURCE = ShowTrainingDataSource;\n\tconst [hideAddButtonInternally, setHideAddButtonInternally] = useState(true);\n\tconst [showInsights, setShowInsights] = useState<boolean>(true);\n\tconst BIK_AI_TRAINING_LINK = '/bik-ai/training';\n\tconst [footerCtaButtonOption, setFooterCtaButtonOption] = useState({\n\t\tbuttonTitle: '',\n\t\tredirectUrl: '',\n\t\taddFaqProps: {},\n\t});\n\tconst [footerInsightOption, setFooterInsightOption] = useState({\n\t\ttitle: '',\n\t\tsubTitle: '',\n\t});\n\n\tconst detailsMessage = useMemo(() => {\n\t\tconst count = trainingSourceCount?.[sourceIntent] || 0;\n\t\tif (count <= 1) {\n\t\t\treturn 'There is ' + count + 'data source added to the identified intent';\n\t\t}\n\t\treturn `There are ${count} data sources added to the identified intent`;\n\t}, [trainingSourceCount, sourceIntent]);\n\n\tconst handleAddDataButtonClick = () => {\n\t\tif (footerCtaButtonOption?.redirectUrl) {\n\t\t\twindow.open(\n\t\t\t\t`${window.location.origin}${footerCtaButtonOption?.redirectUrl}`,\n\t\t\t\t'_self',\n\t\t\t);\n\t\t} else if (\n\t\t\tObject.keys(footerCtaButtonOption?.addFaqProps ?? {}).length > 0\n\t\t) {\n\t\t\tfooterButtonOption?.onClick(footerCtaButtonOption);\n\t\t} else {\n\t\t\tfooterButtonOption?.navigate &&\n\t\t\t\tfooterButtonOption?.navigate(\n\t\t\t\t\tappType == ApplicationType.MANIFEST\n\t\t\t\t\t\t? 'Skill Data sources'\n\t\t\t\t\t\t: 'Training',\n\t\t\t\t\t{},\n\t\t\t\t\t{},\n\t\t\t\t\ttrue,\n\t\t\t\t);\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tif (!sourceIntent) return;\n\t\tif (messageSource?.sources?.length) {\n\t\t\tconst firstSource = messageSource.sources[0];\n\t\t\tif (!SHOW_TRAINING_DATA_SOURCE[sourceIntent]) {\n\t\t\t\tlet title = firstSource?.insights;\n\t\t\t\tlet subTitle = '';\n\t\t\t\tswitch (sourceIntent) {\n\t\t\t\t\tcase ChecklistType['PRODUCT_DETAILS']:\n\t\t\t\t\t\tif (firstSource?.title !== 'Product reviews') {\n\t\t\t\t\t\t\ttitle = `${\n\t\t\t\t\t\t\t\tfaqCount ? faqCount : 'No'\n\t\t\t\t\t\t\t} FAQs added for this product`;\n\t\t\t\t\t\t\tsubTitle = `Add product-specific information via FAQs to improve responses`;\n\t\t\t\t\t\t\tsetFooterCtaButtonOption({\n\t\t\t\t\t\t\t\tbuttonTitle: 'Add FAQ',\n\t\t\t\t\t\t\t\taddFaqProps: {\n\t\t\t\t\t\t\t\t\tfaqProducts: [\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tid: firstSource?.productId,\n\t\t\t\t\t\t\t\t\t\t\tvariantId: firstSource?.variantId,\n\t\t\t\t\t\t\t\t\t\t\tname: firstSource?.title,\n\t\t\t\t\t\t\t\t\t\t\timageUrl: firstSource?.imageUrl,\n\t\t\t\t\t\t\t\t\t\t},\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\tredirectUrl: '',\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase ChecklistType['ORDER_MODIFICATION']:\n\t\t\t\t\t\ttitle = trainingSourceCount?.[sourceIntent]\n\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t: `Customers who are looking to modify their orders would be redirected to your live agents via the agent handover flow.`;\n\t\t\t\t\t\tif (title)\n\t\t\t\t\t\t\tsetFooterCtaButtonOption({\n\t\t\t\t\t\t\t\tbuttonTitle:\n\t\t\t\t\t\t\t\t\tappType == ApplicationType.MANIFEST\n\t\t\t\t\t\t\t\t\t\t? 'Manage agent handover'\n\t\t\t\t\t\t\t\t\t\t: 'Add relevant data',\n\t\t\t\t\t\t\t\tredirectUrl:\n\t\t\t\t\t\t\t\t\tappType == ApplicationType.MANIFEST\n\t\t\t\t\t\t\t\t\t\t? '/customise?tab=AgentHandover'\n\t\t\t\t\t\t\t\t\t\t: BIK_AI_TRAINING_LINK,\n\t\t\t\t\t\t\t\taddFaqProps: {},\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase ChecklistType['ORDER_CANCELLATION']:\n\t\t\t\t\t\ttitle = trainingSourceCount?.[sourceIntent]\n\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t: `Customers who are looking to cancel their orders would be redirected to your live agents via the agent handover flow.`;\n\t\t\t\t\t\tsetFooterCtaButtonOption({\n\t\t\t\t\t\t\tbuttonTitle:\n\t\t\t\t\t\t\t\tappType == ApplicationType.MANIFEST\n\t\t\t\t\t\t\t\t\t? 'Manage agent handover'\n\t\t\t\t\t\t\t\t\t: 'Add relevant data',\n\t\t\t\t\t\t\tredirectUrl:\n\t\t\t\t\t\t\t\tappType == ApplicationType.MANIFEST\n\t\t\t\t\t\t\t\t\t? '/customise?tab=AgentHandover'\n\t\t\t\t\t\t\t\t\t: BIK_AI_TRAINING_LINK,\n\t\t\t\t\t\t\taddFaqProps: {},\n\t\t\t\t\t\t});\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase ChecklistType['ORDER_TRACKING']:\n\t\t\t\t\t\tif (firstSource?.subIntent === 'ORDER_NOT_FOUND') break;\n\t\t\t\t\t\tsetFooterCtaButtonOption({\n\t\t\t\t\t\t\tbuttonTitle:\n\t\t\t\t\t\t\t\tappType == ApplicationType.MANIFEST\n\t\t\t\t\t\t\t\t\t? 'Add order tracking link'\n\t\t\t\t\t\t\t\t\t: 'Add relevant data',\n\t\t\t\t\t\t\tredirectUrl:\n\t\t\t\t\t\t\t\tappType == ApplicationType.MANIFEST\n\t\t\t\t\t\t\t\t\t? '/skills/order-handling-settings'\n\t\t\t\t\t\t\t\t\t: BIK_AI_TRAINING_LINK,\n\t\t\t\t\t\t\taddFaqProps: {},\n\t\t\t\t\t\t});\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase ChecklistType['PRODUCT_SEARCH']:\n\t\t\t\t\t\tif (firstSource?.type === 'QUIZ') break;\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tmessageSource?.sources?.[0]?.title\n\t\t\t\t\t\t\t\t?.toLowerCase()\n\t\t\t\t\t\t\t\t.indexOf('collection') !== -1\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\ttitle =\n\t\t\t\t\t\t\t\t'Collections are recommended by matching queries with collection names and descriptions. Add relevant keywords to your collection description to improve results.';\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\t\t\t\t\t\ttitle =\n\t\t\t\t\t\t\t'Products are recommended by matching queries with product names, descriptions, tags, and collections. Add relevant keywords and tags to your products to improve results.';\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\tsetFooterInsightOption({\n\t\t\t\t\ttitle: title ?? '',\n\t\t\t\t\tsubTitle,\n\t\t\t\t});\n\t\t\t} else if (sourceIntent === ChecklistType['ORDER_ENQUIRY']) {\n\t\t\t\tsetShowInsights(false);\n\t\t\t}\n\t\t}\n\t\tif (\n\t\t\tSHOW_TRAINING_DATA_SOURCE[sourceIntent] ||\n\t\t\t[\n\t\t\t\tChecklistType['PRODUCT_DETAILS'],\n\t\t\t\tChecklistType['ORDER_MODIFICATION'],\n\t\t\t\tChecklistType['ORDER_CANCELLATION'],\n\t\t\t\tChecklistType['ORDER_TRACKING'],\n\t\t\t].includes(sourceIntent)\n\t\t)\n\t\t\tsetHideAddButtonInternally(false);\n\t}, [\n\t\tmessageSource?.messageId,\n\t\ttrainingSourceCount,\n\t\tsourceIntent,\n\t\tmessageSource?.sources,\n\t\tSHOW_TRAINING_DATA_SOURCE,\n\t\tChecklistType,\n\t\tfaqCount,\n\t\tappType,\n\t\tmessageSource,\n\t]);\n\n\treturn (\n\t\t<SourceInfoFooterStyle>\n\t\t\t{isFooterLoading ? (\n\t\t\t\t<>\n\t\t\t\t\t<BikShimmer\n\t\t\t\t\t\tgap=\"8px\"\n\t\t\t\t\t\tdirection=\"column\"\n\t\t\t\t\t\tboxes={[\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\theight: '20px',\n\t\t\t\t\t\t\t\twidth: '300px',\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\theight: '80px',\n\t\t\t\t\t\t\t\twidth: '300px',\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</>\n\t\t\t) : (\n\t\t\t\t<>\n\t\t\t\t\t{!footerInsightOption?.title &&\n\t\t\t\t\ttrainingSourceCount &&\n\t\t\t\t\tsourceIntent in trainingSourceCount ? (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<TrainingInsightsHeading hideHeading={hideHeading ?? false} />\n\t\t\t\t\t\t\t<WhyAiGaveThisResponse\n\t\t\t\t\t\t\t\treason={reasonForAiGeneratedResponse || ''}\n\t\t\t\t\t\t\t\tshowAiResponseReason={showAiResponseReason ?? false}\n\t\t\t\t\t\t\t\tisLoading={aiResponseLoading ?? false}\n\t\t\t\t\t\t\t\tappType={appType}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={`source_info_details ${\n\t\t\t\t\t\t\t\t\ttrainingSourceCount[sourceIntent] > 0 ? '' : 'no_data_source'\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{trainingSourceCount[sourceIntent] > 0 && showInsights ? (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<BodyCaption>{detailsMessage}</BodyCaption>\n\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\tImprove responses by adding more data sources for the\n\t\t\t\t\t\t\t\t\t\t\tidentified intent\n\t\t\t\t\t\t\t\t\t\t</BodyCaption>\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\tshowInsights && (\n\t\t\t\t\t\t\t\t\t\t<div className=\"no_data_source_title\">\n\t\t\t\t\t\t\t\t\t\t\t<AlertTriangleIcon\n\t\t\t\t\t\t\t\t\t\t\t\twidth={15}\n\t\t\t\t\t\t\t\t\t\t\t\theight={15}\n\t\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.negative}\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{ marginTop: 2 }}\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>\n\t\t\t\t\t\t\t\t\t\t\t\tNo data sources added to the identified link\n\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\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)}\n\t\t\t\t\t\t\t\t{footerButtonOption &&\n\t\t\t\t\t\t\t\t!footerButtonOption.hideAddDataButton &&\n\t\t\t\t\t\t\t\t!hideAddButtonInternally ? (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\tbuttonType=\"tertiary\"\n\t\t\t\t\t\t\t\t\t\tLeadingIcon={PlusIcon}\n\t\t\t\t\t\t\t\t\t\tbuttonText={\n\t\t\t\t\t\t\t\t\t\t\tfooterCtaButtonOption?.buttonTitle.length > 0\n\t\t\t\t\t\t\t\t\t\t\t\t? footerCtaButtonOption?.buttonTitle\n\t\t\t\t\t\t\t\t\t\t\t\t: 'Add relevant data'\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tmatchParentWidth={true}\n\t\t\t\t\t\t\t\t\t\tonClick={() => handleAddDataButtonClick()}\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: 'unset',\n\t\t\t\t\t\t\t\t\t\t}}\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<></>\n\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\t\t\t\t\t) : (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<TrainingInsightsHeading hideHeading={hideHeading ?? false} />\n\t\t\t\t\t\t\t<WhyAiGaveThisResponse\n\t\t\t\t\t\t\t\treason={reasonForAiGeneratedResponse || ''}\n\t\t\t\t\t\t\t\tshowAiResponseReason={showAiResponseReason ?? false}\n\t\t\t\t\t\t\t\tisLoading={aiResponseLoading ?? false}\n\t\t\t\t\t\t\t\tappType={appType}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<div className={`source_info_details`}>\n\t\t\t\t\t\t\t\t{showInsights && (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<BodyCaption>{footerInsightOption?.title}</BodyCaption>\n\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{footerInsightOption?.subTitle}\n\t\t\t\t\t\t\t\t\t\t</BodyCaption>\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{footerButtonOption &&\n\t\t\t\t\t\t\t\t!footerButtonOption.hideAddDataButton &&\n\t\t\t\t\t\t\t\t!hideAddButtonInternally ? (\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\t\tbuttonType=\"tertiary\"\n\t\t\t\t\t\t\t\t\t\tLeadingIcon={PlusIcon}\n\t\t\t\t\t\t\t\t\t\tbuttonText={\n\t\t\t\t\t\t\t\t\t\t\tfooterCtaButtonOption?.buttonTitle.length > 0\n\t\t\t\t\t\t\t\t\t\t\t\t? footerCtaButtonOption?.buttonTitle\n\t\t\t\t\t\t\t\t\t\t\t\t: 'Add relevant data'\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tmatchParentWidth={true}\n\t\t\t\t\t\t\t\t\t\t// onClick={footerButtonOption.onClick}\n\t\t\t\t\t\t\t\t\t\tonClick={() => handleAddDataButtonClick()}\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: 'unset',\n\t\t\t\t\t\t\t\t\t\t}}\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<></>\n\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\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</SourceInfoFooterStyle>\n\t);\n});\n\nconst TrainingInsightsHeading = memo((props: HeadingProp) => {\n\tif (props.hideHeading) return null;\n\treturn (\n\t\t<BodyCaption color={COLORS.content.secondary}>\n\t\t\tTraining insights\n\t\t</BodyCaption>\n\t);\n});\n\nconst WhyAiGaveThisResponse = memo(\n\t(props: {\n\t\treason: string;\n\t\tshowAiResponseReason: boolean;\n\t\tisLoading: boolean;\n\t\tappType: ApplicationType;\n\t}) => {\n\t\tif (props.appType !== ApplicationType.MANIFEST) return <></>;\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{props.isLoading ? (\n\t\t\t\t\t<div style={{ height: 70, width: '100%', marginBottom: 8 }}>\n\t\t\t\t\t\t<BikShimmer\n\t\t\t\t\t\t\tboxes={[\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\theight: '20px',\n\t\t\t\t\t\t\t\t\twidth: '30%',\n\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\theight: '20px',\n\t\t\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\tdirection=\"column\"\n\t\t\t\t\t\t\tgap=\"2px\"\n\t\t\t\t\t\t\tisBrand={false}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div className=\"source_info_details\">\n\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\tcolor={COLORS.content.primary}\n\t\t\t\t\t\t\tclassName=\"why_ai_gave_this_response\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tHere’s why your AI gave this response\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\tcolor={COLORS.content.secondary}\n\t\t\t\t\t\t\tclassName=\"clamp-text\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<MarkdownRender\n\t\t\t\t\t\t\t\ttext={props.reason || 'No reason provided for this response.'}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</>\n\t\t);\n\t},\n);\n\nWhyAiGaveThisResponse.displayName = 'WhyAiGaveThisResponse';\n\nTrainingInsightsHeading.displayName = 'TrainingInsightsHeading';\nSourceInfoFooter.displayName = 'SourceInfoFooter';\n\nexport default SourceInfoFooter;\n"],"names":["SourceInfoFooter","memo","props","appType","sourceIntent","hideHeading","messageSource","trainingSourceCount","ShowTrainingDataSource","faqCount","ChecklistType","footerButtonOption","isFooterLoading","reasonForAiGeneratedResponse","showAiResponseReason","aiResponseLoading","SHOW_TRAINING_DATA_SOURCE","hideAddButtonInternally","setHideAddButtonInternally","useState","showInsights","setShowInsights","BIK_AI_TRAINING_LINK","footerCtaButtonOption","setFooterCtaButtonOption","buttonTitle","redirectUrl","addFaqProps","footerInsightOption","setFooterInsightOption","title","subTitle","detailsMessage","useMemo","count","handleAddDataButtonClick","window","open","location","origin","Object","keys","_a","length","onClick","navigate","ApplicationType","MANIFEST","useEffect","sources","firstSource","insights","faqProducts","id","productId","variantId","name","imageUrl","undefined","subIntent","type","_d","_c","_b","toLowerCase","indexOf","includes","messageId","_jsx","SourceInfoFooterStyle","children","jsx","_Fragment","BikShimmer","gap","direction","boxes","height","width","_jsxs","jsxs","TrainingInsightsHeading","WhyAiGaveThisResponse","reason","isLoading","assign","className","BodyCaption","color","COLORS","content","secondary","AlertTriangleIcon","negative","style","marginTop","hideAddDataButton","Button","size","buttonType","LeadingIcon","PlusIcon","buttonText","matchParentWidth","backgroundColor","marginBottom","isBrand","primary","MarkdownRender","text","displayName"],"mappings":"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"}

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

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