@bikdotai/bik-component-library 0.0.662-3 → 0.0.662-4

package/dist/cjs/components/ai-assist/AiAssist.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("../../assets/icons/chevronRight2.svg.js"),i=require("react"),n=require("../../constants/Theme.js"),c=require("../buttonGroup/ButtonGroup.js"),a=require("../product-picker-v2/modal.js"),o=require("../switch/Switch.js"),l=require("../text-picker/TextPickerModal.js"),r=require("../TypographyStyle.js"),d=require("./AiAssist.style.js"),O=require("./Components/SelectionModal.js"),u=require("./constants.js"),T=require("./model.js");exports.AiAssist=j=>{const{preSelectedData:p,onChange:g,productPickerData:D,storeId:b,checkListType:h,documentPickerData:C,intentPickerData:A}=j,[y,v]=i.useState(null!=p?p:T.DefaultAiAssistData),[m,U]=i.useState(),[x,E]=i.useState(),[N,M]=i.useState({}),[S,f]=i.useState(0),[P,R]=i.useState({}),[L,I]=i.useState({}),k=i.useMemo((()=>y.PRODUCT),[y]),F=i.useMemo((()=>y.DOCUMENT),[y]);i.useEffect((()=>g(y)),[y]),i.useEffect((()=>{p&&p.DOCUMENT&&Array.isArray(p.DOCUMENT.intents)&&(R((()=>{const e={};return p.DOCUMENT.intents.forEach((t=>{e[t]=[t]})),e})),v(p)),p&&p.DOCUMENT&&Array.isArray(p.DOCUMENT.documentData)&&(I((()=>{const e={};return p.DOCUMENT.documentData.forEach((t=>{e[t.type]=[...e[t.type]||[],t.id]})),e})),v(p))}),[p]);return i.useEffect((()=>{console.log("KB",y)}),[y]),t.jsx(d.DummyBaseComponent,{children:t.jsxs(t.Fragment,{children:[t.jsxs(d.AiAssistMainContainer,{children:[t.jsx(r.TitleRegular,{children:"Choose Data"}),t.jsxs("div",Object.assign({className:"ai-assist-data-selection"},{children:[t.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",marginBottom:"-4px"}},{children:[t.jsx(r.BodyPrimary,{children:"Choose all store data"}),t.jsx("div",Object.assign({style:{marginLeft:"auto"}},{children:t.jsx(o.Switch,{onValueChange:t=>e.__awaiter(void 0,void 0,void 0,(function*(){yield(e=>{v((t=>Object.assign(Object.assign({},t),{selectionType:e?T.AiAssistDataSelectionType.FULL:T.AiAssistDataSelectionType.PARTIAL})))})(t)})),value:y.selectionType===T.AiAssistDataSelectionType.FULL})}))]})),y.selectionType!==T.AiAssistDataSelectionType.FULL&&t.jsxs(t.Fragment,{children:[t.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[t.jsx(r.TitleRegular,{children:"Select Products"}),t.jsx(c.ButtonGroup,{buttonGroup:u.AiAssistProductSelectionType,gap:"16px",onButtonClick:e=>{U(void 0),(e=>{v((t=>Object.assign(Object.assign({},t),{PRODUCT:Object.assign(Object.assign({},t.PRODUCT),{selectionType:e})})))})(e)},size:"large",activeButtonId:y.PRODUCT.selectionType,iconPosition:"left",iconHeight:"24px",iconWidth:"24px",borderRadius:"8px",height:"60px",iconGap:"8px"}),t.jsxs(d.AiAssistSelectionCard,Object.assign({disable:k.selectionType===T.AiAssistDataSelectionType.FULL,onClick:()=>{k.selectionType!==T.AiAssistDataSelectionType.FULL&&U(T.AiAssistDataType.PRODUCT)}},{children:[t.jsx(r.TitleSmall,Object.assign({color:n.COLORS.content.secondary},{children:k.selectionType===T.AiAssistDataSelectionType.FULL?"All products selected":`${k.productData.length} products selected`})),t.jsx(s.default,{width:20,height:20})]}))]})),t.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[t.jsx(r.TitleRegular,{children:"Select Documents"}),t.jsx(c.ButtonGroup,{buttonGroup:u.AiAssistDocumentSelectionType,gap:"16px",onButtonClick:e=>{U(void 0),(e=>{v((t=>Object.assign(Object.assign({},t),{DOCUMENT:Object.assign(Object.assign({},t.DOCUMENT),{selectionType:e})})))})(e)},size:"large",activeButtonId:y.DOCUMENT.selectionType,iconPosition:"top",iconHeight:"24px",iconWidth:"24px",borderRadius:"8px",height:"90px",iconGap:"12px"}),t.jsxs(d.AiAssistSelectionCard,Object.assign({disable:F.selectionType===T.AiAssistDataSelectionType.FULL,onClick:()=>{F.selectionType===T.AiAssistDataSelectionType.INTENT?U("INTENT"):F.selectionType===T.AiAssistDataSelectionType.PARTIAL&&U(T.AiAssistDataType.DOCUMENT)}},{children:[t.jsx(r.TitleSmall,Object.assign({color:n.COLORS.content.secondary},{children:F.selectionType===T.AiAssistDataSelectionType.FULL?"All documents selected":F.selectionType===T.AiAssistDataSelectionType.INTENT?`${F.intents.length} intents selected`:`${F.documentData.length} documents selected`})),t.jsx(s.default,{width:20,height:20})]}))]}))]})]}))]}),"PRODUCT"==m&&t.jsx(a.ProductPickerModal,{searchFetcher:D.searchFetcher,productFetcher:D.productFetcher,collectionFetcher:D.collectionFetcher,searchInCollectionFetcher:D.searchInCollectionFetcher,storeId:b,selectedItems:N,onAdd:e=>{Object.values(e).forEach((e=>{e.products})),f(0),M(Object.assign({},e)),v((t=>Object.assign(Object.assign({},t),{PRODUCT:Object.assign(Object.assign({},t.PRODUCT),{productData:Object.values(e).flatMap((e=>e.products?Object.values(e.products).map((e=>({id:e.id,name:e.name,imageUrl:e.image,description:e.description}))):[])),collectionData:Object.entries(e).map((e=>{let[t,s]=e;var i;return{id:t,name:s.name,imageUrl:s.image,description:null!==(i=null==s?void 0:s.description)&&void 0!==i?i:""}}))})}))),U(void 0),E(void 0)},onClickSave:S,onClose:()=>{f(0),U(void 0),E(void 0)},limit:50,visible:!!m&&(0==k.productData.length||x===T.AiAssistDataType.PRODUCT),renderWithoutModal:!1,pickerType:"PRODUCT",hideSelectionCount:!1,hideVariantCheckbox:!1,hideProductVariants:!0,hideCollectionCheckbox:!1}),"DOCUMENT"==m&&t.jsx(l.TextPickerModal,{visible:!!m&&(0==F.documentData.length||x===T.AiAssistDataType.DOCUMENT),categories:C,selectedItems:L,onAdd:e=>{var t;t=e,I(Object.assign({},t)),v((e=>Object.assign(Object.assign({},e),{DOCUMENT:Object.assign(Object.assign({},e.DOCUMENT),{documentData:Object.entries(t).flatMap((e=>{let[t,s]=e;return s.map((e=>{var s,i;return{id:e,type:t,name:(null===(i=null===(s=C.find((e=>e.id===t)))||void 0===s?void 0:s.items.find((t=>t.id===e)))||void 0===i?void 0:i.name)||""}}))}))})}))),U(void 0),E(void 0)},onClose:()=>{U(void 0),E(void 0)},title:"Select Documents"}),"INTENT"==m&&t.jsx(l.TextPickerModal,{visible:!!m&&(0==F.intents.length||"INTENT"===x),isOneDimensional:!0,categories:A,selectedItems:P,onAdd:e=>{return t=e,R(Object.assign({},t)),v((e=>Object.assign(Object.assign({},e),{DOCUMENT:Object.assign(Object.assign({},e.DOCUMENT),{intents:Object.values(t).flat()})}))),U(void 0),void E(void 0);var t},onClose:()=>{U(void 0),E(void 0)},title:"Select Intents"}),!!m&&t.jsx(O.SelectionModal,{selectionType:m,localAiAssistSelectedData:y,checkListType:h,isOpen:!!m&&("PRODUCT"==m&&k.productData.length>0||"DOCUMENT"==m&&F.documentData.length>0||"INTENT"==m&&F.intents.length>0),onClose:()=>{U(void 0),E(void 0)},onRemoveAll:()=>{"PRODUCT"==m?(v((e=>Object.assign(Object.assign({},e),{PRODUCT:Object.assign(Object.assign({},e.PRODUCT),{productData:[],collectionData:[]})}))),M({}),U(void 0),E(void 0)):"DOCUMENT"==m?(v((e=>Object.assign(Object.assign({},e),{DOCUMENT:Object.assign(Object.assign({},e.DOCUMENT),{documentData:[]})}))),I({}),U(void 0),E(void 0)):"INTENT"==m&&(v((e=>Object.assign(Object.assign({},e),{DOCUMENT:Object.assign(Object.assign({},e.DOCUMENT),{intents:[]})}))),R({}),U(void 0),E(void 0))},onRemoveSelected:(e,t)=>((e,t)=>{if("PRODUCT"==m){const s=Object.assign({},N);Object.entries(s).forEach((e=>{let[i,n]=e;s[i].products=Array.isArray(null==n?void 0:n.products)?Object.fromEntries(n.products.filter((e=>e.id!==t)).map((e=>[e.id,e]))):{}})),M(s),v((t=>Object.assign(Object.assign({},t),{PRODUCT:Object.assign(Object.assign({},t.PRODUCT),{productData:t.PRODUCT.productData.filter(((t,s)=>s!==e))})})))}else if("DOCUMENT"==m){const s=Object.assign({},L);Object.entries(s).forEach((e=>{let[i,n]=e;s[i]=n.filter((e=>e!==t))})),I(s),v((t=>Object.assign(Object.assign({},t),{DOCUMENT:Object.assign(Object.assign({},t.DOCUMENT),{documentData:t.DOCUMENT.documentData.filter(((t,s)=>s!==e))})})))}else"INTENT"==m&&(R((e=>{const s=Object.assign({},e);return Object.entries(s).forEach((e=>{let[i,n]=e;s[i]=n.filter((e=>e!==t))})),s})),v((t=>Object.assign(Object.assign({},t),{DOCUMENT:Object.assign(Object.assign({},t.DOCUMENT),{intents:t.DOCUMENT.intents.filter(((t,s)=>s!==e))})}))))})(e,t),onAdd:()=>E(m)})]})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("../../assets/icons/chevronRight2.svg.js"),i=require("react"),n=require("../../constants/Theme.js"),c=require("../buttonGroup/ButtonGroup.js"),a=require("../product-picker-v2/modal.js"),o=require("../switch/Switch.js"),l=require("../text-picker/TextPickerModal.js"),r=require("../TypographyStyle.js"),d=require("./AiAssist.style.js"),O=require("./Components/SelectionModal.js"),u=require("./constants.js"),T=require("./model.js");exports.AiAssist=j=>{const{preSelectedData:p,onChange:g,productPickerData:D,storeId:b,checkListType:h,documentPickerData:C,intentPickerData:A}=j,[y,v]=i.useState(null!=p?p:T.DefaultAiAssistData),[U,m]=i.useState(),[x,E]=i.useState(),[N,M]=i.useState({}),[S,f]=i.useState(0),[P,R]=i.useState({}),[L,I]=i.useState({}),k=i.useMemo((()=>y.PRODUCT),[y]),F=i.useMemo((()=>y.DOCUMENT),[y]);i.useEffect((()=>g(y)),[y]),i.useEffect((()=>{p&&p.DOCUMENT&&Array.isArray(p.DOCUMENT.intents)&&(R((()=>{const e={};return p.DOCUMENT.intents.forEach((t=>{e[t]=[t]})),e})),v(p)),p&&p.DOCUMENT&&Array.isArray(p.DOCUMENT.documentData)&&(I((()=>{const e={};return p.DOCUMENT.documentData.forEach((t=>{e[t.type]=[...e[t.type]||[],t.id]})),e})),v(p))}),[p]);return i.useEffect((()=>{console.log("KB",y)}),[y]),t.jsxs(t.Fragment,{children:[t.jsxs(d.AiAssistMainContainer,{children:[t.jsx(r.TitleRegular,{children:"Choose Data"}),t.jsxs("div",Object.assign({className:"ai-assist-data-selection"},{children:[t.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",marginBottom:"-4px"}},{children:[t.jsx(r.BodyPrimary,{children:"Choose all store data"}),t.jsx("div",Object.assign({style:{marginLeft:"auto"}},{children:t.jsx(o.Switch,{onValueChange:t=>e.__awaiter(void 0,void 0,void 0,(function*(){yield(e=>{v((t=>Object.assign(Object.assign({},t),{selectionType:e?T.AiAssistDataSelectionType.FULL:T.AiAssistDataSelectionType.PARTIAL})))})(t)})),value:y.selectionType===T.AiAssistDataSelectionType.FULL})}))]})),y.selectionType!==T.AiAssistDataSelectionType.FULL&&t.jsxs(t.Fragment,{children:[t.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[t.jsx(r.TitleRegular,{children:"Select Products"}),t.jsx(c.ButtonGroup,{buttonGroup:u.AiAssistProductSelectionType,gap:"16px",onButtonClick:e=>{m(void 0),(e=>{v((t=>Object.assign(Object.assign({},t),{PRODUCT:Object.assign(Object.assign({},t.PRODUCT),{selectionType:e})})))})(e)},size:"large",activeButtonId:y.PRODUCT.selectionType,iconPosition:"left",iconHeight:"24px",iconWidth:"24px",borderRadius:"8px",height:"60px",iconGap:"8px"}),t.jsxs(d.AiAssistSelectionCard,Object.assign({disable:k.selectionType===T.AiAssistDataSelectionType.FULL,onClick:()=>{k.selectionType!==T.AiAssistDataSelectionType.FULL&&m(T.AiAssistDataType.PRODUCT)}},{children:[t.jsx(r.TitleSmall,Object.assign({color:n.COLORS.content.secondary},{children:k.selectionType===T.AiAssistDataSelectionType.FULL?"All products selected":`${k.productData.length} products selected`})),t.jsx(s.default,{width:20,height:20})]}))]})),t.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[t.jsx(r.TitleRegular,{children:"Select Documents"}),t.jsx(c.ButtonGroup,{buttonGroup:u.AiAssistDocumentSelectionType,gap:"16px",onButtonClick:e=>{m(void 0),(e=>{v((t=>Object.assign(Object.assign({},t),{DOCUMENT:Object.assign(Object.assign({},t.DOCUMENT),{selectionType:e})})))})(e)},size:"large",activeButtonId:y.DOCUMENT.selectionType,iconPosition:"top",iconHeight:"24px",iconWidth:"24px",borderRadius:"8px",height:"90px",iconGap:"12px"}),t.jsxs(d.AiAssistSelectionCard,Object.assign({disable:F.selectionType===T.AiAssistDataSelectionType.FULL,onClick:()=>{F.selectionType===T.AiAssistDataSelectionType.INTENT?m("INTENT"):F.selectionType===T.AiAssistDataSelectionType.PARTIAL&&m(T.AiAssistDataType.DOCUMENT)}},{children:[t.jsx(r.TitleSmall,Object.assign({color:n.COLORS.content.secondary},{children:F.selectionType===T.AiAssistDataSelectionType.FULL?"All documents selected":F.selectionType===T.AiAssistDataSelectionType.INTENT?`${F.intents.length} intents selected`:`${F.documentData.length} documents selected`})),t.jsx(s.default,{width:20,height:20})]}))]}))]})]}))]}),"PRODUCT"==U&&t.jsx(a.ProductPickerModal,{searchFetcher:D.searchFetcher,productFetcher:D.productFetcher,collectionFetcher:D.collectionFetcher,searchInCollectionFetcher:D.searchInCollectionFetcher,storeId:b,selectedItems:N,onAdd:e=>{Object.values(e).forEach((e=>{e.products})),f(0),M(Object.assign({},e)),v((t=>Object.assign(Object.assign({},t),{PRODUCT:Object.assign(Object.assign({},t.PRODUCT),{productData:Object.values(e).flatMap((e=>e.products?Object.values(e.products).map((e=>({id:e.id,name:e.name,imageUrl:e.image,description:e.description}))):[])),collectionData:Object.entries(e).map((e=>{let[t,s]=e;var i;return{id:t,name:s.name,imageUrl:s.image,description:null!==(i=null==s?void 0:s.description)&&void 0!==i?i:""}}))})}))),m(void 0),E(void 0)},onClickSave:S,onClose:()=>{f(0),m(void 0),E(void 0)},limit:50,visible:!!U&&(0==k.productData.length||x===T.AiAssistDataType.PRODUCT),renderWithoutModal:!1,pickerType:"PRODUCT",hideSelectionCount:!1,hideVariantCheckbox:!1,hideProductVariants:!0,hideCollectionCheckbox:!1}),"DOCUMENT"==U&&t.jsx(l.TextPickerModal,{visible:!!U&&(0==F.documentData.length||x===T.AiAssistDataType.DOCUMENT),categories:C,selectedItems:L,onAdd:e=>{var t;t=e,I(Object.assign({},t)),v((e=>Object.assign(Object.assign({},e),{DOCUMENT:Object.assign(Object.assign({},e.DOCUMENT),{documentData:Object.entries(t).flatMap((e=>{let[t,s]=e;return s.map((e=>{var s,i;return{id:e,type:t,name:(null===(i=null===(s=C.find((e=>e.id===t)))||void 0===s?void 0:s.items.find((t=>t.id===e)))||void 0===i?void 0:i.name)||""}}))}))})}))),m(void 0),E(void 0)},onClose:()=>{m(void 0),E(void 0)},title:"Select Documents"}),"INTENT"==U&&t.jsx(l.TextPickerModal,{visible:!!U&&(0==F.intents.length||"INTENT"===x),isOneDimensional:!0,categories:A,selectedItems:P,onAdd:e=>{return t=e,R(Object.assign({},t)),v((e=>Object.assign(Object.assign({},e),{DOCUMENT:Object.assign(Object.assign({},e.DOCUMENT),{intents:Object.values(t).flat()})}))),m(void 0),void E(void 0);var t},onClose:()=>{m(void 0),E(void 0)},title:"Select Intents"}),!!U&&t.jsx(O.SelectionModal,{selectionType:U,localAiAssistSelectedData:y,checkListType:h,isOpen:!!U&&("PRODUCT"==U&&k.productData.length>0||"DOCUMENT"==U&&F.documentData.length>0||"INTENT"==U&&F.intents.length>0),onClose:()=>{m(void 0),E(void 0)},onRemoveAll:()=>{"PRODUCT"==U?(v((e=>Object.assign(Object.assign({},e),{PRODUCT:Object.assign(Object.assign({},e.PRODUCT),{productData:[],collectionData:[]})}))),M({}),m(void 0),E(void 0)):"DOCUMENT"==U?(v((e=>Object.assign(Object.assign({},e),{DOCUMENT:Object.assign(Object.assign({},e.DOCUMENT),{documentData:[]})}))),I({}),m(void 0),E(void 0)):"INTENT"==U&&(v((e=>Object.assign(Object.assign({},e),{DOCUMENT:Object.assign(Object.assign({},e.DOCUMENT),{intents:[]})}))),R({}),m(void 0),E(void 0))},onRemoveSelected:(e,t)=>((e,t)=>{if("PRODUCT"==U){const s=Object.assign({},N);Object.entries(s).forEach((e=>{let[i,n]=e;s[i].products=Array.isArray(null==n?void 0:n.products)?Object.fromEntries(n.products.filter((e=>e.id!==t)).map((e=>[e.id,e]))):{}})),M(s),v((t=>Object.assign(Object.assign({},t),{PRODUCT:Object.assign(Object.assign({},t.PRODUCT),{productData:t.PRODUCT.productData.filter(((t,s)=>s!==e))})})))}else if("DOCUMENT"==U){const s=Object.assign({},L);Object.entries(s).forEach((e=>{let[i,n]=e;s[i]=n.filter((e=>e!==t))})),I(s),v((t=>Object.assign(Object.assign({},t),{DOCUMENT:Object.assign(Object.assign({},t.DOCUMENT),{documentData:t.DOCUMENT.documentData.filter(((t,s)=>s!==e))})})))}else"INTENT"==U&&(R((e=>{const s=Object.assign({},e);return Object.entries(s).forEach((e=>{let[i,n]=e;s[i]=n.filter((e=>e!==t))})),s})),v((t=>Object.assign(Object.assign({},t),{DOCUMENT:Object.assign(Object.assign({},t.DOCUMENT),{intents:t.DOCUMENT.intents.filter(((t,s)=>s!==e))})}))))})(e,t),onAdd:()=>E(U)})]})};

package/dist/cjs/components/ai-assist/AiAssist.style.js

@@ -1,22 +1,23 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(e);const a=i.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../constants/Theme.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e);o.default.div`
 	display: flex;
 	flex-direction: row;
 	width: 100vw;
 	height: 90vh;
 	background-color: ${r.COLORS.surface.subdued};
 	margin: 16px;
-`,d=i.default.div`
+`;const d=o.default.div`
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
-	width: 33%;
+	// width: 33%;
+	width: 100%;
 	height: 100%;
 	background-color: #fff;
 	border-radius: 8px;
 	border: 1px solid ${r.COLORS.stroke.primary};
-	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
+	// box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
 	padding: 16px;
-	margin: 16px 2px; // TODO: remove this margin when integrating with the main component
+	// margin: 16px 2px; // TODO: remove this margin when integrating with the main component
 	position: relative;
 	overflow: hidden;
 	z-index: 1;
@@ -44,7 +45,7 @@
 			background-color: ${r.COLORS.background.brandLight};
 		}
 	}
-`,t=i.default.div`
+`,a=o.default.div`
 	display: flex;
 	flex-direction: row;
 	gap: 8px;
@@ -62,7 +63,7 @@
 	&:active {
 		background-color: ${e=>e.disable?r.COLORS.surface.subdued:r.COLORS.background.brandLight};
 	}
-`,s=i.default.div`
+`,t=o.default.div`
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
@@ -108,4 +109,4 @@
 		padding: 16px;
 		background-color: ${r.COLORS.surface.standard};
 	}
-`;exports.AiAssistMainContainer=d,exports.AiAssistSelectionCard=t,exports.AiAssistSelectionModalMainContainer=s,exports.DummyBaseComponent=a;
+`;exports.AiAssistMainContainer=d,exports.AiAssistSelectionCard=a,exports.AiAssistSelectionModalMainContainer=t;

package/dist/esm/components/ai-assist/AiAssist.js

@@ -1 +1 @@
-import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsx as t,jsxs as i,Fragment as s}from"react/jsx-runtime";import n from"../../assets/icons/chevronRight2.svg.js";import{useState as c,useMemo as o,useEffect as a}from"react";import{COLORS as r}from"../../constants/Theme.js";import{ButtonGroup as l}from"../buttonGroup/ButtonGroup.js";import{ProductPickerModal as d}from"../product-picker-v2/modal.js";import{Switch as O}from"../switch/Switch.js";import{TextPickerModal as p}from"../text-picker/TextPickerModal.js";import{TitleRegular as g,BodyPrimary as T,TitleSmall as j}from"../TypographyStyle.js";import{DummyBaseComponent as b,AiAssistMainContainer as u,AiAssistSelectionCard as D}from"./AiAssist.style.js";import{SelectionModal as h}from"./Components/SelectionModal.js";import{AiAssistProductSelectionType as m,AiAssistDocumentSelectionType as C}from"./constants.js";import{DefaultAiAssistData as v,AiAssistDataSelectionType as U,AiAssistDataType as N}from"./model.js";const E=E=>{const{preSelectedData:f,onChange:y,productPickerData:M,storeId:P,checkListType:x,documentPickerData:R,intentPickerData:A}=E,[I,L]=c(null!=f?f:v),[k,F]=c(),[S,B]=c(),[G,w]=c({}),[V,W]=c(0),[$,z]=c({}),[H,_]=c({}),K=o((()=>I.PRODUCT),[I]),q=o((()=>I.DOCUMENT),[I]);a((()=>y(I)),[I]),a((()=>{f&&f.DOCUMENT&&Array.isArray(f.DOCUMENT.intents)&&(z((()=>{const e={};return f.DOCUMENT.intents.forEach((t=>{e[t]=[t]})),e})),L(f)),f&&f.DOCUMENT&&Array.isArray(f.DOCUMENT.documentData)&&(_((()=>{const e={};return f.DOCUMENT.documentData.forEach((t=>{e[t.type]=[...e[t.type]||[],t.id]})),e})),L(f))}),[f]);return a((()=>{console.log("KB",I)}),[I]),t(b,{children:i(s,{children:[i(u,{children:[t(g,{children:"Choose Data"}),i("div",Object.assign({className:"ai-assist-data-selection"},{children:[i("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",marginBottom:"-4px"}},{children:[t(T,{children:"Choose all store data"}),t("div",Object.assign({style:{marginLeft:"auto"}},{children:t(O,{onValueChange:t=>e(void 0,void 0,void 0,(function*(){yield(e=>{L((t=>Object.assign(Object.assign({},t),{selectionType:e?U.FULL:U.PARTIAL})))})(t)})),value:I.selectionType===U.FULL})}))]})),I.selectionType!==U.FULL&&i(s,{children:[i("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[t(g,{children:"Select Products"}),t(l,{buttonGroup:m,gap:"16px",onButtonClick:e=>{F(void 0),(e=>{L((t=>Object.assign(Object.assign({},t),{PRODUCT:Object.assign(Object.assign({},t.PRODUCT),{selectionType:e})})))})(e)},size:"large",activeButtonId:I.PRODUCT.selectionType,iconPosition:"left",iconHeight:"24px",iconWidth:"24px",borderRadius:"8px",height:"60px",iconGap:"8px"}),i(D,Object.assign({disable:K.selectionType===U.FULL,onClick:()=>{K.selectionType!==U.FULL&&F(N.PRODUCT)}},{children:[t(j,Object.assign({color:r.content.secondary},{children:K.selectionType===U.FULL?"All products selected":`${K.productData.length} products selected`})),t(n,{width:20,height:20})]}))]})),i("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[t(g,{children:"Select Documents"}),t(l,{buttonGroup:C,gap:"16px",onButtonClick:e=>{F(void 0),(e=>{L((t=>Object.assign(Object.assign({},t),{DOCUMENT:Object.assign(Object.assign({},t.DOCUMENT),{selectionType:e})})))})(e)},size:"large",activeButtonId:I.DOCUMENT.selectionType,iconPosition:"top",iconHeight:"24px",iconWidth:"24px",borderRadius:"8px",height:"90px",iconGap:"12px"}),i(D,Object.assign({disable:q.selectionType===U.FULL,onClick:()=>{q.selectionType===U.INTENT?F("INTENT"):q.selectionType===U.PARTIAL&&F(N.DOCUMENT)}},{children:[t(j,Object.assign({color:r.content.secondary},{children:q.selectionType===U.FULL?"All documents selected":q.selectionType===U.INTENT?`${q.intents.length} intents selected`:`${q.documentData.length} documents selected`})),t(n,{width:20,height:20})]}))]}))]})]}))]}),"PRODUCT"==k&&t(d,{searchFetcher:M.searchFetcher,productFetcher:M.productFetcher,collectionFetcher:M.collectionFetcher,searchInCollectionFetcher:M.searchInCollectionFetcher,storeId:P,selectedItems:G,onAdd:e=>{Object.values(e).forEach((e=>{e.products})),W(0),w(Object.assign({},e)),L((t=>Object.assign(Object.assign({},t),{PRODUCT:Object.assign(Object.assign({},t.PRODUCT),{productData:Object.values(e).flatMap((e=>e.products?Object.values(e.products).map((e=>({id:e.id,name:e.name,imageUrl:e.image,description:e.description}))):[])),collectionData:Object.entries(e).map((e=>{let[t,i]=e;var s;return{id:t,name:i.name,imageUrl:i.image,description:null!==(s=null==i?void 0:i.description)&&void 0!==s?s:""}}))})}))),F(void 0),B(void 0)},onClickSave:V,onClose:()=>{W(0),F(void 0),B(void 0)},limit:50,visible:!!k&&(0==K.productData.length||S===N.PRODUCT),renderWithoutModal:!1,pickerType:"PRODUCT",hideSelectionCount:!1,hideVariantCheckbox:!1,hideProductVariants:!0,hideCollectionCheckbox:!1}),"DOCUMENT"==k&&t(p,{visible:!!k&&(0==q.documentData.length||S===N.DOCUMENT),categories:R,selectedItems:H,onAdd:e=>{var t;t=e,_(Object.assign({},t)),L((e=>Object.assign(Object.assign({},e),{DOCUMENT:Object.assign(Object.assign({},e.DOCUMENT),{documentData:Object.entries(t).flatMap((e=>{let[t,i]=e;return i.map((e=>{var i,s;return{id:e,type:t,name:(null===(s=null===(i=R.find((e=>e.id===t)))||void 0===i?void 0:i.items.find((t=>t.id===e)))||void 0===s?void 0:s.name)||""}}))}))})}))),F(void 0),B(void 0)},onClose:()=>{F(void 0),B(void 0)},title:"Select Documents"}),"INTENT"==k&&t(p,{visible:!!k&&(0==q.intents.length||"INTENT"===S),isOneDimensional:!0,categories:A,selectedItems:$,onAdd:e=>{return t=e,z(Object.assign({},t)),L((e=>Object.assign(Object.assign({},e),{DOCUMENT:Object.assign(Object.assign({},e.DOCUMENT),{intents:Object.values(t).flat()})}))),F(void 0),void B(void 0);var t},onClose:()=>{F(void 0),B(void 0)},title:"Select Intents"}),!!k&&t(h,{selectionType:k,localAiAssistSelectedData:I,checkListType:x,isOpen:!!k&&("PRODUCT"==k&&K.productData.length>0||"DOCUMENT"==k&&q.documentData.length>0||"INTENT"==k&&q.intents.length>0),onClose:()=>{F(void 0),B(void 0)},onRemoveAll:()=>{"PRODUCT"==k?(L((e=>Object.assign(Object.assign({},e),{PRODUCT:Object.assign(Object.assign({},e.PRODUCT),{productData:[],collectionData:[]})}))),w({}),F(void 0),B(void 0)):"DOCUMENT"==k?(L((e=>Object.assign(Object.assign({},e),{DOCUMENT:Object.assign(Object.assign({},e.DOCUMENT),{documentData:[]})}))),_({}),F(void 0),B(void 0)):"INTENT"==k&&(L((e=>Object.assign(Object.assign({},e),{DOCUMENT:Object.assign(Object.assign({},e.DOCUMENT),{intents:[]})}))),z({}),F(void 0),B(void 0))},onRemoveSelected:(e,t)=>((e,t)=>{if("PRODUCT"==k){const i=Object.assign({},G);Object.entries(i).forEach((e=>{let[s,n]=e;i[s].products=Array.isArray(null==n?void 0:n.products)?Object.fromEntries(n.products.filter((e=>e.id!==t)).map((e=>[e.id,e]))):{}})),w(i),L((t=>Object.assign(Object.assign({},t),{PRODUCT:Object.assign(Object.assign({},t.PRODUCT),{productData:t.PRODUCT.productData.filter(((t,i)=>i!==e))})})))}else if("DOCUMENT"==k){const i=Object.assign({},H);Object.entries(i).forEach((e=>{let[s,n]=e;i[s]=n.filter((e=>e!==t))})),_(i),L((t=>Object.assign(Object.assign({},t),{DOCUMENT:Object.assign(Object.assign({},t.DOCUMENT),{documentData:t.DOCUMENT.documentData.filter(((t,i)=>i!==e))})})))}else"INTENT"==k&&(z((e=>{const i=Object.assign({},e);return Object.entries(i).forEach((e=>{let[s,n]=e;i[s]=n.filter((e=>e!==t))})),i})),L((t=>Object.assign(Object.assign({},t),{DOCUMENT:Object.assign(Object.assign({},t.DOCUMENT),{intents:t.DOCUMENT.intents.filter(((t,i)=>i!==e))})}))))})(e,t),onAdd:()=>B(k)})]})})};export{E as AiAssist};
+import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsxs as t,Fragment as i,jsx as s}from"react/jsx-runtime";import n from"../../assets/icons/chevronRight2.svg.js";import{useState as c,useMemo as o,useEffect as a}from"react";import{COLORS as r}from"../../constants/Theme.js";import{ButtonGroup as l}from"../buttonGroup/ButtonGroup.js";import{ProductPickerModal as d}from"../product-picker-v2/modal.js";import{Switch as O}from"../switch/Switch.js";import{TextPickerModal as p}from"../text-picker/TextPickerModal.js";import{TitleRegular as g,BodyPrimary as T,TitleSmall as j}from"../TypographyStyle.js";import{AiAssistMainContainer as b,AiAssistSelectionCard as u}from"./AiAssist.style.js";import{SelectionModal as D}from"./Components/SelectionModal.js";import{AiAssistProductSelectionType as m,AiAssistDocumentSelectionType as h}from"./constants.js";import{DefaultAiAssistData as C,AiAssistDataSelectionType as v,AiAssistDataType as U}from"./model.js";const N=N=>{const{preSelectedData:E,onChange:f,productPickerData:y,storeId:M,checkListType:P,documentPickerData:x,intentPickerData:R}=N,[A,I]=c(null!=E?E:C),[L,k]=c(),[F,S]=c(),[B,G]=c({}),[w,V]=c(0),[W,$]=c({}),[z,H]=c({}),_=o((()=>A.PRODUCT),[A]),K=o((()=>A.DOCUMENT),[A]);a((()=>f(A)),[A]),a((()=>{E&&E.DOCUMENT&&Array.isArray(E.DOCUMENT.intents)&&($((()=>{const e={};return E.DOCUMENT.intents.forEach((t=>{e[t]=[t]})),e})),I(E)),E&&E.DOCUMENT&&Array.isArray(E.DOCUMENT.documentData)&&(H((()=>{const e={};return E.DOCUMENT.documentData.forEach((t=>{e[t.type]=[...e[t.type]||[],t.id]})),e})),I(E))}),[E]);return a((()=>{console.log("KB",A)}),[A]),t(i,{children:[t(b,{children:[s(g,{children:"Choose Data"}),t("div",Object.assign({className:"ai-assist-data-selection"},{children:[t("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center",marginBottom:"-4px"}},{children:[s(T,{children:"Choose all store data"}),s("div",Object.assign({style:{marginLeft:"auto"}},{children:s(O,{onValueChange:t=>e(void 0,void 0,void 0,(function*(){yield(e=>{I((t=>Object.assign(Object.assign({},t),{selectionType:e?v.FULL:v.PARTIAL})))})(t)})),value:A.selectionType===v.FULL})}))]})),A.selectionType!==v.FULL&&t(i,{children:[t("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[s(g,{children:"Select Products"}),s(l,{buttonGroup:m,gap:"16px",onButtonClick:e=>{k(void 0),(e=>{I((t=>Object.assign(Object.assign({},t),{PRODUCT:Object.assign(Object.assign({},t.PRODUCT),{selectionType:e})})))})(e)},size:"large",activeButtonId:A.PRODUCT.selectionType,iconPosition:"left",iconHeight:"24px",iconWidth:"24px",borderRadius:"8px",height:"60px",iconGap:"8px"}),t(u,Object.assign({disable:_.selectionType===v.FULL,onClick:()=>{_.selectionType!==v.FULL&&k(U.PRODUCT)}},{children:[s(j,Object.assign({color:r.content.secondary},{children:_.selectionType===v.FULL?"All products selected":`${_.productData.length} products selected`})),s(n,{width:20,height:20})]}))]})),t("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[s(g,{children:"Select Documents"}),s(l,{buttonGroup:h,gap:"16px",onButtonClick:e=>{k(void 0),(e=>{I((t=>Object.assign(Object.assign({},t),{DOCUMENT:Object.assign(Object.assign({},t.DOCUMENT),{selectionType:e})})))})(e)},size:"large",activeButtonId:A.DOCUMENT.selectionType,iconPosition:"top",iconHeight:"24px",iconWidth:"24px",borderRadius:"8px",height:"90px",iconGap:"12px"}),t(u,Object.assign({disable:K.selectionType===v.FULL,onClick:()=>{K.selectionType===v.INTENT?k("INTENT"):K.selectionType===v.PARTIAL&&k(U.DOCUMENT)}},{children:[s(j,Object.assign({color:r.content.secondary},{children:K.selectionType===v.FULL?"All documents selected":K.selectionType===v.INTENT?`${K.intents.length} intents selected`:`${K.documentData.length} documents selected`})),s(n,{width:20,height:20})]}))]}))]})]}))]}),"PRODUCT"==L&&s(d,{searchFetcher:y.searchFetcher,productFetcher:y.productFetcher,collectionFetcher:y.collectionFetcher,searchInCollectionFetcher:y.searchInCollectionFetcher,storeId:M,selectedItems:B,onAdd:e=>{Object.values(e).forEach((e=>{e.products})),V(0),G(Object.assign({},e)),I((t=>Object.assign(Object.assign({},t),{PRODUCT:Object.assign(Object.assign({},t.PRODUCT),{productData:Object.values(e).flatMap((e=>e.products?Object.values(e.products).map((e=>({id:e.id,name:e.name,imageUrl:e.image,description:e.description}))):[])),collectionData:Object.entries(e).map((e=>{let[t,i]=e;var s;return{id:t,name:i.name,imageUrl:i.image,description:null!==(s=null==i?void 0:i.description)&&void 0!==s?s:""}}))})}))),k(void 0),S(void 0)},onClickSave:w,onClose:()=>{V(0),k(void 0),S(void 0)},limit:50,visible:!!L&&(0==_.productData.length||F===U.PRODUCT),renderWithoutModal:!1,pickerType:"PRODUCT",hideSelectionCount:!1,hideVariantCheckbox:!1,hideProductVariants:!0,hideCollectionCheckbox:!1}),"DOCUMENT"==L&&s(p,{visible:!!L&&(0==K.documentData.length||F===U.DOCUMENT),categories:x,selectedItems:z,onAdd:e=>{var t;t=e,H(Object.assign({},t)),I((e=>Object.assign(Object.assign({},e),{DOCUMENT:Object.assign(Object.assign({},e.DOCUMENT),{documentData:Object.entries(t).flatMap((e=>{let[t,i]=e;return i.map((e=>{var i,s;return{id:e,type:t,name:(null===(s=null===(i=x.find((e=>e.id===t)))||void 0===i?void 0:i.items.find((t=>t.id===e)))||void 0===s?void 0:s.name)||""}}))}))})}))),k(void 0),S(void 0)},onClose:()=>{k(void 0),S(void 0)},title:"Select Documents"}),"INTENT"==L&&s(p,{visible:!!L&&(0==K.intents.length||"INTENT"===F),isOneDimensional:!0,categories:R,selectedItems:W,onAdd:e=>{return t=e,$(Object.assign({},t)),I((e=>Object.assign(Object.assign({},e),{DOCUMENT:Object.assign(Object.assign({},e.DOCUMENT),{intents:Object.values(t).flat()})}))),k(void 0),void S(void 0);var t},onClose:()=>{k(void 0),S(void 0)},title:"Select Intents"}),!!L&&s(D,{selectionType:L,localAiAssistSelectedData:A,checkListType:P,isOpen:!!L&&("PRODUCT"==L&&_.productData.length>0||"DOCUMENT"==L&&K.documentData.length>0||"INTENT"==L&&K.intents.length>0),onClose:()=>{k(void 0),S(void 0)},onRemoveAll:()=>{"PRODUCT"==L?(I((e=>Object.assign(Object.assign({},e),{PRODUCT:Object.assign(Object.assign({},e.PRODUCT),{productData:[],collectionData:[]})}))),G({}),k(void 0),S(void 0)):"DOCUMENT"==L?(I((e=>Object.assign(Object.assign({},e),{DOCUMENT:Object.assign(Object.assign({},e.DOCUMENT),{documentData:[]})}))),H({}),k(void 0),S(void 0)):"INTENT"==L&&(I((e=>Object.assign(Object.assign({},e),{DOCUMENT:Object.assign(Object.assign({},e.DOCUMENT),{intents:[]})}))),$({}),k(void 0),S(void 0))},onRemoveSelected:(e,t)=>((e,t)=>{if("PRODUCT"==L){const i=Object.assign({},B);Object.entries(i).forEach((e=>{let[s,n]=e;i[s].products=Array.isArray(null==n?void 0:n.products)?Object.fromEntries(n.products.filter((e=>e.id!==t)).map((e=>[e.id,e]))):{}})),G(i),I((t=>Object.assign(Object.assign({},t),{PRODUCT:Object.assign(Object.assign({},t.PRODUCT),{productData:t.PRODUCT.productData.filter(((t,i)=>i!==e))})})))}else if("DOCUMENT"==L){const i=Object.assign({},z);Object.entries(i).forEach((e=>{let[s,n]=e;i[s]=n.filter((e=>e!==t))})),H(i),I((t=>Object.assign(Object.assign({},t),{DOCUMENT:Object.assign(Object.assign({},t.DOCUMENT),{documentData:t.DOCUMENT.documentData.filter(((t,i)=>i!==e))})})))}else"INTENT"==L&&($((e=>{const i=Object.assign({},e);return Object.entries(i).forEach((e=>{let[s,n]=e;i[s]=n.filter((e=>e!==t))})),i})),I((t=>Object.assign(Object.assign({},t),{DOCUMENT:Object.assign(Object.assign({},t.DOCUMENT),{intents:t.DOCUMENT.intents.filter(((t,i)=>i!==e))})}))))})(e,t),onAdd:()=>S(L)})]})};export{N as AiAssist};

package/dist/esm/components/ai-assist/AiAssist.style.js

@@ -1,22 +1,23 @@
-import r from"styled-components";import{COLORS as e}from"../../constants/Theme.js";const o=r.div`
+import r from"styled-components";import{COLORS as e}from"../../constants/Theme.js";r.div`
 	display: flex;
 	flex-direction: row;
 	width: 100vw;
 	height: 90vh;
 	background-color: ${e.surface.subdued};
 	margin: 16px;
-`,i=r.div`
+`;const o=r.div`
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
-	width: 33%;
+	// width: 33%;
+	width: 100%;
 	height: 100%;
 	background-color: #fff;
 	border-radius: 8px;
 	border: 1px solid ${e.stroke.primary};
-	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
+	// box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
 	padding: 16px;
-	margin: 16px 2px; // TODO: remove this margin when integrating with the main component
+	// margin: 16px 2px; // TODO: remove this margin when integrating with the main component
 	position: relative;
 	overflow: hidden;
 	z-index: 1;
@@ -44,7 +45,7 @@ import r from"styled-components";import{COLORS as e}from"../../constants/Theme.j
 			background-color: ${e.background.brandLight};
 		}
 	}
-`,d=r.div`
+`,i=r.div`
 	display: flex;
 	flex-direction: row;
 	gap: 8px;
@@ -62,7 +63,7 @@ import r from"styled-components";import{COLORS as e}from"../../constants/Theme.j
 	&:active {
 		background-color: ${r=>r.disable?e.surface.subdued:e.background.brandLight};
 	}
-`,a=r.div`
+`,d=r.div`
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
@@ -108,4 +109,4 @@ import r from"styled-components";import{COLORS as e}from"../../constants/Theme.j
 		padding: 16px;
 		background-color: ${e.surface.standard};
 	}
-`;export{i as AiAssistMainContainer,d as AiAssistSelectionCard,a as AiAssistSelectionModalMainContainer,o as DummyBaseComponent};
+`;export{o as AiAssistMainContainer,i as AiAssistSelectionCard,d as AiAssistSelectionModalMainContainer};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.662-3",
+	"version": "0.0.662-4",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",