@bikdotai/bik-component-library 0.0.687-beta.9 → 0.0.688

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

@@ -1,26 +1 @@
-import t from"@emotion/styled";import{COLORS as i}from"../../constants/Theme.js";const e=t.div`
-	min-width: 323px;
-	min-height: 303px;
-	border-radius: 8px;
-	background: ${i.background.inverse};
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	position: relative;
-	padding: 24px 16px;
-`,o=t.div`
-	border-radius: 20px;
-	display: flex;
-	width: 40px;
-	height: 40px;
-	padding: 8px;
-	justify-content: center;
-	align-items: center;
-	background: ${i.stroke.brandLightAlt};
-	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
-	position: absolute;
-	top: -20px;
-	right: -20px;
-	cursor: pointer;
-`;export{e as Container,o as CrossIconHolder};
+import c from"@emotion/styled/base";import{COLORS as l}from"../../constants/Theme.js";const b=c("div","production"===process.env.NODE_ENV?{target:"e1kh8vjg1"}:{target:"e1kh8vjg1",label:"Container"})("min-width:323px;min-height:303px;border-radius:8px;background:",l.background.inverse,";display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:24px 16px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhc2hib2FyZFJldmlld1BvcFVwLnN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFb0MiLCJmaWxlIjoiRGFzaGJvYXJkUmV2aWV3UG9wVXAuc3R5bGVkLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0bWluLXdpZHRoOiAzMjNweDtcblx0bWluLWhlaWdodDogMzAzcHg7XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcblx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlfTtcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0cGFkZGluZzogMjRweCAxNnB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IENyb3NzSWNvbkhvbGRlciA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItcmFkaXVzOiAyMHB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHR3aWR0aDogNDBweDtcblx0aGVpZ2h0OiA0MHB4O1xuXHRwYWRkaW5nOiA4cHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdHJva2UuYnJhbmRMaWdodEFsdH07XG5cdGJveC1zaGFkb3c6IDBweCA0cHggNHB4IDBweCByZ2JhKDAsIDAsIDAsIDAuMjUpO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogLTIwcHg7XG5cdHJpZ2h0OiAtMjBweDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9RGFzaGJvYXJkUmV2aWV3UG9wVXAuc3R5bGVkLmpzLm1hcCJdfQ== */")),d=c("div","production"===process.env.NODE_ENV?{target:"e1kh8vjg0"}:{target:"e1kh8vjg0",label:"CrossIconHolder"})("border-radius:20px;display:flex;width:40px;height:40px;padding:8px;justify-content:center;align-items:center;background:",l.stroke.brandLightAlt,";box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);position:absolute;top:-20px;right:-20px;cursor:pointer;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhc2hib2FyZFJldmlld1BvcFVwLnN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjMEMiLCJmaWxlIjoiRGFzaGJvYXJkUmV2aWV3UG9wVXAuc3R5bGVkLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0bWluLXdpZHRoOiAzMjNweDtcblx0bWluLWhlaWdodDogMzAzcHg7XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcblx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlfTtcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0cGFkZGluZzogMjRweCAxNnB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IENyb3NzSWNvbkhvbGRlciA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItcmFkaXVzOiAyMHB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHR3aWR0aDogNDBweDtcblx0aGVpZ2h0OiA0MHB4O1xuXHRwYWRkaW5nOiA4cHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdHJva2UuYnJhbmRMaWdodEFsdH07XG5cdGJveC1zaGFkb3c6IDBweCA0cHggNHB4IDBweCByZ2JhKDAsIDAsIDAsIDAuMjUpO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHRvcDogLTIwcHg7XG5cdHJpZ2h0OiAtMjBweDtcblx0Y3Vyc29yOiBwb2ludGVyO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9RGFzaGJvYXJkUmV2aWV3UG9wVXAuc3R5bGVkLmpzLm1hcCJdfQ== */"));export{b as Container,d as CrossIconHolder};

package/dist/esm/components/dashboard-review-popup/components/FiveStar.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const FiveStar: React.FC<{
+    handleStarSelection: (stars: number) => void;
+    onSubmit: (stars: number, quickAnswers?: string[], reviewText?: string) => void;
+    fullStarSubmitText: string;
+    subtext?: string;
+}>;

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

package/dist/esm/components/dashboard-review-popup/components/FiveStar.styled.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const Container: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Button: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,18 +1 @@
-import e from"@emotion/styled";import{COLORS as t}from"../../../constants/Theme.js";const i=e.div`
-	display: flex;
-	flex-direction: column;
-	gap: 16px;
-	justify-content: center;
-	align-items: center;
-`,n=e.div`
-	display: flex;
-	width: 100%;
-	height: 48px;
-	padding: 0px 12px;
-	justify-content: center;
-	align-items: center;
-	gap: 8px;
-	border-radius: 4px;
-	background: ${t.surface.standard};
-	cursor: pointer;
-`;export{n as Button,i as Container};
+import c from"@emotion/styled/base";import{COLORS as l}from"../../../constants/Theme.js";const t=c("div","production"===process.env.NODE_ENV?{target:"erqfrtj1"}:{target:"erqfrtj1",label:"Container"})("production"===process.env.NODE_ENV?{name:"1yhobfx",styles:"display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:center"}:{name:"1yhobfx",styles:"display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:center",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpdmVTdGFyLnN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFb0MiLCJmaWxlIjoiRml2ZVN0YXIuc3R5bGVkLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0Z2FwOiAxNnB4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XHJcbmV4cG9ydCBjb25zdCBCdXR0b24gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogNDhweDtcblx0cGFkZGluZzogMHB4IDEycHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRnYXA6IDhweDtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Rml2ZVN0YXIuc3R5bGVkLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),e=c("div","production"===process.env.NODE_ENV?{target:"erqfrtj0"}:{target:"erqfrtj0",label:"Button"})("display:flex;width:100%;height:48px;padding:0px 12px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:",l.surface.standard,";cursor:pointer;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZpdmVTdGFyLnN0eWxlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTaUMiLCJmaWxlIjoiRml2ZVN0YXIuc3R5bGVkLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0Z2FwOiAxNnB4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XHJcbmV4cG9ydCBjb25zdCBCdXR0b24gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogNDhweDtcblx0cGFkZGluZzogMHB4IDEycHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRnYXA6IDhweDtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Rml2ZVN0YXIuc3R5bGVkLmpzLm1hcCJdfQ== */"));export{e as Button,t as Container};

package/dist/esm/components/dashboard-review-popup/components/Form.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export declare const Form: React.FC<{
+    stars: number;
+    titleMap?: {
+        [key: number]: string;
+    };
+    feedbackMap?: {
+        [key: number]: string;
+    };
+    onStarChange: (stars: number) => void;
+    quickAnswerOptions?: string[];
+    onSubmit: (stars: number, quickAnswers: string[], reviewText: string) => void;
+}>;

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

package/dist/esm/components/dashboard-review-popup/components/Form.styled.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+export declare const Container: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StarWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Chip: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    selected?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TextArea: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, {}>;
+export declare const Button: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,49 +1 @@
-import r from"@emotion/styled";import{COLORS as e}from"../../../constants/Theme.js";const d=r.div`
-	display: flex;
-	flex-direction: column;
-	gap: 24px;
-	align-items: flex-start;
-	width: 100%;
-`,i=r.div`
-	display: flex;
-	flex-direction: column;
-	gap: 16px;
-`,a=r.div`
-	border-radius: 24px;
-	border: 1px solid
-		${r=>r.selected?e.surface.standard:e.stroke.primary};
-	display: flex;
-	padding: 10px 12px;
-	align-items: flex-start;
-	gap: 10px;
-	cursor: pointer;
-	background: ${r=>r.selected?e.surface.standard:"transparent"};
-`,t=r.div`
-	display: flex;
-	flex-direction: row;
-	gap: 8px;
-	flex-wrap: wrap;
-`,p=r.textarea`
-	border-radius: 8px;
-	border: 1px solid ${e.stroke.primary};
-	height: 120px;
-	width: 100%;
-	background: transparent;
-	color: white;
-	padding: 4px 8px;
-
-	&::placeholder {
-		color: white;
-	}
-`,o=r.div`
-	display: flex;
-	width: 100%;
-	height: 48px;
-	padding: 0px 12px;
-	justify-content: center;
-	align-items: center;
-	gap: 8px;
-	border-radius: 4px;
-	background: ${e.background.brand};
-	cursor: pointer;
-`;export{o as Button,a as Chip,d as Container,i as StarWrapper,p as TextArea,t as Wrapper};
+import c from"@emotion/styled/base";import{COLORS as G}from"../../../constants/Theme.js";function b(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const X=c("div","production"===process.env.NODE_ENV?{target:"e1esgxft5"}:{target:"e1esgxft5",label:"Container"})("production"===process.env.NODE_ENV?{name:"14c0d50",styles:"display:flex;flex-direction:column;gap:24px;align-items:flex-start;width:100%"}:{name:"14c0d50",styles:"display:flex;flex-direction:column;gap:24px;align-items:flex-start;width:100%",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm0uc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVvQyIsImZpbGUiOiJGb3JtLnN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMjRweDtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHdpZHRoOiAxMDAlO1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0YXJXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMTZweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBDaGlwID0gc3R5bGVkLmRpdiBgXG5cdGJvcmRlci1yYWRpdXM6IDI0cHg7XG5cdGJvcmRlcjogMXB4IHNvbGlkXG5cdFx0JHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiBDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRwYWRkaW5nOiAxMHB4IDEycHg7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRnYXA6IDEwcHg7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiAndHJhbnNwYXJlbnQnfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogOHB4O1xuXHRmbGV4LXdyYXA6IHdyYXA7XG5gO1xyXG5leHBvcnQgY29uc3QgVGV4dEFyZWEgPSBzdHlsZWQudGV4dGFyZWEgYFxuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0aGVpZ2h0OiAxMjBweDtcblx0d2lkdGg6IDEwMCU7XG5cdGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXHRjb2xvcjogd2hpdGU7XG5cdHBhZGRpbmc6IDRweCA4cHg7XG5cblx0Jjo6cGxhY2Vob2xkZXIge1xuXHRcdGNvbG9yOiB3aGl0ZTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiA0OHB4O1xuXHRwYWRkaW5nOiAwcHggMTJweDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogOHB4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmR9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Gb3JtLnN0eWxlZC5qcy5tYXAiXX0= */",toString:b}),d=c("div","production"===process.env.NODE_ENV?{target:"e1esgxft4"}:{target:"e1esgxft4",label:"StarWrapper"})("production"===process.env.NODE_ENV?{name:"budh8k",styles:"display:flex;flex-direction:column;gap:16px"}:{name:"budh8k",styles:"display:flex;flex-direction:column;gap:16px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm0uc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVNzQyIsImZpbGUiOiJGb3JtLnN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMjRweDtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHdpZHRoOiAxMDAlO1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0YXJXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMTZweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBDaGlwID0gc3R5bGVkLmRpdiBgXG5cdGJvcmRlci1yYWRpdXM6IDI0cHg7XG5cdGJvcmRlcjogMXB4IHNvbGlkXG5cdFx0JHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiBDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRwYWRkaW5nOiAxMHB4IDEycHg7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRnYXA6IDEwcHg7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiAndHJhbnNwYXJlbnQnfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogOHB4O1xuXHRmbGV4LXdyYXA6IHdyYXA7XG5gO1xyXG5leHBvcnQgY29uc3QgVGV4dEFyZWEgPSBzdHlsZWQudGV4dGFyZWEgYFxuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0aGVpZ2h0OiAxMjBweDtcblx0d2lkdGg6IDEwMCU7XG5cdGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXHRjb2xvcjogd2hpdGU7XG5cdHBhZGRpbmc6IDRweCA4cHg7XG5cblx0Jjo6cGxhY2Vob2xkZXIge1xuXHRcdGNvbG9yOiB3aGl0ZTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiA0OHB4O1xuXHRwYWRkaW5nOiAwcHggMTJweDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogOHB4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmR9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Gb3JtLnN0eWxlZC5qcy5tYXAiXX0= */",toString:b}),l=c("div","production"===process.env.NODE_ENV?{target:"e1esgxft3"}:{target:"e1esgxft3",label:"Chip"})("border-radius:24px;border:1px solid ",(c=>c.selected?G.surface.standard:G.stroke.primary),";display:flex;padding:10px 12px;align-items:flex-start;gap:10px;cursor:pointer;background:",(c=>c.selected?G.surface.standard:"transparent"),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm0uc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWMrQiIsImZpbGUiOiJGb3JtLnN0eWxlZC50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMjRweDtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdHdpZHRoOiAxMDAlO1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0YXJXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdGdhcDogMTZweDtcbmA7XHJcbmV4cG9ydCBjb25zdCBDaGlwID0gc3R5bGVkLmRpdiBgXG5cdGJvcmRlci1yYWRpdXM6IDI0cHg7XG5cdGJvcmRlcjogMXB4IHNvbGlkXG5cdFx0JHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiBDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRwYWRkaW5nOiAxMHB4IDEycHg7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRnYXA6IDEwcHg7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiAndHJhbnNwYXJlbnQnfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogOHB4O1xuXHRmbGV4LXdyYXA6IHdyYXA7XG5gO1xyXG5leHBvcnQgY29uc3QgVGV4dEFyZWEgPSBzdHlsZWQudGV4dGFyZWEgYFxuXHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0aGVpZ2h0OiAxMjBweDtcblx0d2lkdGg6IDEwMCU7XG5cdGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuXHRjb2xvcjogd2hpdGU7XG5cdHBhZGRpbmc6IDRweCA4cHg7XG5cblx0Jjo6cGxhY2Vob2xkZXIge1xuXHRcdGNvbG9yOiB3aGl0ZTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHR3aWR0aDogMTAwJTtcblx0aGVpZ2h0OiA0OHB4O1xuXHRwYWRkaW5nOiAwcHggMTJweDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogOHB4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGJhY2tncm91bmQ6ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmR9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Gb3JtLnN0eWxlZC5qcy5tYXAiXX0= */")),x=c("div","production"===process.env.NODE_ENV?{target:"e1esgxft2"}:{target:"e1esgxft2",label:"Wrapper"})("production"===process.env.NODE_ENV?{name:"13rtc4k",styles:"display:flex;flex-direction:row;gap:8px;flex-wrap:wrap"}:{name:"13rtc4k",styles:"display:flex;flex-direction:row;gap:8px;flex-wrap:wrap",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm0uc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCa0MiLCJmaWxlIjoiRm9ybS5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDI0cHg7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHR3aWR0aDogMTAwJTtcbmA7XHJcbmV4cG9ydCBjb25zdCBTdGFyV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDE2cHg7XG5gO1xyXG5leHBvcnQgY29uc3QgQ2hpcCA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItcmFkaXVzOiAyNHB4O1xuXHRib3JkZXI6IDFweCBzb2xpZFxuXHRcdCR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZCA/IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkIDogQ09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0ZGlzcGxheTogZmxleDtcblx0cGFkZGluZzogMTBweCAxMnB4O1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0Z2FwOiAxMHB4O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZCA/IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkIDogJ3RyYW5zcGFyZW50J307XG5gO1xyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDhweDtcblx0ZmxleC13cmFwOiB3cmFwO1xuYDtcclxuZXhwb3J0IGNvbnN0IFRleHRBcmVhID0gc3R5bGVkLnRleHRhcmVhIGBcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGhlaWdodDogMTIwcHg7XG5cdHdpZHRoOiAxMDAlO1xuXHRiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblx0Y29sb3I6IHdoaXRlO1xuXHRwYWRkaW5nOiA0cHggOHB4O1xuXG5cdCY6OnBsYWNlaG9sZGVyIHtcblx0XHRjb2xvcjogd2hpdGU7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBCdXR0b24gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogNDhweDtcblx0cGFkZGluZzogMHB4IDEycHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRnYXA6IDhweDtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kfTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Rm9ybS5zdHlsZWQuanMubWFwIl19 */",toString:b}),H=c("textarea","production"===process.env.NODE_ENV?{target:"e1esgxft1"}:{target:"e1esgxft1",label:"TextArea"})("border-radius:8px;border:1px solid ",G.stroke.primary,";height:120px;width:100%;background:transparent;color:white;padding:4px 8px;&::placeholder{color:white;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm0uc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStCd0MiLCJmaWxlIjoiRm9ybS5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDI0cHg7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHR3aWR0aDogMTAwJTtcbmA7XHJcbmV4cG9ydCBjb25zdCBTdGFyV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDE2cHg7XG5gO1xyXG5leHBvcnQgY29uc3QgQ2hpcCA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItcmFkaXVzOiAyNHB4O1xuXHRib3JkZXI6IDFweCBzb2xpZFxuXHRcdCR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZCA/IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkIDogQ09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0ZGlzcGxheTogZmxleDtcblx0cGFkZGluZzogMTBweCAxMnB4O1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0Z2FwOiAxMHB4O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZCA/IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkIDogJ3RyYW5zcGFyZW50J307XG5gO1xyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDhweDtcblx0ZmxleC13cmFwOiB3cmFwO1xuYDtcclxuZXhwb3J0IGNvbnN0IFRleHRBcmVhID0gc3R5bGVkLnRleHRhcmVhIGBcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGhlaWdodDogMTIwcHg7XG5cdHdpZHRoOiAxMDAlO1xuXHRiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblx0Y29sb3I6IHdoaXRlO1xuXHRwYWRkaW5nOiA0cHggOHB4O1xuXG5cdCY6OnBsYWNlaG9sZGVyIHtcblx0XHRjb2xvcjogd2hpdGU7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBCdXR0b24gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogNDhweDtcblx0cGFkZGluZzogMHB4IDEycHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRnYXA6IDhweDtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kfTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Rm9ybS5zdHlsZWQuanMubWFwIl19 */")),Z=c("div","production"===process.env.NODE_ENV?{target:"e1esgxft0"}:{target:"e1esgxft0",label:"Button"})("display:flex;width:100%;height:48px;padding:0px 12px;justify-content:center;align-items:center;gap:8px;border-radius:4px;background:",G.background.brand,";cursor:pointer;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm0uc3R5bGVkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDaUMiLCJmaWxlIjoiRm9ybS5zdHlsZWQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDI0cHg7XG5cdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHR3aWR0aDogMTAwJTtcbmA7XHJcbmV4cG9ydCBjb25zdCBTdGFyV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRnYXA6IDE2cHg7XG5gO1xyXG5leHBvcnQgY29uc3QgQ2hpcCA9IHN0eWxlZC5kaXYgYFxuXHRib3JkZXItcmFkaXVzOiAyNHB4O1xuXHRib3JkZXI6IDFweCBzb2xpZFxuXHRcdCR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZCA/IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkIDogQ09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0ZGlzcGxheTogZmxleDtcblx0cGFkZGluZzogMTBweCAxMnB4O1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0Z2FwOiAxMHB4O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZCA/IENPTE9SUy5zdXJmYWNlLnN0YW5kYXJkIDogJ3RyYW5zcGFyZW50J307XG5gO1xyXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDhweDtcblx0ZmxleC13cmFwOiB3cmFwO1xuYDtcclxuZXhwb3J0IGNvbnN0IFRleHRBcmVhID0gc3R5bGVkLnRleHRhcmVhIGBcblx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGhlaWdodDogMTIwcHg7XG5cdHdpZHRoOiAxMDAlO1xuXHRiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcblx0Y29sb3I6IHdoaXRlO1xuXHRwYWRkaW5nOiA0cHggOHB4O1xuXG5cdCY6OnBsYWNlaG9sZGVyIHtcblx0XHRjb2xvcjogd2hpdGU7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBCdXR0b24gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0d2lkdGg6IDEwMCU7XG5cdGhlaWdodDogNDhweDtcblx0cGFkZGluZzogMHB4IDEycHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRnYXA6IDhweDtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJyYW5kfTtcblx0Y3Vyc29yOiBwb2ludGVyO1xuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Rm9ybS5zdHlsZWQuanMubWFwIl19 */"));export{Z as Button,l as Chip,X as Container,d as StarWrapper,H as TextArea,x as Wrapper};

package/dist/esm/components/dashboard-review-popup/components/ZeroState.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const ZeroState: React.FC<{
+    handleStarSelection: (stars: number) => void;
+    initialText?: string;
+}>;

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

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

package/dist/esm/components/dashboard-review-popup/index.d.ts

@@ -0,0 +1 @@
+export * from './DashboardReviewPopUp';

package/dist/esm/components/data-source-panel/DataSourceInfoFooter.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
+import { footerButtonOptionModel, MessageSource } from './model';
+interface SourceInfoFooterProps {
+    appType: ApplicationType;
+    sourceIntent: string;
+    messageSource?: MessageSource;
+    hideAddDataButton?: boolean;
+    hideHeading?: boolean;
+    insights?: string;
+    faqCount?: number;
+    storeId: string;
+    trainingSourceCount: {
+        [k in string]: number;
+    };
+    ShowTrainingDataSource: Record<string, string>;
+    ChecklistType: Record<string, string>;
+    footerButtonOption?: footerButtonOptionModel;
+    isFooterLoading?: boolean;
+    reasonForAiGeneratedResponse?: string;
+    showAiResponseReason?: boolean;
+}
+declare const SourceInfoFooter: import("react").MemoExoticComponent<(props: SourceInfoFooterProps) => import("react/jsx-runtime").JSX.Element>;
+export default SourceInfoFooter;

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

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

package/dist/esm/components/data-source-panel/DataSourcePanel.d.ts

@@ -1,39 +1,36 @@
-import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
-import { MessageSource, AllSourceInfoDetailsCustomDataModel, CustomDataType, InfoContent, DataSourcePanelZeroState, footerButtonOptionModel, ProductSourceData } from './model.js';
-
-interface CollapsibleSectionProps {
-    title: string;
-    count: number;
-    isExpanded: boolean;
-    onToggle: () => void;
-    children: React.ReactNode;
-}
-interface DataSourcePanelProps {
-    storeId: string;
-    appType: ApplicationType;
-    messageSource: MessageSource;
-    setMessageSourcePanel: (source?: MessageSource) => void;
-    hideCloseButton?: boolean;
-    title?: string;
-    allSourceInfoDetail: AllSourceInfoDetailsCustomDataModel;
-    isSourceInfoFetched?: boolean;
-    editableSources: CustomDataType[];
-    redirect: (sourceInfo: InfoContent) => void;
-    preFillTrainingSourceCount?: {
-        [k in string]: number;
-    };
-    zeroStateButton: DataSourcePanelZeroState;
-    ChecklistType: Record<string, string>;
-    footerButtonOption?: footerButtonOptionModel;
-    fetchTrainingSourceCount: (storeId: string) => Promise<{
-        [k in string]: number;
-    }>;
-    fetchProductFAQCount: (storeId: string, productIds?: string[]) => Promise<number>;
-    productSourceData?: ProductSourceData;
-    reasonForAiGeneratedResponse?: string;
-    showAiResponseReason?: boolean;
-}
-declare const DataSourcePanel: React.FC<DataSourcePanelProps>;
-
-export { DataSourcePanel };
-export type { CollapsibleSectionProps, DataSourcePanelProps };
+/// <reference types="react" />
+import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
+import { AllSourceInfoDetailsCustomDataModel, CustomDataType, DataSourcePanelZeroState, footerButtonOptionModel, InfoContent, MessageSource, ProductSourceData } from './model';
+export interface CollapsibleSectionProps {
+    title: string;
+    count: number;
+    isExpanded: boolean;
+    onToggle: () => void;
+    children: React.ReactNode;
+}
+export interface DataSourcePanelProps {
+    storeId: string;
+    appType: ApplicationType;
+    messageSource: MessageSource;
+    setMessageSourcePanel: (source?: MessageSource) => void;
+    hideCloseButton?: boolean;
+    title?: string;
+    allSourceInfoDetail: AllSourceInfoDetailsCustomDataModel;
+    isSourceInfoFetched?: boolean;
+    editableSources: CustomDataType[];
+    redirect: (sourceInfo: InfoContent) => void;
+    preFillTrainingSourceCount?: {
+        [k in string]: number;
+    };
+    zeroStateButton: DataSourcePanelZeroState;
+    ChecklistType: Record<string, string>;
+    footerButtonOption?: footerButtonOptionModel;
+    fetchTrainingSourceCount: (storeId: string) => Promise<{
+        [k in string]: number;
+    }>;
+    fetchProductFAQCount: (storeId: string, productIds?: string[]) => Promise<number>;
+    productSourceData?: ProductSourceData;
+    reasonForAiGeneratedResponse?: string;
+    showAiResponseReason?: boolean;
+}
+export declare const DataSourcePanel: React.FC<DataSourcePanelProps>;

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

package/dist/esm/components/data-source-panel/DataSourcePanel.style.d.ts

@@ -0,0 +1,4 @@
+export declare const SourceInfoDetailsStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const WithoutContentSourceInfoDetailsStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SourceInfoFooterStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DataSourceCountStyle: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/data-source-panel/IntentConfig.d.ts

@@ -0,0 +1,5 @@
+export declare const intentConfig: {
+    key: string;
+    type: string;
+    tagText: string;
+}[];

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface DescriptionModalProps {
+    title: string;
+    description: string;
+    imageUrl: string;
+    onClose: () => void;
+}
+export declare const DescriptionModal: React.FC<DescriptionModalProps>;

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

@@ -1,4 +1,4 @@
-import{jsxs as i,Fragment as r,jsx as e}from"react/jsx-runtime";import{useState as o,useEffect as n}from"react";import t from"styled-components";import{Spinner as d}from"../../spinner/Spinner.js";import p from"../../../assets/icons/image.svg.js";const s=t.div`
+import{__awaiter as i}from"../../../_virtual/_tslib.js";import{jsxs as r,Fragment as e,jsx as o}from"react/jsx-runtime";import{useState as t,useEffect as n}from"react";import d from"styled-components";import{Spinner as p}from"../../spinner/Spinner.js";import s from"../../../assets/icons/image.svg.js";const l=d.div`
 	margin: 2px;
 	border: 1px solid #e0e0e0;
 	border-radius: 4px;
@@ -7,14 +7,14 @@ import{jsxs as i,Fragment as r,jsx as e}from"react/jsx-runtime";import{useState
 		color: grey;
 		opacity: 0.6;
 	}
-`,a=t.div`
+`,c=d.div`
 	display: flex;
 	flex-direction: column;
 	width: 100%;
 	border: 1px solid #e0e0e0;
 	border-radius: 16px;
 	padding: 8px;
-`,l=t.div`
+`,m=d.div`
 	display: flex;
 	flex-direction: row;
 	align-items: center;
@@ -24,16 +24,16 @@ import{jsxs as i,Fragment as r,jsx as e}from"react/jsx-runtime";import{useState
 		height: 80px;
 		width: 80px;
 	}
-`,c=t.div`
+`,x=d.div`
 	overflow: scroll;
 	margin: 0px 0px 0px 8px;
 	font-size: 14px;
-`,x=t.div`
+`,a=d.div`
 	height: 1px;
 	width: auto;
 	margin: 16px;
 	background: #e0e0e0;
-`,m=t.div`
+`,g=d.div`
 	overflow: scroll;
 	margin: 0px 0px 0px 8px;
 	font-size: 14px;
@@ -45,4 +45,4 @@ import{jsxs as i,Fragment as r,jsx as e}from"react/jsx-runtime";import{useState
 		height: auto;
 		width: 100%;
 	}
-`,g=t=>{const{title:g,description:h,imageUrl:f}=t,[u,v]=o(!1),[w,y]=o(!1);return n((()=>{(async()=>{y(!1);const i=await async function(i){return new Promise((r=>{const e=new Image;e.onload=()=>r(!0),e.onerror=()=>r(!1),e.src=i}))}(f);v(i),y(!0)})()}),[u,f]),i(a,{children:[i(l,{children:[w?i(r,{children:[!u&&e(s,{children:e("div",{children:e(p,{width:24})})}),u&&e("img",{src:f,className:"image",alt:"Product"})]}):e(s,{children:e(d,{size:"large"})}),e(c,{children:g})]}),e(x,{}),e(m,{dangerouslySetInnerHTML:{__html:h}})]})};export{g 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/data-source-panel/index.d.ts

@@ -0,0 +1 @@
+export * from './DataSourcePanel';