@bikdotai/bik-component-library 0.0.736-beta.5 → 0.0.736-beta.7

package/dist/esm/components/code-block/CodeBlock.styled.js

@@ -1,17 +1,17 @@
-import e from"styled-components";const r=e.div`
-	background-color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#0d1117":"#ffffff"}};
+import e from"styled-components";const o=e.div`
+	background-color: ${({themeMode:e})=>"dark"===e?"#0d1117":"#ffffff"};
 	border: 1px solid
-		${e=>{let{themeMode:r}=e;return"dark"===r?"#30363d":"#d0d7de"}};
+		${({themeMode:e})=>"dark"===e?"#30363d":"#d0d7de"};
 	border-radius: 6px;
 	overflow: hidden;
 	font-family: ui-monospace, SFMono-Regular, 'SF Mono', Consolas,
 		'Liberation Mono', Menlo, monospace;
 	margin-bottom: 1rem;
-	${e=>{let{maxWidth:r}=e;return r&&`max-width: ${r};`}}
-`,o=e.div`
-	background-color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#161b22":"#f6f8fa"}};
+	${({maxWidth:e})=>e&&`max-width: ${e};`}
+`,d=e.div`
+	background-color: ${({themeMode:e})=>"dark"===e?"#161b22":"#f6f8fa"};
 	border-bottom: 1px solid
-		${e=>{let{themeMode:r}=e;return"dark"===r?"#30363d":"#d0d7de"}};
+		${({themeMode:e})=>"dark"===e?"#30363d":"#d0d7de"};
 	padding: 8px 16px;
 	display: flex;
 	justify-content: space-between;
@@ -24,32 +24,32 @@ import e from"styled-components";const r=e.div`
 	width: 12px;
 	height: 12px;
 	border-radius: 50%;
-	background-color: ${e=>{let{color:r}=e;return r}};
-`;const t=e.div`
+	background-color: ${({color:e})=>e};
+`;const r=e.div`
 	display: flex;
 	align-items: center;
 	gap: 8px;
 	flex: 1;
 	margin-left: 12px;
-`,d=e.span`
-	color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#f0f6fc":"#24292f"}};
+`,t=e.span`
+	color: ${({themeMode:e})=>"dark"===e?"#f0f6fc":"#24292f"};
 	font-size: 14px;
 	font-weight: 500;
-`,n=e.div`
-	background-color: ${e=>{let{bg:r}=e;return r}};
-	color: ${e=>{let{color:r}=e;return r||"#ffffff"}};
+`,i=e.div`
+	background-color: ${({bg:e})=>e};
+	color: ${({color:e})=>e||"#ffffff"};
 	padding: 2px 6px;
 	border-radius: 4px;
 	font-size: 11px;
 	font-weight: 600;
 	text-transform: uppercase;
-`,i=e.button`
+`,n=e.button`
 	background-color: transparent;
 	border: 1px solid
-		${e=>{let{themeMode:r}=e;return"dark"===r?"#30363d":"#d0d7de"}};
+		${({themeMode:e})=>"dark"===e?"#30363d":"#d0d7de"};
 	border-radius: 4px;
 	padding: 4px 8px;
-	color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#f0f6fc":"#24292f"}};
+	color: ${({themeMode:e})=>"dark"===e?"#f0f6fc":"#24292f"};
 	font-size: 12px;
 	cursor: pointer;
 	display: flex;
@@ -58,31 +58,31 @@ import e from"styled-components";const r=e.div`
 	transition: background-color 0.2s ease;
 
 	&:hover {
-		background-color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#21262d":"#f3f4f6"}};
+		background-color: ${({themeMode:e})=>"dark"===e?"#21262d":"#f3f4f6"};
 	}
-`,l=e.div`
-	max-height: ${e=>{let{maxHeight:r}=e;return r}};
+`,a=e.div`
+	max-height: ${({maxHeight:e})=>e};
 	overflow: auto;
 	display: flex;
 	/* Ensure this is the only scroll container */
 	min-width: 0;
-`,a=e.div`
-	background-color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#0d1117":"#f6f8fa"}};
-	color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#6e7681":"#656d76"}};
+`,f=e.div`
+	background-color: ${({themeMode:e})=>"dark"===e?"#0d1117":"#f6f8fa"};
+	color: ${({themeMode:e})=>"dark"===e?"#6e7681":"#656d76"};
 	padding: 16px 12px;
 	font-size: 12px;
 	line-height: 20px;
 	text-align: right;
 	user-select: none;
 	border-right: 1px solid
-		${e=>{let{themeMode:r}=e;return"dark"===r?"#21262d":"#d0d7de"}};
+		${({themeMode:e})=>"dark"===e?"#21262d":"#d0d7de"};
 	min-width: 40px;
-`,f=e.pre`
+`,l=e.pre`
 	flex: 1;
 	padding: 16px;
 	font-size: 12px;
 	line-height: 20px;
-	color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#f0f6fc":"#24292f"}};
+	color: ${({themeMode:e})=>"dark"===e?"#f0f6fc":"#24292f"};
 	background-color: transparent;
 	margin: 0;
 	white-space: pre;
@@ -91,20 +91,20 @@ import e from"styled-components";const r=e.div`
 	min-width: 0; /* Ensures proper shrinking in flex container */
 
 	.keyword {
-		color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#79c0ff":"#0969da"}};
+		color: ${({themeMode:e})=>"dark"===e?"#79c0ff":"#0969da"};
 		font-weight: 600;
 	}
 
 	.string {
-		color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#a5d6ff":"#0a3069"}};
+		color: ${({themeMode:e})=>"dark"===e?"#a5d6ff":"#0a3069"};
 	}
 
 	.comment {
-		color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#8b949e":"#656d76"}};
+		color: ${({themeMode:e})=>"dark"===e?"#8b949e":"#656d76"};
 		font-style: italic;
 	}
 
 	.number {
-		color: ${e=>{let{themeMode:r}=e;return"dark"===r?"#79c0ff":"#0969da"}};
+		color: ${({themeMode:e})=>"dark"===e?"#79c0ff":"#0969da"};
 	}
-`;export{f as Code,l as CodeContainer,r as Container,i as CopyButton,o as Header,n as LanguageBadge,a as LineNumbers,d as Title,t as TitleSection};
+`;export{l as Code,a as CodeContainer,o as Container,n as CopyButton,d as Header,i as LanguageBadge,f as LineNumbers,t as Title,r as TitleSection};

package/dist/esm/components/code-block/CodeBlockHelper.js

@@ -1 +1 @@
-import{keywordsMap as o}from"./keywordMap.js";import*as e from"./languageSpecificFormatting/javascript_file.js";const l={javascript:e},n=o=>{let e=0;for(let l=0;l<o.length;l++)e=(e<<5)-e+o.charCodeAt(l),e|=0;return Math.abs(e)},s=function(e,s){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"dark";const a=o[s.toLowerCase()]||[],c=(e=>{let{theme:s,lang:r}=e;var a,c;const t=o[r.toLowerCase()]||[],g={};let i={},p=[];const d=l[r.toLowerCase()];if(d)try{i=(null===(a=d.colorOverWrite)||void 0===a?void 0:a.call(d,s))||{},p=(null===(c=d.colorMap)||void 0===c?void 0:c.call(d,s))||[],console.log(`Formatter found for ${r} (${s}):`,{overrides:Object.keys(i),colorMapLength:p.length,colorMapColors:p})}catch(o){console.warn(`Failed to load formatting for ${r}:`,o)}else console.log(`No formatter found for ${r}`);const f="dark"===s?{primary:"#79c0ff",secondary:"#a5d6ff",tertiary:"#ff7b72",quaternary:"#d2a8ff"}:{primary:"#0969da",secondary:"#207d57ff",tertiary:"#d1242f",quaternary:"#8250df"},$=Object.values(f);return console.log(`Processing ${t.length} keywords for ${r}`),t.forEach((o=>{if(null==i?void 0:i[o])g[o]=i[o],["function","console","log"].includes(o)&&console.log(`${o}: using override color ${i[o]}`);else if(p&&p.length>0){const e=n(o)%p.length;g[o]=p[e],["function","console","log"].includes(o)&&console.log(`${o}: using colorMap[${e}] = ${p[e]}`)}else{const e=n(o)%$.length;g[o]=$[e],["function","console","log"].includes(o)&&console.log(`${o}: using fallback color ${$[e]}`)}})),g})({theme:r,lang:s});let t=e;t=t.replace(/(["'`])(?:\\.|(?!\1).)*\1/g,'<span class="string">$&</span>'),t=t.replace(/\/\/.*$/gm,'<span class="comment">$&</span>'),t=t.replace(/\/\*[\s\S]*?\*\//g,'<span class="comment">$&</span>'),t=t.replace(/#.*$/gm,'<span class="comment">$&</span>'),t=t.replace(/\b\d+\.?\d*\b/g,'<span class="number">$&</span>');const g=a.sort(((o,e)=>e.length-o.length));return console.log(`Processing ${s} keywords in order:`,g),g.forEach((o=>{let e;e="css"===s.toLowerCase()?new RegExp(`(^|[\\s:])\\b(${o.replace(/-/g,"\\-")})(?=\\s*:|\\s|$)(?![^<]*>)`,"g"):new RegExp(`\\b(${o})\\b(?![^<]*>)`,"g");const l=t;t="css"===s.toLowerCase()?t.replace(e,`$1<span style="color: ${c[o]}">$2</span>`):t.replace(e,`<span style="color: ${c[o]}">$1</span>`),l!==t&&["background","background-color","color"].includes(o)&&console.log(`${o} -> ${c[o]} (made changes)`)})),t};export{s as highlightCode};
+import{keywordsMap as o}from"./keywordMap.js";import*as e from"./languageSpecificFormatting/javascript_file.js";const s={javascript:e},l=o=>{let e=0;for(let s=0;s<o.length;s++)e=(e<<5)-e+o.charCodeAt(s),e|=0;return Math.abs(e)},r=(e,r,n="dark")=>{const a=o[r.toLowerCase()]||[],c=(({theme:e,lang:r})=>{var n,a;const c=o[r.toLowerCase()]||[],t={};let g={},i=[];const p=s[r.toLowerCase()];if(p)try{g=(null===(n=p.colorOverWrite)||void 0===n?void 0:n.call(p,e))||{},i=(null===(a=p.colorMap)||void 0===a?void 0:a.call(p,e))||[],console.log(`Formatter found for ${r} (${e}):`,{overrides:Object.keys(g),colorMapLength:i.length,colorMapColors:i})}catch(o){console.warn(`Failed to load formatting for ${r}:`,o)}else console.log(`No formatter found for ${r}`);const d="dark"===e?{primary:"#79c0ff",secondary:"#a5d6ff",tertiary:"#ff7b72",quaternary:"#d2a8ff"}:{primary:"#0969da",secondary:"#207d57ff",tertiary:"#d1242f",quaternary:"#8250df"},f=Object.values(d);return console.log(`Processing ${c.length} keywords for ${r}`),c.forEach(o=>{if(null==g?void 0:g[o])t[o]=g[o],["function","console","log"].includes(o)&&console.log(`${o}: using override color ${g[o]}`);else if(i&&i.length>0){const e=l(o)%i.length;t[o]=i[e],["function","console","log"].includes(o)&&console.log(`${o}: using colorMap[${e}] = ${i[e]}`)}else{const e=l(o)%f.length;t[o]=f[e],["function","console","log"].includes(o)&&console.log(`${o}: using fallback color ${f[e]}`)}}),t})({theme:n,lang:r});let t=e;t=t.replace(/(["'`])(?:\\.|(?!\1).)*\1/g,'<span class="string">$&</span>'),t=t.replace(/\/\/.*$/gm,'<span class="comment">$&</span>'),t=t.replace(/\/\*[\s\S]*?\*\//g,'<span class="comment">$&</span>'),t=t.replace(/#.*$/gm,'<span class="comment">$&</span>'),t=t.replace(/\b\d+\.?\d*\b/g,'<span class="number">$&</span>');const g=a.sort((o,e)=>e.length-o.length);return console.log(`Processing ${r} keywords in order:`,g),g.forEach(o=>{let e;e="css"===r.toLowerCase()?new RegExp(`(^|[\\s:])\\b(${o.replace(/-/g,"\\-")})(?=\\s*:|\\s|$)(?![^<]*>)`,"g"):new RegExp(`\\b(${o})\\b(?![^<]*>)`,"g");const s=t;t="css"===r.toLowerCase()?t.replace(e,`$1<span style="color: ${c[o]}">$2</span>`):t.replace(e,`<span style="color: ${c[o]}">$1</span>`),s!==t&&["background","background-color","color"].includes(o)&&console.log(`${o} -> ${c[o]} (made changes)`)}),t};export{r as highlightCode};

package/dist/esm/components/country-code-picker/CountryCodePicker.js

@@ -1 +1 @@
-import{jsx as o,jsxs as e}from"react/jsx-runtime";import t from"../../assets/icons/chevronDown.svg.js";import{useState as n,useEffect as r}from"react";import{CountriesData as d}from"./CountryCodePicker.modal.js";import{StyledCountryPickerWrapper as l,StyledCountryPickerOption as i}from"./CountryCodePicker.styled.js";import{DropdownPopover as s}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import{BodySecondary as p}from"../TypographyStyle.js";import{COLORS as c}from"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";const m=m=>{var a,u,y,h,v,w,j;const[g,C]=n(null!==(a=m.selectedCountry)&&void 0!==a?a:{name:"India",dial:"+91",code:"IN"}),D=`https://flagcdn.com/${null===(u=g.code)||void 0===u?void 0:u.toLowerCase()}.svg`;r((()=>{m.selectedCountry&&C(m.selectedCountry)}),[null===(y=m.selectedCountry)||void 0===y?void 0:y.code]);return o(s,{version:m.version,isSearchable:!0,width:null!==(h=m.popoverWidth)&&void 0!==h?h:"200px",placement:null!==(v=m.placement)&&void 0!==v?v:"bottom-start",strategy:null!==(w=m.placementStrategy)&&void 0!==w?w:"absolute",options:d.map((t=>{var n,r,d,l;const s=`https://flagcdn.com/${null===(n=t.code)||void 0===n?void 0:n.toLowerCase()}.svg`;return{value:t.code,label:t.dial,searchKey:t.name,customComponent:e(i,{children:[!m.hideFlagImage&&o("img",{src:s,className:"country-flag__option",alt:t.name}),e(p,{style:null!==(r=m.countryTextStyle)&&void 0!==r?r:{},children:[o("span",{style:{color:null!==(d=m.codeColor)&&void 0!==d?d:c.text.primary},children:t.code}),"  ",o("span",{style:{color:null!==(l=m.dialColor)&&void 0!==l?l:c.text.primary},children:t.dial})]})]}),selected:g.code===t.code}})),disabled:m.disabled,onSelect:o=>{const e=d.filter((e=>e.code===o.value));C(e[0]),m.onCountrySelect(e[0])},children:e(l,{height:m.height,style:m.containerStyles,onClick:()=>{var o;console.log("hello"),null===(o=m.onDropdownClick)||void 0===o||o.call(m)},children:[e("div",{className:"content__wrapper",children:[!m.hideFlagImage&&o("img",{src:D,className:"country-flag__selected-option",alt:g.name}),o(p,{style:null!==(j=m.countryTextStyle)&&void 0!==j?j:{},children:g.dial})]}),o(t,{width:24,height:24,color:c.content.primary})]})})};export{m as CountryCodePicker};
+import{jsx as o,jsxs as e}from"react/jsx-runtime";import t from"../../assets/icons/chevronDown.svg.js";import{useState as n,useEffect as r}from"react";import{CountriesData as d}from"./CountryCodePicker.modal.js";import{StyledCountryPickerWrapper as l,StyledCountryPickerOption as i}from"./CountryCodePicker.styled.js";import{DropdownPopover as s}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import{BodySecondary as p}from"../TypographyStyle.js";import{COLORS as c}from"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";const m=m=>{var a,u,y,h,v,w,j;const[g,C]=n(null!==(a=m.selectedCountry)&&void 0!==a?a:{name:"India",dial:"+91",code:"IN"}),D=`https://flagcdn.com/${null===(u=g.code)||void 0===u?void 0:u.toLowerCase()}.svg`;r(()=>{m.selectedCountry&&C(m.selectedCountry)},[null===(y=m.selectedCountry)||void 0===y?void 0:y.code]);return o(s,{version:m.version,isSearchable:!0,width:null!==(h=m.popoverWidth)&&void 0!==h?h:"200px",placement:null!==(v=m.placement)&&void 0!==v?v:"bottom-start",strategy:null!==(w=m.placementStrategy)&&void 0!==w?w:"absolute",options:d.map(t=>{var n,r,d,l;const s=`https://flagcdn.com/${null===(n=t.code)||void 0===n?void 0:n.toLowerCase()}.svg`;return{value:t.code,label:t.dial,searchKey:t.name,customComponent:e(i,{children:[!m.hideFlagImage&&o("img",{src:s,className:"country-flag__option",alt:t.name}),e(p,{style:null!==(r=m.countryTextStyle)&&void 0!==r?r:{},children:[o("span",{style:{color:null!==(d=m.codeColor)&&void 0!==d?d:c.text.primary},children:t.code}),"  ",o("span",{style:{color:null!==(l=m.dialColor)&&void 0!==l?l:c.text.primary},children:t.dial})]})]}),selected:g.code===t.code}}),disabled:m.disabled,onSelect:o=>{const e=d.filter(e=>e.code===o.value);C(e[0]),m.onCountrySelect(e[0])},children:e(l,{height:m.height,style:m.containerStyles,onClick:()=>{var o;console.log("hello"),null===(o=m.onDropdownClick)||void 0===o||o.call(m)},children:[e("div",{className:"content__wrapper",children:[!m.hideFlagImage&&o("img",{src:D,className:"country-flag__selected-option",alt:g.name}),o(p,{style:null!==(j=m.countryTextStyle)&&void 0!==j?j:{},children:g.dial})]}),o(t,{width:24,height:24,color:c.content.primary})]})})};export{m as CountryCodePicker};

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

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

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

@@ -1 +1 @@
-import{jsxs as e,Fragment as o,jsx as t}from"react/jsx-runtime";import r from"../../../assets/icons/calendar.svg.js";import n from"../../../assets/icons/chevronDown.svg.js";import p,{useState as s}from"react";import{usePopper as i}from"react-popper";import{DatePicker as d}from"../../datePicker/DatePicker.js";import"react-calendar";import{useOutside as m}from"../../../hooks/useOutside.js";import a from"../../../utils/DateUtils.js";import"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../datePicker/DatePickerWrapper.styled.js";import"../../datePicker/model.js";import"../../dropdown/DropdownPopover/index.js";import"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import"../../input/Input.js";import"../../dropdown/MenuItem/MenuItem.js";import"../../datePicker/DatePicker.styled.js";import{OpenDropdownContainer as c}from"../../dropdown/Common.styled.js";import{DropShadow as l}from"../../dropShadow/DropShadow.js";const j=j=>{const[u,w]=s(null),[D,y]=s(null),[h,f]=s(!1),{styles:g,attributes:k}=i(u,D,{placement:j.placement}),O=p.useRef();return m(O,(()=>{f(!1)})),e(o,{children:[e("div",{className:"date-preview",ref:w,onClick:()=>{f(!h)},children:[t(r,{width:24,height:24}),t("span",{style:{marginLeft:8},children:a.onlyDateFormat(j.customDate,"dd MMM yyyy")}),t(n,{style:{marginLeft:"auto"},width:22,height:22})]}),h&&t(c,Object.assign({ref:y,style:Object.assign(Object.assign({},g.popper),{zIndex:3})},k.popper,{children:t("div",{ref:O,children:t(l,{level:"z2",position:"down",style:{borderRadius:4},children:t(d,{selectedDate:j.customDate||new Date,selectRange:!1,onSelectDate:e=>{f(!1),j.setCustomDate(e)},minDate:j.minDate})})})}))]})};export{j as default};
+import{jsxs as e,Fragment as o,jsx as t}from"react/jsx-runtime";import r from"../../../assets/icons/calendar.svg.js";import n from"../../../assets/icons/chevronDown.svg.js";import p,{useState as s}from"react";import{usePopper as i}from"react-popper";import{DatePicker as d}from"../../datePicker/DatePicker.js";import"react-calendar";import{useOutside as m}from"../../../hooks/useOutside.js";import a from"../../../utils/DateUtils.js";import"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../datePicker/DatePickerWrapper.styled.js";import"../../datePicker/model.js";import"../../dropdown/DropdownPopover/index.js";import"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import"../../input/Input.js";import"../../dropdown/MenuItem/MenuItem.js";import"../../datePicker/DatePicker.styled.js";import{OpenDropdownContainer as c}from"../../dropdown/Common.styled.js";import{DropShadow as l}from"../../dropShadow/DropShadow.js";const j=j=>{const[u,w]=s(null),[D,y]=s(null),[h,f]=s(!1),{styles:g,attributes:k}=i(u,D,{placement:j.placement}),O=p.useRef();return m(O,()=>{f(!1)}),e(o,{children:[e("div",{className:"date-preview",ref:w,onClick:()=>{f(!h)},children:[t(r,{width:24,height:24}),t("span",{style:{marginLeft:8},children:a.onlyDateFormat(j.customDate,"dd MMM yyyy")}),t(n,{style:{marginLeft:"auto"},width:22,height:22})]}),h&&t(c,Object.assign({ref:y,style:Object.assign(Object.assign({},g.popper),{zIndex:3})},k.popper,{children:t("div",{ref:O,children:t(l,{level:"z2",position:"down",style:{borderRadius:4},children:t(d,{selectedDate:j.customDate||new Date,selectRange:!1,onSelectDate:e=>{f(!1),j.setCustomDate(e)},minDate:j.minDate})})})}))]})};export{j as default};

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

@@ -1 +1 @@
-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 r}from"../dropShadow/DropShadow.js";import{FiveStar as n}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:x,fiveStar:j}=p;const[w,v]=e(0);function g(t){v(t),null==b||b(t)}return t(r,{level:"z2",position:"down",children:o(m,{children:[t(l,{onClick:c,children:t(i,{width:24,height:24})}),0===w?t(a,{handleStarSelection:g,initialText:x}):5===w?t(n,{fullStarSubmitText:h,onSubmit:S,handleStarSelection:g,subtext:null==j?void 0:j.subText}):t(s,{titleMap:d,feedbackMap:f,stars:w,onStarChange:g,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 r}from"../dropShadow/DropShadow.js";import{FiveStar as n}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:x})=>{const[j,w]=e(0);function v(t){w(t),null==h||h(t)}return t(r,{level:"z2",position:"down",children:o(m,{children:[t(l,{onClick:p,children:t(i,{width:24,height:24})}),0===j?t(a,{handleStarSelection:v,initialText:b}):5===j?t(n,{fullStarSubmitText:f,onSubmit:c,handleStarSelection:v,subtext:null==x?void 0:x.subText}):t(s,{titleMap:u,feedbackMap:d,stars:j,onStarChange:v,onSubmit:c,quickAnswerOptions:S})]})})};export{p as DashboardReviewPopUp};

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

@@ -1 +1 @@
-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 l,Button as s}from"./FiveStar.styled.js";const c=c=>{let{handleStarSelection:d,onSubmit:h,fullStarSubmitText:m,subtext:p}=c;return e(l,{children:[t(n,{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,{color:i.surface.standard,style:{textAlign:"center",width:200},children:null!=p?p:"Help us by leaving a review on Shopify App Store"}),t(s,{onClick:()=>h(5),children:t(a,{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 o,BodySecondary as n,ButtonLarge as a}from"../../TypographyStyle.js";import{COLORS as i}from"../../../constants/Theme.js";import{Container as l,Button as s}from"./FiveStar.styled.js";const c=({handleStarSelection:c,onSubmit:d,fullStarSubmitText:h,subtext:m})=>e(l,{children:[t(o,{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(n,{color:i.surface.standard,style:{textAlign:"center",width:200},children:null!=m?m:"Help us by leaving a review on Shopify App Store"}),t(s,{onClick:()=>d(5),children:t(a,{color:i.content.brand,children:h})})]});export{c as FiveStar};

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

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

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

@@ -1,5 +1,5 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"styled-components";import{StarRating as i}from"../../star-rating/StarRating.js";import{TitleMedium as n}from"../../TypographyStyle.js";import{COLORS as o}from"../../../constants/Theme.js";const l=r.div`
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"styled-components";import{StarRating as i}from"../../star-rating/StarRating.js";import{TitleMedium as o}from"../../TypographyStyle.js";import{COLORS as n}from"../../../constants/Theme.js";const a=r.div`
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
-`,a=r=>{let{handleStarSelection:a,initialText:s}=r;return e(l,{children:[t(n,{color:o.surface.standard,children:null!=s?s:"Rate your experience with us"}),t("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center"},children:t(i,{starSize:32,onChange:a})})]})};export{a as ZeroState};
+`,l=({handleStarSelection:r,initialText:l})=>e(a,{children:[t(o,{color:n.surface.standard,children:null!=l?l:"Rate your experience with us"}),t("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center"},children:t(i,{starSize:32,onChange:r})})]});export{l as ZeroState};

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

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

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

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

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

@@ -45,4 +45,4 @@ import{__awaiter as i}from"../../../_virtual/_tslib.js";import{jsxs as r,Fragmen
 		height: auto;
 		width: 100%;
 	}
-`,h=d=>{const{title:h,description:v,imageUrl:f}=d,[u,w]=t(!1),[b,y]=t(!1);return n((()=>{i(void 0,void 0,void 0,(function*(){y(!1);const r=yield function(r){return i(this,void 0,void 0,(function*(){return new Promise((i=>{const e=new Image;e.onload=()=>i(!0),e.onerror=()=>i(!1),e.src=r}))}))}(f);w(r),y(!0)}))}),[u,f]),r(c,{children:[r(m,{children:[b?r(e,{children:[!u&&o(l,{children:o("div",{children:o(s,{width:24})})}),u&&o("img",{src:f,className:"image",alt:"Product"})]}):o(l,{children:o(p,{size:"large"})}),o(x,{children:h})]}),o(a,{}),o(g,{dangerouslySetInnerHTML:{__html:v}})]})};export{h as DescriptionModal};
+`,h=d=>{const{title:h,description:v,imageUrl:f}=d,[u,w]=t(!1),[b,y]=t(!1);return n(()=>{i(void 0,void 0,void 0,function*(){y(!1);const r=yield function(r){return i(this,void 0,void 0,function*(){return new Promise(i=>{const e=new Image;e.onload=()=>i(!0),e.onerror=()=>i(!1),e.src=r})})}(f);w(r),y(!0)})},[u,f]),r(c,{children:[r(m,{children:[b?r(e,{children:[!u&&o(l,{children:o("div",{children:o(s,{width:24})})}),u&&o("img",{src:f,className:"image",alt:"Product"})]}):o(l,{children:o(p,{size:"large"})}),o(x,{children:h})]}),o(a,{}),o(g,{dangerouslySetInnerHTML:{__html:v}})]})};export{h as DescriptionModal};

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

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

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

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

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

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

package/dist/esm/components/discount-modal/CouponExpiration/CouponExpiration.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import{format as n}from"date-fns";import{useState as r,useEffect as i}from"react";import{CustomDateTime as s}from"../../custom-date-time/CustomDateTime.js";import{COUPON_EXPIRATION as p}from"../type.js";import"../../dropdown/DropdownPopover/index.js";import{Dropdown as a}from"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import{BodySecondary as d}from"../../TypographyStyle.js";import"../../../constants/Theme.js";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import{Input as c}from"../../input/Input.js";import"../../dropdown/MenuItem/MenuItem.js";const l=l=>{var m;const[u,D]=r(),[x,f]=r(),w=(new Date).setDate((new Date).getDate()+1),j=()=>{try{const e=l.discountData.expireAt;if(!e)return w;let t;return"object"==typeof e&&"seconds"in e?t=new Date(1e3*e.seconds):e instanceof Date?t=e:"number"==typeof e||"string"==typeof e?t=new Date(e):(console.warn("safeToDate: unknown type",e),t=w),isNaN(t.getTime())?(console.warn("safeToDate: Invalid date for value:",e),w):t}catch(e){return console.error("safeToDate error:",e),w}},I=[{selected:l.selectedExpiration===p.DYNAMIC_EXPIRATION,label:"After a certain no. of days",value:p.DYNAMIC_EXPIRATION},{selected:l.selectedExpiration===p.FIXED_EXPIRATION,label:"Fixed expiry date",value:p.FIXED_EXPIRATION}];i((()=>{(void 0===l.selectedExpiration||null===l.selectedExpiration||u||x)&&l.setDiscountData(Object.assign(Object.assign({},l.discountData),{expireAfter:void 0,expireAt:void 0})),l.selectedExpiration&&(u||x)&&(l.selectedExpiration===p.FIXED_EXPIRATION?f(void 0):D(void 0))}),[l.selectedExpiration,u,x]);return e("div",{style:{display:"flex",flexDirection:"column",gap:13,margin:"16px 0 0 28px"},children:[t("div",{children:!l.hideExpirationOptions&&e(o,{children:[t(d,{style:{marginBottom:8},children:"Expiration"}),t("div",{style:{display:"flex",flexGrow:0,flexShrink:0,flexBasis:"auto"},children:t(a,{width:"268px",options:I,placement:"bottom-start",onSelect:e=>{const t=e.value;l.setSelectedExpiration(t),l.setDiscountData(Object.assign(Object.assign({},l.discountData),{expireAt:void 0,expireAfter:void 0}))},truncatedText:!1})})]})}),l.selectedExpiration===p.DYNAMIC_EXPIRATION&&t(c,{value:null===(m=l.discountData.expireAfter)||void 0===m?void 0:m.toString(),placeholder:"Eg. 5",labelText:"No. of days before coupon expires",width:"268px",type:"number",onChangeText:e=>{(e=>{f(void 0);const t=Number.parseInt(e);t>0?l.setDiscountData(Object.assign(Object.assign({},l.discountData),{expireAfter:t,expireAt:void 0})):f("Please enter valid input")})(e)},isRequired:!0,errorMessage:l.inValidCouponExpiry?"Required Field":x,state:l.inValidCouponExpiry?"invalid":"none"}),l.selectedExpiration===p.FIXED_EXPIRATION&&e(o,{children:[t(d,{children:"Expiring on"}),t(s,{placement:"bottom-start",time:(()=>{try{return n(j(),"hh:mm a")}catch(e){return console.error("formatTime error:",e),""}})(),date:new Date(j()),error:u,setError:D,onChange:e=>{l.setDiscountData(Object.assign(Object.assign({},l.discountData),{expireAt:e,expireAfter:void 0}))},minDate:new Date(w)})]})]})};export{l as CouponExpiration};
+import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import{format as n}from"date-fns";import{useState as r,useEffect as i}from"react";import{CustomDateTime as s}from"../../custom-date-time/CustomDateTime.js";import{COUPON_EXPIRATION as p}from"../type.js";import"../../dropdown/DropdownPopover/index.js";import{Dropdown as a}from"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import{BodySecondary as d}from"../../TypographyStyle.js";import"../../../constants/Theme.js";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import{Input as c}from"../../input/Input.js";import"../../dropdown/MenuItem/MenuItem.js";const l=l=>{var m;const[u,D]=r(),[x,f]=r(),w=(new Date).setDate((new Date).getDate()+1),j=()=>{try{const e=l.discountData.expireAt;if(!e)return w;let t;return"object"==typeof e&&"seconds"in e?t=new Date(1e3*e.seconds):e instanceof Date?t=e:"number"==typeof e||"string"==typeof e?t=new Date(e):(console.warn("safeToDate: unknown type",e),t=w),isNaN(t.getTime())?(console.warn("safeToDate: Invalid date for value:",e),w):t}catch(e){return console.error("safeToDate error:",e),w}},I=[{selected:l.selectedExpiration===p.DYNAMIC_EXPIRATION,label:"After a certain no. of days",value:p.DYNAMIC_EXPIRATION},{selected:l.selectedExpiration===p.FIXED_EXPIRATION,label:"Fixed expiry date",value:p.FIXED_EXPIRATION}];i(()=>{(void 0===l.selectedExpiration||null===l.selectedExpiration||u||x)&&l.setDiscountData(Object.assign(Object.assign({},l.discountData),{expireAfter:void 0,expireAt:void 0})),l.selectedExpiration&&(u||x)&&(l.selectedExpiration===p.FIXED_EXPIRATION?f(void 0):D(void 0))},[l.selectedExpiration,u,x]);return e("div",{style:{display:"flex",flexDirection:"column",gap:13,margin:"16px 0 0 28px"},children:[t("div",{children:!l.hideExpirationOptions&&e(o,{children:[t(d,{style:{marginBottom:8},children:"Expiration"}),t("div",{style:{display:"flex",flexGrow:0,flexShrink:0,flexBasis:"auto"},children:t(a,{width:"268px",options:I,placement:"bottom-start",onSelect:e=>{const t=e.value;l.setSelectedExpiration(t),l.setDiscountData(Object.assign(Object.assign({},l.discountData),{expireAt:void 0,expireAfter:void 0}))},truncatedText:!1})})]})}),l.selectedExpiration===p.DYNAMIC_EXPIRATION&&t(c,{value:null===(m=l.discountData.expireAfter)||void 0===m?void 0:m.toString(),placeholder:"Eg. 5",labelText:"No. of days before coupon expires",width:"268px",type:"number",onChangeText:e=>{(e=>{f(void 0);const t=Number.parseInt(e);t>0?l.setDiscountData(Object.assign(Object.assign({},l.discountData),{expireAfter:t,expireAt:void 0})):f("Please enter valid input")})(e)},isRequired:!0,errorMessage:l.inValidCouponExpiry?"Required Field":x,state:l.inValidCouponExpiry?"invalid":"none"}),l.selectedExpiration===p.FIXED_EXPIRATION&&e(o,{children:[t(d,{children:"Expiring on"}),t(s,{placement:"bottom-start",time:(()=>{try{return n(j(),"hh:mm a")}catch(e){return console.error("formatTime error:",e),""}})(),date:new Date(j()),error:u,setError:D,onChange:e=>{l.setDiscountData(Object.assign(Object.assign({},l.discountData),{expireAt:e,expireAfter:void 0}))},minDate:new Date(w)})]})]})};export{l as CouponExpiration};