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

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

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

Files changed (1557) hide show

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

	@@ -1 +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","CustomDateTime","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","Object","assign","flex","DateSelector","placement","minDate","DropdownPopover","options","onSelect","Input","leftIcon","icon","ClockIcon","rightIcon","CaratDown","onChangeText","timeFormatValidation","customTimeChangeHandler","error","BodySecondary","paddingTop"],"mappings":"62CAuBA,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,EAGHU,EAA6CC,IACzD,MAAOC,EAAYC,GAAiBC,EAASH,EAAMI,OAC5CC,EAAYC,GAAiBH,EAASH,EAAMO,MAEnDC,GAAU,KACTR,EAAMS,cAASC,GACf,MAAMC,EACLC,EAAUC,0BAA0BZ,GAC/Ba,EAAcC,EAAO,IAAIC,KAAQ,YACvC,GAAIC,EAAQZ,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,EAACC,EAAmB,CAAAC,SAAA,CACnBF,uBAAKG,MAAO,CAAEC,QAAS,OAAQC,IAAK,KAAI,CAAAH,SAAA,CACvCI,EAAK,MAAAC,OAAAC,OAAA,CAAAL,MAAO,CAAEM,KAAM,IACnB,CAAAP,SAAAI,EAACI,EAAY,CACZ9B,WAAYA,EACZC,cAAeA,EACf8B,UAAWpC,EAAMoC,UACjBC,QAASrC,EAAMqC,aAGjBN,EAAA,MAAAC,OAAAC,OAAA,CAAKL,MAAO,CAAEM,KAAM,cACnBH,EAACO,EACAN,OAAAC,OAAA,CAAAM,QAASpD,EAAcc,GACvBuC,SAAWpC,IACVF,EAAeE,EAAsBP,MAAM,GAG5C,CAAA8B,SAAAI,EAACU,EAAK,CACL5C,MAAOI,EACPyC,SAAU,CAAEC,KAAMC,GAClBC,UAAW,CAAEF,KAAMG,GACnBC,aAAe3C,GAxCYA,KAEhC,GADgBQ,EAAUoC,qBAAqB5C,GAClC,CACZ,MAAMO,EACLC,EAAUC,0BAA0BT,GAE/BU,EAAcC,EAAO,IAAIC,KAAQ,YACvC,GAAIC,EAAQZ,IAAeM,EAA2BG,EAErD,YADAd,EAAMS,SAAS,mDAGhBT,EAAMS,cAASC,GACfR,EAAcE,EACd,MACAJ,EAAMS,SAAS,oDACf,EAyB4BwC,CAAwB7C,eAKnDJ,EAAMkD,OACNnB,EAACoB,EAAanB,OAAAC,OAAA,CAACL,MAAO,CAAEwB,WAAY,IAAG,CAAAzB,SAAG3B,EAAMkD,WAE5B"}
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","CustomDateTime","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","Object","assign","flex","DateSelector","placement","minDate","DropdownPopover","options","onSelect","Input","leftIcon","icon","ClockIcon","rightIcon","CaratDown","onChangeText","timeFormatValidation","customTimeChangeHandler","error","BodySecondary","paddingTop"],"mappings":"62CAuBA,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,EAGHU,EAA6CC,IACzD,MAAOC,EAAYC,GAAiBC,EAASH,EAAMI,OAC5CC,EAAYC,GAAiBH,EAASH,EAAMO,MAEnDC,GAAU,KACTR,EAAMS,cAASC,GACf,MAAMC,EACLC,EAAUC,0BAA0BZ,GAC/Ba,EAAcC,EAAO,IAAIC,KAAQ,YACvC,GAAIC,EAAQZ,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,EAACC,EAAmB,CAAAC,SAAA,CACnBF,uBAAKG,MAAO,CAAEC,QAAS,OAAQC,IAAK,KAAI,CAAAH,SAAA,CACvCI,EAAK,MAAAC,OAAAC,OAAA,CAAAL,MAAO,CAAEM,KAAM,IACnB,CAAAP,SAAAI,EAACI,EAAY,CACZ9B,WAAYA,EACZC,cAAeA,EACf8B,UAAWpC,EAAMoC,UACjBC,QAASrC,EAAMqC,aAGjBN,EAAA,MAAAC,OAAAC,OAAA,CAAKL,MAAO,CAAEM,KAAM,cACnBH,EAACO,EACAN,OAAAC,OAAA,CAAAM,QAASpD,EAAcc,GACvBuC,SAAWpC,IACVF,EAAeE,EAAsBP,MAAM,GAG5C,CAAA8B,SAAAI,EAACU,EAAK,CACL5C,MAAOI,EACPyC,SAAU,CAAEC,KAAMC,GAClBC,UAAW,CAAEF,KAAMG,GACnBC,aAAe3C,GAxCYA,KAEhC,GADgBQ,EAAUoC,qBAAqB5C,GAClC,CACZ,MAAMO,EACLC,EAAUC,0BAA0BT,GAE/BU,EAAcC,EAAO,IAAIC,KAAQ,YACvC,GAAIC,EAAQZ,IAAeM,EAA2BG,EAErD,YADAd,EAAMS,SAAS,mDAGhBT,EAAMS,cAASC,GACfR,EAAcE,EACd,MACAJ,EAAMS,SAAS,oDACf,EAyB4BwC,CAAwB7C,eAKnDJ,EAAMkD,OACNnB,EAACoB,EAAanB,OAAAC,OAAA,CAACL,MAAO,CAAEwB,WAAY,IAAG,CAAAzB,SAAG3B,EAAMkD,WAE5B"}

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

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

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

	@@ -1 +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":["DashboardReviewPopUp","~~_ref","~~onClose","onSubmit","quickAnswerOptions","titleMap","feedbackMap","fullStarSubmitText","onRatingChange","initialText","fiveStar","starsSelected","setStartsSelected","useState","handleStarSelection","stars","_jsx","DropShadow","Object","assign","level","position","children","_jsxs","Container","CrossIconHolder","onClick","CrossIcon","width","height","ZeroState","FiveStar","subtext","subText","Form","onStarChange"],"mappings":"~~maAQaA~~,~~MAAAA~~,~~EAcRC~~,~~IAUA~~,~~IAVCC~~,~~QACLA~~,~~EAAOC~~,~~SACPA~~,~~EAAQC~~,~~mBACRA~~,~~EAAkBC~~,~~SAClBA~~,~~EAAQC~~,~~YACRA~~,~~EAAWC,mBACXA,EAAkBC,eAClBA,EAAcC,YACdA,EAAWC,SACXA,GACAT,EACA,MAAOU,~~EAAeC,GAAqBC,EAAiB,GAE5D,SAASC,EAAoBC,GAC5BH,EAAkBG,GAClBP,SAAAA,EAAiBO,EAClB,CAEA,OACCC,EAACC,EAAUC,OAAAC,OAAA,CAACC,MAAO,KAAMC,SAAU,QAAM,CAAAC,SACxCC,EAACC,EACA,CAAAF,SAAA,CAAAN,EAACS,EAAeP,OAAAC,OAAA,CAACO,QAASxB,GAAO,CAAAoB,SAChCN,EAACW,EAAU,CAAAC,MAAO,GAAIC,OAAQ,QAEZ,IAAlBlB,EACAK,EAACc,EACA,CAAAhB,oBAAqBA,EACrBL,YAAaA,IAEO,IAAlBE,EACHK,EAACe,EACA,CAAAxB,mBAAoBA,EACpBJ,SAAUA,EACVW,oBAAqBA,EACrBkB,QAAStB,aAAA,EAAAA,EAAUuB,UAGpBjB,EAACkB,EACA,CAAA7B,SAAUA,EACVC,YAAaA,EACbS,MAAOJ,EACPwB,aAAcrB,EACdX,SAAUA,EACVC,mBAAoBA,SAIX"}
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":["DashboardReviewPopUp","onClose","onSubmit","quickAnswerOptions","titleMap","feedbackMap","fullStarSubmitText","onRatingChange","initialText","fiveStar","starsSelected","setStartsSelected","useState","handleStarSelection","stars","_jsx","DropShadow","Object","assign","level","position","children","_jsxs","Container","CrossIconHolder","onClick","CrossIcon","width","height","ZeroState","FiveStar","subtext","subText","Form","onStarChange"],"mappings":"maAQO,MAAMA,EAcRA,EACJC,UACAC,WACAC,qBACAC,WACAC,cACAC,qBACAC,iBACAC,cACAC,eAEA,MAAOC,EAAeC,GAAqBC,EAAiB,GAE5D,SAASC,EAAoBC,GAC5BH,EAAkBG,GAClBP,SAAAA,EAAiBO,EAClB,CAEA,OACCC,EAACC,EAAUC,OAAAC,OAAA,CAACC,MAAO,KAAMC,SAAU,QAAM,CAAAC,SACxCC,EAACC,EACA,CAAAF,SAAA,CAAAN,EAACS,EAAeP,OAAAC,OAAA,CAACO,QAASxB,GAAO,CAAAoB,SAChCN,EAACW,EAAU,CAAAC,MAAO,GAAIC,OAAQ,QAEZ,IAAlBlB,EACAK,EAACc,EACA,CAAAhB,oBAAqBA,EACrBL,YAAaA,IAEO,IAAlBE,EACHK,EAACe,EACA,CAAAxB,mBAAoBA,EACpBJ,SAAUA,EACVW,oBAAqBA,EACrBkB,QAAStB,aAAA,EAAAA,EAAUuB,UAGpBjB,EAACkB,EACA,CAAA7B,SAAUA,EACVC,YAAaA,EACbS,MAAOJ,EACPwB,aAAcrB,EACdX,SAAUA,EACVC,mBAAoBA,SAIX"}

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

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

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

	@@ -1 +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":["FiveStar","~~_ref","~~handleStarSelection","onSubmit","fullStarSubmitText","subtext","_jsxs","Container","children","_jsx","TitleMedium","Object","assign","color","COLORS","surface","standard","style","textAlign","StarRating","starSize","value","onChange","BodySecondary","width","Button","onClick","ButtonLarge","content","brand"],"mappings":"~~4TAUaA~~,~~MAAAA~~,~~EASRC~~,~~IAAmE~~,~~IAAlEC~~,~~oBAAEA~~,~~EAAmBC~~,~~SAAEA~~,~~EAAQC,mBAAEA,EAAkBC,QAAEA,GAASJ,EACnE,OACCK,~~EAACC,EAAS,CAAAC,SAAA,CACTC,EAACC,EAAWC,OAAAC,OAAA,CACXC,MAAOC,EAAOC,QAAQC,SACtBC,MAAO,CAAEC,UAAW,WAEnB,CAAAV,SAAA,4DAEFC,EAACU,EAAW,CAAAC,SAAU,GAAIC,MAAO,EAAGC,SAAUpB,IAC9CO,EAACc,iBACAV,MAAOC,EAAOC,QAAQC,SACtBC,MAAO,CAAEC,UAAW,SAAUM,MAAO,gBAEpCnB,QAAAA,EAAW,sDAEbI,EAACgB,EAAOd,OAAAC,OAAA,CAAAc,QAASA,IAAMvB,EAAS,IAAE,CAAAK,SACjCC,EAACkB,EAAYhB,OAAAC,OAAA,CAAAC,MAAOC,EAAOc,QAAQC,OAAK,CAAArB,SACtCJ~~,UAGQ~~"}
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":["FiveStar","handleStarSelection","onSubmit","fullStarSubmitText","subtext","_jsxs","Container","children","_jsx","TitleMedium","Object","assign","color","COLORS","surface","standard","style","textAlign","StarRating","starSize","value","onChange","BodySecondary","width","Button","onClick","ButtonLarge","content","brand"],"mappings":"4TAUO,MAAMA,EASRA,EAAGC,sBAAqBC,WAAUC,qBAAoBC,aAEzDC,EAACC,EAAS,CAAAC,SAAA,CACTC,EAACC,EAAWC,OAAAC,OAAA,CACXC,MAAOC,EAAOC,QAAQC,SACtBC,MAAO,CAAEC,UAAW,WAEnB,CAAAV,SAAA,4DAEFC,EAACU,EAAW,CAAAC,SAAU,GAAIC,MAAO,EAAGC,SAAUpB,IAC9CO,EAACc,iBACAV,MAAOC,EAAOC,QAAQC,SACtBC,MAAO,CAAEC,UAAW,SAAUM,MAAO,gBAEpCnB,QAAAA,EAAW,sDAEbI,EAACgB,EAAOd,OAAAC,OAAA,CAAAc,QAASA,IAAMvB,EAAS,IAAE,CAAAK,SACjCC,EAACkB,EAAYhB,OAAAC,OAAA,CAAAC,MAAOC,EAAOc,QAAQC,OAAK,CAAArB,SACtCJ"}

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

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

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

	@@ -1 +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","Form","~~_ref","~~stars","titleMap","feedbackMap","onStarChange","onSubmit","quickAnswerOptions","titleMapToUse","feedbackMapToUse","quickFeedback","setQuickFeedback","useState","textAreaRef","useRef","title","feedBackText","_jsxs","Container","StarWrapper","_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":"4ZAiBA,MAAMA,EAAkB,CACvB,EAAG,iCACH,EAAG,iCACH,EAAG,iCACH,EAAG,iCACH,EAAG,kCAGEC,EAAqB,CAC1B,EAAG,wBACH,EAAG,wBACH,EAAG,wBACH,EAAG,wBACH,EAAG,yBAGSC,~~EAORC~~,~~IAOA~~,~~IAPCC~~,~~MACLA~~,~~EAAKC~~,~~SACLA~~,~~EAAQC~~,~~YACRA~~,~~EAAWC~~,~~aACXA,EAAYC,SACZA,EAAQC,mBACRA,GACAN,EACA,MAAMO,~~EAAgBL,QAAAA,~~EAAYL~~,~~EAC5BW~~,EAAmBL,QAAAA,~~EAAeL~~,~~GACjCW~~,EAAeC,GAAoBC,EAAmB,IACvDC,EAAcC,EAA4B,MAE1CC,EAAQP,EAAcN,GACtBc,EAAeP,EAAiBP,GAMtC,OACCe,EAACC,aACAD,EAACE,aACAC,EAACC,iBAAaC,MAAOC,EAAOC,QAAQC,UAAQ,CAAAC,SAAGX,KAC/CK,EAACO,GAAWC,SAAU,GAAIC,MAAO3B,EAAO4B,SAAUzB,OAElDE,GACAU,uBAAKc,MAAO,CAAEC,QAAS,OAAQC,cAAe,SAAUC,IAAK,IAAG,CAAAR,SAAA,CAC/DN,EAACC,EAAYc,OAAAC,OAAA,CAACd,MAAOC,EAAOC,QAAQC,UAAQ,CAAAC,SAC1CV,KAEFI,EAACiB,EAAO,CAAAX,SACNnB,eAAAA,EAAoB+B,KAAI,CAACC,EAAMC,KAC/B,MAAMC,EAAW/B,EAAcgC,SAASH,GACxC,OACCnB,EAACuB,EAEAR,OAAAC,OAAA,CAAAK,SAAUA,EACVG,QAASA,KAEPjC,EADG8B,EACeI,GACjBA,EAAKC,QAAQC,GAASA,IAASR,IAGdM,GAAS,IAAIA,EAAMN,GACrC,aAGFnB,EAAC4B,EACAb,OAAAC,OAAA,CAAAd,MACCmB,EACGlB,EAAO0B,WAAWC,QAClB3B,EAAOC,QAAQC,UAGlB,CAAAC,SAAAa,OAnBGC,EAqBC,UAMZvB,EAAA,MAAAkB,OAAAC,OAAA,CACCL,MAAO,CACNC,QAAS,OACTC,cAAe,SACfC,IAAK,EACLiB,MAAO,SAGR,CAAAzB,SAAA,CAAAN,EAACC,EAAYc,OAAAC,OAAA,CAACd,MAAOC,EAAOC,QAAQC,UAAQ,CAAAC,SAAA,2BAG5CN,EAACgC,EAAS,CAAAC,YAAY,0BAA0BC,IAAKzC,QAEtDO,EAAA,MAAAe,OAAAC,OAAA,CAAKL,MAAO,CAAEoB,MAAO,SACpB,CAAAzB,SAAAN,EAACmC,EAAMpB,OAAAC,OAAA,CAACQ,QA7DX,mBACCtC,EAASJ,EAAOQ,EAA6C,QAA9B8C,EAAqB,QAArBC,EAAA5C,EAAY6C,eAAS,IAAAD,OAAA,EAAAA,EAAA5B,aAAS,IAAA2B,EAAAA,EAAA,GAC9D,GA2DgC,CAAA9B,SAC5BN,EAACuC,iBAAYrC,MAAOC,EAAOqC,QAAQC,gBAAc,CAAAnC,SAAA,oBAKxC"}
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","Form","stars","titleMap","feedbackMap","onStarChange","onSubmit","quickAnswerOptions","titleMapToUse","feedbackMapToUse","quickFeedback","setQuickFeedback","useState","textAreaRef","useRef","title","feedBackText","_jsxs","Container","StarWrapper","_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":"4ZAiBA,MAAMA,EAAkB,CACvB,EAAG,iCACH,EAAG,iCACH,EAAG,iCACH,EAAG,iCACH,EAAG,kCAGEC,EAAqB,CAC1B,EAAG,wBACH,EAAG,wBACH,EAAG,wBACH,EAAG,wBACH,EAAG,yBAGSC,EAORA,EACJC,QACAC,WACAC,cACAC,eACAC,WACAC,yBAEA,MAAMC,EAAgBL,QAAAA,EAAYJ,EAC5BU,EAAmBL,QAAAA,EAAeJ,GACjCU,EAAeC,GAAoBC,EAAmB,IACvDC,EAAcC,EAA4B,MAE1CC,EAAQP,EAAcN,GACtBc,EAAeP,EAAiBP,GAMtC,OACCe,EAACC,aACAD,EAACE,aACAC,EAACC,iBAAaC,MAAOC,EAAOC,QAAQC,UAAQ,CAAAC,SAAGX,KAC/CK,EAACO,GAAWC,SAAU,GAAIC,MAAO3B,EAAO4B,SAAUzB,OAElDE,GACAU,uBAAKc,MAAO,CAAEC,QAAS,OAAQC,cAAe,SAAUC,IAAK,IAAG,CAAAR,SAAA,CAC/DN,EAACC,EAAYc,OAAAC,OAAA,CAACd,MAAOC,EAAOC,QAAQC,UAAQ,CAAAC,SAC1CV,KAEFI,EAACiB,EAAO,CAAAX,SACNnB,eAAAA,EAAoB+B,KAAI,CAACC,EAAMC,KAC/B,MAAMC,EAAW/B,EAAcgC,SAASH,GACxC,OACCnB,EAACuB,EAEAR,OAAAC,OAAA,CAAAK,SAAUA,EACVG,QAASA,KAEPjC,EADG8B,EACeI,GACjBA,EAAKC,QAAQC,GAASA,IAASR,IAGdM,GAAS,IAAIA,EAAMN,GACrC,aAGFnB,EAAC4B,EACAb,OAAAC,OAAA,CAAAd,MACCmB,EACGlB,EAAO0B,WAAWC,QAClB3B,EAAOC,QAAQC,UAGlB,CAAAC,SAAAa,OAnBGC,EAqBC,UAMZvB,EAAA,MAAAkB,OAAAC,OAAA,CACCL,MAAO,CACNC,QAAS,OACTC,cAAe,SACfC,IAAK,EACLiB,MAAO,SAGR,CAAAzB,SAAA,CAAAN,EAACC,EAAYc,OAAAC,OAAA,CAACd,MAAOC,EAAOC,QAAQC,UAAQ,CAAAC,SAAA,2BAG5CN,EAACgC,EAAS,CAAAC,YAAY,0BAA0BC,IAAKzC,QAEtDO,EAAA,MAAAe,OAAAC,OAAA,CAAKL,MAAO,CAAEoB,MAAO,SACpB,CAAAzB,SAAAN,EAACmC,EAAMpB,OAAAC,OAAA,CAACQ,QA7DX,mBACCtC,EAASJ,EAAOQ,EAA6C,QAA9B8C,EAAqB,QAArBC,EAAA5C,EAAY6C,eAAS,IAAAD,OAAA,EAAAA,EAAA5B,aAAS,IAAA2B,EAAAA,EAAA,GAC9D,GA2DgC,CAAA9B,SAC5BN,EAACuC,iBAAYrC,MAAOC,EAAOqC,QAAQC,gBAAc,CAAAnC,SAAA,oBAKxC"}

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

@@ -1,2 +1,2 @@
-import c from"@emotion/styled/base";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{StarRating as g}from"../../star-rating/StarRating.js";import{TitleMedium as l}from"../../TypographyStyle.js";import{COLORS as i}from"../../../constants/Theme.js";const a=c("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)."}}),d=c=>{let{handleStarSelection:d,initialText:n}=c;return e(a,{children:[t(l,Object.assign({color:i.surface.standard},{children:null!=n?n:"Rate your experience with us"})),t("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center"}},{children:t(g,{starSize:32,onChange:d})}))]})};export{d as ZeroState};
+import c from"@emotion/styled/base";import{jsxs as e,jsx as g}from"react/jsx-runtime";import{StarRating as t}from"../../star-rating/StarRating.js";import{TitleMedium as l}from"../../TypographyStyle.js";import{COLORS as i}from"../../../constants/Theme.js";const a=c("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)."}}),d=({handleStarSelection:c,initialText:d})=>e(a,{children:[g(l,Object.assign({color:i.surface.standard},{children:null!=d?d:"Rate your experience with us"})),g("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center"}},{children:g(t,{starSize:32,onChange:c})}))]});export{d as ZeroState};
 //# sourceMappingURL=ZeroState.js.map

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

	@@ -1 +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","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","ZeroState","~~_ref","~~handleStarSelection","initialText","_jsxs","children","_jsx","TitleMedium","Object","assign","color","COLORS","surface","standard","style","display","flexDirection","justifyContent","StarRating","starSize","onChange"],"mappings":"+PAMA,MAAMA,EAASC,EAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,YAAA,CAAAA,OAAA,WAAAC,MAAA,aAAAL,CAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAG,KAAA,SAAAC,OAAA,+CAAA,CAAAD,KAAA,SAAAC,OAAA,8CAAAC,IAAA,shDAAAC,+PAMFC,~~EAGRC~~,~~IAAyC~~,~~IAAxCC~~,~~oBAAEA~~,~~EAAmBC~~,~~YAAEA,GAAaF,EACzC,OACCG,EAACf,~~EACA,~~CAAAgB~~,SAAA,CAAAC,EAACC,EAAWC,OAAAC,OAAA,CAACC,MAAOC,EAAOC,QAAQC,UACjC,CAAAR,SAAAF,QAAAA,EAAe,kCAEjBG,EACC,MAAAE,OAAAC,OAAA,CAAAK,MAAO,CACNC,QAAS,OACTC,cAAe,MACfC,eAAgB,WAChB,CAAAZ,SAEDC,EAACY,EAAW,CAAAC,SAAU,GAAIC,SAAUlB~~,SAE1B~~"}
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","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","ZeroState","handleStarSelection","initialText","_jsxs","children","_jsx","TitleMedium","Object","assign","color","COLORS","surface","standard","style","display","flexDirection","justifyContent","StarRating","starSize","onChange"],"mappings":"+PAMA,MAAMA,EAASC,EAAA,MAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAC,OAAA,YAAA,CAAAA,OAAA,WAAAC,MAAA,aAAAL,CAAA,eAAAC,QAAAC,IAAAC,SAAA,CAAAG,KAAA,SAAAC,OAAA,+CAAA,CAAAD,KAAA,SAAAC,OAAA,8CAAAC,IAAA,shDAAAC,+PAMFC,EAGRA,EAAGC,sBAAqBC,iBAE3BC,EAACd,EACA,CAAAe,SAAA,CAAAC,EAACC,EAAWC,OAAAC,OAAA,CAACC,MAAOC,EAAOC,QAAQC,UACjC,CAAAR,SAAAF,QAAAA,EAAe,kCAEjBG,EACC,MAAAE,OAAAC,OAAA,CAAAK,MAAO,CACNC,QAAS,OACTC,cAAe,MACfC,eAAgB,WAChB,CAAAZ,SAEDC,EAACY,EAAW,CAAAC,SAAU,GAAIC,SAAUlB"}

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

	@@ -1 +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","_Fragment","BikShimmer","gap","direction","boxes","height","width","_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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"}
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","_Fragment","BikShimmer","gap","direction","boxes","height","width","_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/esm/components/data-source-panel/DataSourcePanel.js CHANGED Viewed

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