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

package/dist/esm/components/add-variableV2/AddVariableV2.js

@@ -1 +1 @@
-import{jsx as e,jsxs as a,Fragment as i}from"react/jsx-runtime";import l from"../../assets/icons/back_icon.svg.js";import s from"../../assets/icons/chevronRightAlt.svg.js";import t from"../../assets/icons/cross.svg.js";import r from"../../assets/icons/plus.svg.js";import n from"../../assets/icons/undo.svg.js";import{memo as o,useState as c,useEffect as d}from"react";import{AddVariableStyled as m}from"./AddVariableV2.styled.js";import{Button as b}from"../button/Button.js";import{IconButton as v}from"../icon-button/IconButton.js";import{SearchBar as h}from"../searchBar/searchBar.js";import{Tooltip as p}from"../tooltips/Tooltip.js";import{COLORS as y}from"../../constants/Theme.js";import{CloseButtonContainer as u}from"../modals/modal.styled.js";import{Switch as f}from"../switch/Switch.js";import{BodySecondary as g,TitleSmall as N,BodyCaption as V}from"../TypographyStyle.js";const w=o((o=>{const{data:w,hasHeader:S=!0,needsBorder:C=!0,styledCloseBtn:T=!1,readonly:_=!1}=o,[j,k]=c({}),[x,L]=c(),[B,I]=c(""),[A,E]=c(""),[F,H]=c(!0),z=/.*\..*/,[P,$]=c(o.data),[O,R]=c(!0);d((()=>{const e={};w.forEach((a=>{e[a.displayName]=[]})),L(e)}),[w]),d((()=>{q(!0)}),[]),d((()=>{q(O,!B)}),[j,B]),d((()=>{R(!0),E(""),W([],B),L((e=>({...e,[B]:[]}))),I("");const e=o.data.map((e=>G(e))).filter((e=>null!==e));$(e),e.length>0?H(!0):H(!1)}),[o.reRender]),d((()=>{let e=o.data;B&&(e=[j[B]]);M(e,O).length>0?H(!0):H(!1)}),[A]);const M=(e,a=!1)=>e.flatMap((e=>Object.keys(e.variables).filter((i=>e.variables[i].displayName?.toLowerCase().includes(A.toLowerCase())&&(!a||e.variables[i].isAvailable===a)||D(e.variables[i]))))),W=(e,a)=>{const i=w.find((e=>e.displayName===a));if(i){let l=i;e.forEach(((e,a)=>{l=l.variables[e]})),k((e=>({...e,[a]:l})))}},D=e=>{let a=!1;if(e.isSubHeader&&e.variables){const i=Object.keys(e.variables);for(let l=0;l<i.length;l++){const s=i[l];if(e.variables&&e.variables[s].displayName.toLowerCase().includes(A.toLowerCase())&&e.variables[s].isAvailable===O){a=!0;break}}}return a},q=(e,a=!1)=>{if(R(e),e){let i=[];if(!B||a)i=o.data.map((e=>G(e))).filter((e=>null!==e));else{const e=j[B];i=o.data.filter((e=>e.displayName===B)).map((a=>G(a,e))).filter((e=>null!=e))}$(i),A&&(i=M(i,e)),i.length>0?H(!0):H(!1)}else if($(o.data),A){M(o.data,e).length>0?H(!0):H(!1)}else H(!0)};function G(e,a,i={}){if(a)for(const l in e.variables)if(e.variables[l].displayName===a.displayName)for(const a in e.variables[l].variables)e.variables[l].variables[a].isAvailable&&(i[a]=e.variables[l].variables[a]);else e.variables[l].isSubHeader&&G(e.variables[l],a,i);else for(const a in e.variables)e.variables[a].isAvailable&&(i[a]=e.variables[a]);return 0===Object.keys(i).length?null:{...e,variables:i}}const J=a=>{const l=a.item.description;return a.readonly?e("div",{children:e(K,{item:a.item,readonly:a.readonly})}):e(i,{children:e(p,{body:"",tooltipContent:e(V,{color:y.content.primaryInverse,style:{whiteSpace:"pre-line",padding:8},children:a.item.isAvailable?l?`• ${l}\n• Recommended here`:"Recommended here":"Not recommended here"}),width:300,delay:300,placement:"bottom",children:e("div",{children:e(K,{item:a.item})})})})},K=a=>e(b,{darkMode:o.enableVariable?o.enableVariable:a.item.isAvailable,size:"chip",disabled:!!a.readonly&&!a.item.isSubHeader,LeadingIcon:a.item.isSubHeader||a.readonly?void 0:r,TrailingIcon:()=>a.item.isSubHeader?e("div",{className:"icon-trailing",style:{display:"flex"},children:e(s,{})}):e(i,{}),buttonText:a.item.displayName}),Q=(a,l)=>O&&!a.isAvailable?e(i,{}):e("div",{onClick:a.isSubHeader?()=>{M([a],O).length||H(!1),E("");const e=[...x[B],l];W(e,B),L((a=>({...a,[B]:e})))}:()=>{o.customTrigger?(o.customTrigger(a),o.setShowVariable(!1)):o.isEvaluationList?X(a):o.setVariableValue(o.selectWithTypes?{actualValue:a.actualValue,variableType:a.variableType,needsFetching:a.needsFetching}:a.actualValue)},children:e(J,{item:a,readonly:_})}),U=(e,a)=>{const i=[...x[e.displayName],a];W(i,e.displayName),L((a=>({...a,[e.displayName]:i}))),I(e.displayName)},X=e=>{if(e.actualValue.match(z)){const a=e.actualValue.replace("{{","").replace("}}","").split(".");let i=a[0];a.forEach(((e,a)=>{if(0===a)return;const l=(e=>/\w+\[\d+\]/g.test(e))(e);if(l){const a=e.match(/(\w+)\[(\d+)\]/);if(a){const e=a[1],l=a[2];i+=`['${e}'][${l}]`}}else i+=`['${e}']`})),o.setVariableValue(o.selectWithTypes?{actualValue:i,variableType:e.variableType,needsFetching:e.needsFetching}:i)}else{const a=e.actualValueEval?e.actualValueEval:e.actualValue;o.setVariableValue(o.selectWithTypes?{actualValue:a,variableType:e.variableType,needsFetching:e.needsFetching}:a)}},Y=(e,a)=>{if(o.customTrigger)o.customTrigger(e.variables[a]),o.setShowVariable(!1);else if(o.isEvaluationList){const i=e.variables[a];X(i)}else o.setVariableValue(o.selectWithTypes?{actualValue:e.variables[a].actualValue,variableType:e.variables[a].variableType,needsFetching:e.variables[a].needsFetching}:e.variables[a].actualValue)},Z=o.isModalState?void 0:{top:`${o.topPosition?o.topPosition:"small"===o.pickerSize?"300px":"60px"}`,left:`${o.leftPosition?o.leftPosition+24:430}px`};return e("div",{id:"varList",tabIndex:-1,children:a(m,{style:Z,onClick:e=>{e.stopPropagation()},pickerSize:o.pickerSize||"large",isModalState:o.isModalState,positionStrategy:o.positionStrategy,zIndex:o.zindex,height:o.height,needsBorder:C,width:o.width,children:[T&&e(u,{onClick:()=>{o.setShowVariable(!1)},style:{zIndex:300},children:e(t,{height:20,width:20,color:y.content.secondary})}),o.showVariable&&a("div",{className:"popup",children:[a("div",{className:"sticky__bar",children:[S&&a("div",{className:"header__bar",children:[e("div",{className:"add__variable",children:"Add a new variable"}),!T&&e("div",{onClick:()=>{o.setShowVariable(!1)},style:{display:"flex",alignItems:"center",justifyContent:"center"},children:e(v,{iconButtonType:"default",Icon:t})})]}),a("div",{className:"search__bar",onBlur:e=>{o.onSearchBlur&&o.onSearchBlur(e)},children:[e(h,{width:"100%",isEnabled:!0,onChange:e=>{E(e)},onEnter:()=>{},reset:!A,placeholder:"Search...",variant:"default"}),a("div",{style:{display:"flex",alignItems:"center",marginTop:8,justifyContent:"space-between"},children:[e(g,{style:{color:y.content.secondary},children:"Show only recommended variables"}),e(f,{value:O,onValueChange:async e=>await q(e)})]})]}),B&&x[B].length>0&&a("div",{className:"nav__bar",children:[a("div",{className:"left__nav",children:[e(v,{Icon:l,style:{color:"#919191",display:"flex"},onClick:()=>{E("");const e=x[B].slice(0,-1);W(e,B),L((a=>({...a,[B]:e}))),e.length||I("")}}),a("div",{className:"block",children:[e(N,{children:j[B].displayName}),j[B].description&&e(V,{children:j[B].description})]})]}),a("div",{className:"right__nav",children:[e(v,{Icon:n,style:{display:"flex"},onClick:()=>{E(""),W([],B),L((e=>({...e,[B]:[]}))),I("")}}),e("div",{children:"First page"})]})]})]}),!F&&a("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",marginTop:16},children:[e(N,{children:"No results found!"}),e(V,O?{children:"Sorry we could not find any recommended variables"}:{children:`Sorry we could not find any results for "${A}"`})]}),e("div",{className:"wrapper",children:e("div",{className:"list__map",children:a("div",{className:"items",children:[!B&&P.map((l=>{let s=[];return A&&(s=Object.keys(l.variables).filter((e=>l.variables[e].displayName?.toLowerCase().includes(A.toLowerCase())||D(l.variables[e])))),a(i,{children:[A?s.length>0?a("div",{className:"block",children:[e("div",{className:"heading__font",children:l?.displayName}),e(V,{style:{marginBottom:8,color:"#616161"},children:l?.description})]}):e(i,{}):a("div",{className:"block",children:[e("div",{className:"heading__font",children:l?.displayName}),e(V,{style:{marginBottom:8,color:"#616161"},children:l?.description})]}),Object.keys(l.variables).map((a=>A?l.variables[a].displayName?.toLowerCase().includes(A.toLowerCase())||D(l.variables[a])?e("div",{onClick:l.variables[a].isSubHeader?()=>U(l,a):()=>Y(l,a),children:e(J,{item:l.variables[a],readonly:_})}):e(i,{}):e("div",{onClick:l.variables[a].isSubHeader?()=>U(l,a):()=>Y(l,a),children:e(J,{item:l.variables[a],readonly:_})})))]})})),B&&e("div",{className:"list__map",children:e("div",{className:"items",style:{marginTop:16},children:Object.keys(j[B].variables).map(((a,l)=>A?j[B].variables[a].displayName?.toLowerCase().includes(A.toLowerCase())||D(j[B].variables[a])?Q(j[B].variables[a],a):e(i,{}):Q(j[B].variables[a],a)))})})]})})}),e("div",{className:"bottom__padding"})]})]})})}),((e,a)=>e.enableVariable===a.enableVariable&&(e.leftPosition===a.leftPosition&&e.reRender===a.reRender)));export{w as AddVariableV2};
+import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsx as a,jsxs as i,Fragment as s}from"react/jsx-runtime";import l from"../../assets/icons/back_icon.svg.js";import t from"../../assets/icons/chevronRightAlt.svg.js";import n from"../../assets/icons/cross.svg.js";import r from"../../assets/icons/plus.svg.js";import o from"../../assets/icons/undo.svg.js";import{memo as c,useState as d,useEffect as b}from"react";import{AddVariableStyled as v}from"./AddVariableV2.styled.js";import{Button as m}from"../button/Button.js";import{IconButton as h}from"../icon-button/IconButton.js";import{SearchBar as g}from"../searchBar/searchBar.js";import{Tooltip as p}from"../tooltips/Tooltip.js";import{COLORS as u}from"../../constants/Theme.js";import{CloseButtonContainer as y}from"../modals/modal.styled.js";import{Switch as f}from"../switch/Switch.js";import{BodySecondary as j,TitleSmall as O,BodyCaption as N}from"../TypographyStyle.js";const V=c((c=>{const{data:V,hasHeader:w=!0,needsBorder:S=!0,styledCloseBtn:_=!1,readonly:C=!1}=c,[T,k]=d({}),[x,L]=d(),[B,I]=d(""),[A,E]=d(""),[F,H]=d(!0),z=/.*\..*/,[P,$]=d(c.data),[R,M]=d(!0);b((()=>{const e={};V.forEach((a=>{e[a.displayName]=[]})),L(e)}),[V]),b((()=>{G(!0)}),[]),b((()=>{G(R,!B)}),[T,B]),b((()=>{M(!0),E(""),D([],B),L((e=>Object.assign(Object.assign({},e),{[B]:[]}))),I("");const e=c.data.map((e=>J(e))).filter((e=>null!==e));$(e),e.length>0?H(!0):H(!1)}),[c.reRender]),b((()=>{let e=c.data;B&&(e=[T[B]]);W(e,R).length>0?H(!0):H(!1)}),[A]);const W=function(e){let a=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return e.flatMap((e=>Object.keys(e.variables).filter((i=>{var s;return(null===(s=e.variables[i].displayName)||void 0===s?void 0:s.toLowerCase().includes(A.toLowerCase()))&&(!a||e.variables[i].isAvailable===a)||q(e.variables[i])}))))},D=(e,a)=>{const i=V.find((e=>e.displayName===a));if(i){let s=i;e.forEach(((e,a)=>{s=s.variables[e]})),k((e=>Object.assign(Object.assign({},e),{[a]:s})))}},q=e=>{let a=!1;if(e.isSubHeader&&e.variables){const i=Object.keys(e.variables);for(let s=0;s<i.length;s++){const l=i[s];if(e.variables&&e.variables[l].displayName.toLowerCase().includes(A.toLowerCase())&&e.variables[l].isAvailable===R){a=!0;break}}}return a},G=function(e){let a=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(M(e),e){let i=[];if(!B||a)i=c.data.map((e=>J(e))).filter((e=>null!==e));else{const e=T[B];i=c.data.filter((e=>e.displayName===B)).map((a=>J(a,e))).filter((e=>null!=e))}$(i),A&&(i=W(i,e)),i.length>0?H(!0):H(!1)}else if($(c.data),A){W(c.data,e).length>0?H(!0):H(!1)}else H(!0)};function J(e,a){let i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};if(a)for(const s in e.variables)if(e.variables[s].displayName===a.displayName)for(const a in e.variables[s].variables)e.variables[s].variables[a].isAvailable&&(i[a]=e.variables[s].variables[a]);else e.variables[s].isSubHeader&&J(e.variables[s],a,i);else for(const a in e.variables)e.variables[a].isAvailable&&(i[a]=e.variables[a]);return 0===Object.keys(i).length?null:Object.assign(Object.assign({},e),{variables:i})}const K=e=>{const i=e.item.description;return e.readonly?a("div",{children:a(Q,{item:e.item,readonly:e.readonly})}):a(s,{children:a(p,Object.assign({body:"",tooltipContent:a(N,Object.assign({color:u.content.primaryInverse,style:{whiteSpace:"pre-line",padding:8}},{children:e.item.isAvailable?i?`• ${i}\n• Recommended here`:"Recommended here":"Not recommended here"})),width:300,delay:300,placement:"bottom"},{children:a("div",{children:a(Q,{item:e.item})})}))})},Q=e=>a(m,{darkMode:c.enableVariable?c.enableVariable:e.item.isAvailable,size:"chip",disabled:!!e.readonly&&!e.item.isSubHeader,LeadingIcon:e.item.isSubHeader||e.readonly?void 0:r,TrailingIcon:()=>e.item.isSubHeader?a("div",Object.assign({className:"icon-trailing",style:{display:"flex"}},{children:a(t,{})})):a(s,{}),buttonText:e.item.displayName}),U=(e,i)=>R&&!e.isAvailable?a(s,{}):a("div",Object.assign({onClick:e.isSubHeader?()=>{W([e],R).length||H(!1),E("");const a=[...x[B],i];D(a,B),L((e=>Object.assign(Object.assign({},e),{[B]:a})))}:()=>{c.customTrigger?(c.customTrigger(e),c.setShowVariable(!1)):c.isEvaluationList?Y(e):c.setVariableValue(c.selectWithTypes?{actualValue:e.actualValue,variableType:e.variableType,needsFetching:e.needsFetching}:e.actualValue)}},{children:a(K,{item:e,readonly:C})})),X=(e,a)=>{const i=[...x[e.displayName],a];D(i,e.displayName),L((a=>Object.assign(Object.assign({},a),{[e.displayName]:i}))),I(e.displayName)},Y=e=>{if(e.actualValue.match(z)){const a=e.actualValue.replace("{{","").replace("}}","").split(".");let i=a[0];a.forEach(((e,a)=>{if(0===a)return;const s=(e=>/\w+\[\d+\]/g.test(e))(e);if(s){const a=e.match(/(\w+)\[(\d+)\]/);if(a){const e=a[1],s=a[2];i+=`['${e}'][${s}]`}}else i+=`['${e}']`})),c.setVariableValue(c.selectWithTypes?{actualValue:i,variableType:e.variableType,needsFetching:e.needsFetching}:i)}else{const a=e.actualValueEval?e.actualValueEval:e.actualValue;c.setVariableValue(c.selectWithTypes?{actualValue:a,variableType:e.variableType,needsFetching:e.needsFetching}:a)}},Z=(e,a)=>{if(c.customTrigger)c.customTrigger(e.variables[a]),c.setShowVariable(!1);else if(c.isEvaluationList){const i=e.variables[a];Y(i)}else c.setVariableValue(c.selectWithTypes?{actualValue:e.variables[a].actualValue,variableType:e.variables[a].variableType,needsFetching:e.variables[a].needsFetching}:e.variables[a].actualValue)},ee=c.isModalState?void 0:{top:`${c.topPosition?c.topPosition:"small"===c.pickerSize?"300px":"60px"}`,left:`${c.leftPosition?c.leftPosition+24:430}px`};return a("div",Object.assign({id:"varList",tabIndex:-1},{children:i(v,Object.assign({style:ee,onClick:e=>{e.stopPropagation()},pickerSize:c.pickerSize||"large",isModalState:c.isModalState,positionStrategy:c.positionStrategy,zIndex:c.zindex,height:c.height,needsBorder:S,width:c.width},{children:[_&&a(y,Object.assign({onClick:()=>{c.setShowVariable(!1)},style:{zIndex:300}},{children:a(n,{height:20,width:20,color:u.content.secondary})})),c.showVariable&&i("div",Object.assign({className:"popup"},{children:[i("div",Object.assign({className:"sticky__bar"},{children:[w&&i("div",Object.assign({className:"header__bar"},{children:[a("div",Object.assign({className:"add__variable"},{children:"Add a new variable"})),!_&&a("div",Object.assign({onClick:()=>{c.setShowVariable(!1)},style:{display:"flex",alignItems:"center",justifyContent:"center"}},{children:a(h,{iconButtonType:"default",Icon:n})}))]})),i("div",Object.assign({className:"search__bar",onBlur:e=>{c.onSearchBlur&&c.onSearchBlur(e)}},{children:[a(g,{width:"100%",isEnabled:!0,onChange:e=>{E(e)},onEnter:()=>{},reset:!A,placeholder:"Search...",variant:"default"}),i("div",Object.assign({style:{display:"flex",alignItems:"center",marginTop:8,justifyContent:"space-between"}},{children:[a(j,Object.assign({style:{color:u.content.secondary}},{children:"Show only recommended variables"})),a(f,{value:R,onValueChange:a=>e(void 0,void 0,void 0,(function*(){return yield G(a)}))})]}))]})),B&&x[B].length>0&&i("div",Object.assign({className:"nav__bar"},{children:[i("div",Object.assign({className:"left__nav"},{children:[a(h,{Icon:l,style:{color:"#919191",display:"flex"},onClick:()=>{E("");const e=x[B].slice(0,-1);D(e,B),L((a=>Object.assign(Object.assign({},a),{[B]:e}))),e.length||I("")}}),i("div",Object.assign({className:"block"},{children:[a(O,{children:T[B].displayName}),T[B].description&&a(N,{children:T[B].description})]}))]})),i("div",Object.assign({className:"right__nav"},{children:[a(h,{Icon:o,style:{display:"flex"},onClick:()=>{E(""),D([],B),L((e=>Object.assign(Object.assign({},e),{[B]:[]}))),I("")}}),a("div",{children:"First page"})]}))]}))]})),!F&&i("div",Object.assign({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",marginTop:16}},{children:[a(O,{children:"No results found!"}),a(N,R?{children:"Sorry we could not find any recommended variables"}:{children:`Sorry we could not find any results for "${A}"`})]})),a("div",Object.assign({className:"wrapper"},{children:a("div",Object.assign({className:"list__map"},{children:i("div",Object.assign({className:"items"},{children:[!B&&P.map((e=>{let l=[];return A&&(l=Object.keys(e.variables).filter((a=>{var i;return(null===(i=e.variables[a].displayName)||void 0===i?void 0:i.toLowerCase().includes(A.toLowerCase()))||q(e.variables[a])}))),i(s,{children:[A?l.length>0?i("div",Object.assign({className:"block"},{children:[a("div",Object.assign({className:"heading__font"},{children:null==e?void 0:e.displayName})),a(N,Object.assign({style:{marginBottom:8,color:"#616161"}},{children:null==e?void 0:e.description}))]})):a(s,{}):i("div",Object.assign({className:"block"},{children:[a("div",Object.assign({className:"heading__font"},{children:null==e?void 0:e.displayName})),a(N,Object.assign({style:{marginBottom:8,color:"#616161"}},{children:null==e?void 0:e.description}))]})),Object.keys(e.variables).map((i=>{var l;return A?(null===(l=e.variables[i].displayName)||void 0===l?void 0:l.toLowerCase().includes(A.toLowerCase()))||q(e.variables[i])?a("div",Object.assign({onClick:e.variables[i].isSubHeader?()=>X(e,i):()=>Z(e,i)},{children:a(K,{item:e.variables[i],readonly:C})})):a(s,{}):a("div",Object.assign({onClick:e.variables[i].isSubHeader?()=>X(e,i):()=>Z(e,i)},{children:a(K,{item:e.variables[i],readonly:C})}))}))]})})),B&&a("div",Object.assign({className:"list__map"},{children:a("div",Object.assign({className:"items",style:{marginTop:16}},{children:Object.keys(T[B].variables).map(((e,i)=>{var l;return A?(null===(l=T[B].variables[e].displayName)||void 0===l?void 0:l.toLowerCase().includes(A.toLowerCase()))||q(T[B].variables[e])?U(T[B].variables[e],e):a(s,{}):U(T[B].variables[e],e)}))}))}))]}))}))})),a("div",{className:"bottom__padding"})]}))]}))}))}),((e,a)=>e.enableVariable===a.enableVariable&&(e.leftPosition===a.leftPosition&&e.reRender===a.reRender)));export{V as AddVariableV2};

package/dist/esm/components/add-variableV2/AddVariableV2.styled.d.ts

@@ -0,0 +1,12 @@
+export declare const AddVariableStyled: import("styled-components").StyledComponent<"div", any, {
+    pickerSize: string;
+    isModalState?: boolean | undefined;
+    zIndex?: number | undefined;
+    positionStrategy?: string | undefined;
+    height?: string | undefined;
+    needsBorder?: boolean | undefined;
+    width?: string | undefined;
+}, never>;
+export declare const VariableBoxStyled: import("styled-components").StyledComponent<"div", any, {
+    isAvailable?: boolean | undefined;
+}, never>;

package/dist/esm/components/add-variableV2/AddVariableV2.styled.js

@@ -143,12 +143,12 @@ import e from"styled-components";const o=e.div`
 		width: auto;
 		height: 32px;
 
-		background: ${e=>e?.isAvailable?"#f0f0f0":"#fafafa"};
+		background: ${e=>(null==e?void 0:e.isAvailable)?"#f0f0f0":"#fafafa"};
 
 		border: 1px solid #e0e0e0;
 		border-radius: 4px;
 		.icon {
-			color: ${e=>e?.isAvailable?"#212121":"#bdbdbd"};
+			color: ${e=>(null==e?void 0:e.isAvailable)?"#212121":"#bdbdbd"};
 			display: flex;
 			align-items: center;
 		}
@@ -158,7 +158,7 @@ import e from"styled-components";const o=e.div`
 			font-weight: 400;
 			font-size: 14px;
 			line-height: 20px;
-			color: ${e=>e?.isAvailable?"#212121":"#bdbdbd"};
+			color: ${e=>(null==e?void 0:e.isAvailable)?"#212121":"#bdbdbd"};
 		}
 	}
 `;export{o as AddVariableStyled};

package/dist/esm/components/add-variableV2/AddVariableV2SideModal.d.ts

@@ -1,23 +1,19 @@
-import React__default from 'react';
-import { VariableListInterfaceV2 } from './AddVariableV2.js';
-
-interface VariableV2SideModalProps {
-    data: VariableListInterfaceV2[];
-    showVariable: any;
-    setShowVariable: any;
-    variableValue?: any;
-    setVariableValue?: any;
-    placeholder: string;
-    customTrigger?: any;
-    isSearchRequired?: boolean;
-    leftPosition?: number;
-    pickerSize?: string;
-    zIndex?: number;
-    onSearchBlur?: (e: any) => void;
-    id?: string;
-    selectWithTypes?: boolean;
-}
-declare const AddVariableV2SideModal: React__default.FC<VariableV2SideModalProps>;
-
-export { AddVariableV2SideModal };
-export type { VariableV2SideModalProps };
+import React from 'react';
+import { VariableListInterfaceV2 } from "./AddVariableV2";
+export interface VariableV2SideModalProps {
+    data: VariableListInterfaceV2[];
+    showVariable: any;
+    setShowVariable: any;
+    variableValue?: any;
+    setVariableValue?: any;
+    placeholder: string;
+    customTrigger?: any;
+    isSearchRequired?: boolean;
+    leftPosition?: number;
+    pickerSize?: string;
+    zIndex?: number;
+    onSearchBlur?: (e: any) => void;
+    id?: string;
+    selectWithTypes?: boolean;
+}
+export declare const AddVariableV2SideModal: React.FC<VariableV2SideModalProps>;

package/dist/esm/components/add-variableV2/AddVariableV2SideModal.js

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import a from"react-dom";import{AddVariableV2 as r}from"./AddVariableV2.js";import{SideModalStyle as l,SideModalContainer as t}from"../side-modal/SideModal.style.js";const o=o=>a.createPortal(e(l,{zIndex:o.zIndex,children:e(t,{children:e(r,{data:o.data,showVariable:o.showVariable,setShowVariable:o.setShowVariable,variableValue:o.variableValue,setVariableValue:o.setVariableValue,placeholder:"Add a variable",customTrigger:o.customTrigger,isModalState:!0,onSearchBlur:o.onSearchBlur,selectWithTypes:o.selectWithTypes})})}),document.body);export{o as AddVariableV2SideModal};
+import{jsx as e}from"react/jsx-runtime";import a from"react-dom";import{AddVariableV2 as r}from"./AddVariableV2.js";import{SideModalStyle as t,SideModalContainer as l}from"../side-modal/SideModal.style.js";const o=o=>a.createPortal(e(t,Object.assign({zIndex:o.zIndex},{children:e(l,{children:e(r,{data:o.data,showVariable:o.showVariable,setShowVariable:o.setShowVariable,variableValue:o.variableValue,setVariableValue:o.setVariableValue,placeholder:"Add a variable",customTrigger:o.customTrigger,isModalState:!0,onSearchBlur:o.onSearchBlur,selectWithTypes:o.selectWithTypes})})})),document.body);export{o as AddVariableV2SideModal};

package/dist/esm/components/add-variableV2/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AddVariableV2SideModal';
+export * from './AddVariableV2';

package/dist/esm/components/add-variableV2/types.d.ts

@@ -1,8 +1,6 @@
-type SelectedVariable = {
-    actualValue: string;
-    variableType: VARIABLE_TYPES;
-    needsFetching?: boolean;
-};
-type VARIABLE_TYPES = 'number' | 'string' | 'integer' | 'boolean' | 'list' | 'any';
-
-export type { SelectedVariable, VARIABLE_TYPES };
+export type SelectedVariable = {
+    actualValue: string;
+    variableType: VARIABLE_TYPES;
+    needsFetching?: boolean;
+};
+export type VARIABLE_TYPES = 'number' | 'string' | 'integer' | 'boolean' | 'list' | 'any';

package/dist/esm/components/ai-modals/ActivateBikAI.d.ts

@@ -1,12 +1,9 @@
-import React__default from 'react';
-import { POD } from '../template-preview/models/WhatsAppTemplate.js';
-
-declare const ActivateBikAi: React__default.FC<{
-    open: boolean;
-    onModalClose: () => void;
-    onRightBtnClick: () => void;
-    onLeftBtnClick: () => void;
-    source: POD.CHATBOT | POD.CRM;
-}>;
-
-export { ActivateBikAi };
+import React from 'react';
+import { POD } from '../template-preview/models/WhatsAppTemplate';
+export declare const ActivateBikAi: React.FC<{
+    open: boolean;
+    onModalClose: () => void;
+    onRightBtnClick: () => void;
+    onLeftBtnClick: () => void;
+    source: POD.CHATBOT | POD.CRM;
+}>;

package/dist/esm/components/ai-modals/ActivateBikAI.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as i}from"../../constants/Theme.js";import o from"../../assets/icons/graph.svg.js";import n from"../../assets/icons/sparkle.svg.js";import{Button as r}from"../button/Button.js";import{Modal as l}from"../modals/Modal.js";import{TitleMedium as c,TitleLarge as s,BodyPrimary as d}from"../TypographyStyle.js";const a=({open:a,onModalClose:p,onRightBtnClick:h,onLeftBtnClick:g,source:y})=>e(l,{open:a,centralContainerStyles:{height:"430px",width:"464px",borderRadius:"12px"},zIndex:40,onClose:p,closeOnOutsideClick:!0,children:t("div",{children:[t("div",{style:{height:"180px",width:"100%",backgroundColor:"rgba(142, 142, 142, 0.2)",display:"flex",justifyContent:"center",alignItems:"center",gap:"18px",padding:"24px"},children:[e("div",{children:e(o,{width:100,height:90})}),e("div",{children:e(c,"CHATBOT"===y?{children:"Unlock higher conversion and ease agent work with BIK.AI"}:{children:"Experience reduced Average Handling Time of your tickets with Bik.AI!"})})]}),t("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",gap:"16px",padding:"24px"},children:[t("div",{style:{display:"flex",flexDirection:"row",gap:"4px"},children:[e(s,{children:"Activate BIK AI"}),e(n,{width:32,height:32})]}),t("div","CHATBOT"===y?{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:[e(d,{color:"#888888",children:"Sync your Shopify Data to Bik.AI to supercharge it with"}),e(d,{color:"#888888",children:"your store’s data to start personalizing it to your"}),e(d,{color:"#888888",children:"customers!"})]}:{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:[t(d,{color:"#888888",children:["Sync your Shopify Data to Bik.AI to supercharge it with"," "]}),e(d,{color:"#888888",children:"your store’s data to start responding to customer"}),e(d,{color:"#888888",children:"queries right away!"})]})]}),t("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px",paddingBottom:"24px",paddingLeft:"24px",paddingRight:"24px"},children:[e(r,{buttonText:"Learn More",buttonType:"text",size:"large",onClick:g}),e(r,{buttonText:"Sync Shopify Data",size:"large",style:{backgroundColor:i.background.brand},onClick:h})]})]})});export{a as ActivateBikAi};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as i}from"../../constants/Theme.js";import n from"../../assets/icons/graph.svg.js";import o from"../../assets/icons/sparkle.svg.js";import{Button as r}from"../button/Button.js";import{Modal as s}from"../modals/Modal.js";import{TitleMedium as c,TitleLarge as l,BodyPrimary as a}from"../TypographyStyle.js";const d=d=>{let{open:g,onModalClose:p,onRightBtnClick:h,onLeftBtnClick:y,source:u}=d;return e(s,Object.assign({open:g,centralContainerStyles:{height:"430px",width:"464px",borderRadius:"12px"},zIndex:40,onClose:p,closeOnOutsideClick:!0},{children:t("div",{children:[t("div",Object.assign({style:{height:"180px",width:"100%",backgroundColor:"rgba(142, 142, 142, 0.2)",display:"flex",justifyContent:"center",alignItems:"center",gap:"18px",padding:"24px"}},{children:[e("div",{children:e(n,{width:100,height:90})}),e("div",{children:e(c,"CHATBOT"===u?{children:"Unlock higher conversion and ease agent work with BIK.AI"}:{children:"Experience reduced Average Handling Time of your tickets with Bik.AI!"})})]})),t("div",Object.assign({style:{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",gap:"16px",padding:"24px"}},{children:[t("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:"4px"}},{children:[e(l,{children:"Activate BIK AI"}),e(o,{width:32,height:32})]})),t("div","CHATBOT"===u?Object.assign({style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}},{children:[e(a,Object.assign({color:"#888888"},{children:"Sync your Shopify Data to Bik.AI to supercharge it with"})),e(a,Object.assign({color:"#888888"},{children:"your store’s data to start personalizing it to your"})),e(a,Object.assign({color:"#888888"},{children:"customers!"}))]}):Object.assign({style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}},{children:[t(a,Object.assign({color:"#888888"},{children:["Sync your Shopify Data to Bik.AI to supercharge it with"," "]})),e(a,Object.assign({color:"#888888"},{children:"your store’s data to start responding to customer"})),e(a,Object.assign({color:"#888888"},{children:"queries right away!"}))]}))]})),t("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px",paddingBottom:"24px",paddingLeft:"24px",paddingRight:"24px"}},{children:[e(r,{buttonText:"Learn More",buttonType:"text",size:"large",onClick:y}),e(r,{buttonText:"Sync Shopify Data",size:"large",style:{backgroundColor:i.background.brand},onClick:h})]}))]})}))};export{d as ActivateBikAi};

package/dist/esm/components/ai-modals/AiCreditsExhausted.d.ts

@@ -1,11 +1,8 @@
-import React__default from 'react';
-
-declare const AiCreditsExhausted: React__default.FC<{
-    open: boolean;
-    onModalClose: () => void;
-    body?: string;
-    onRightBtnClick: () => void;
-    onLeftBtnClick: () => void;
-}>;
-
-export { AiCreditsExhausted };
+import React from 'react';
+export declare const AiCreditsExhausted: React.FC<{
+    open: boolean;
+    onModalClose: () => void;
+    body?: string;
+    onRightBtnClick: () => void;
+    onLeftBtnClick: () => void;
+}>;

package/dist/esm/components/ai-modals/AiCreditsExhausted.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as o}from"../../constants/Theme.js";import n from"../../assets/icons/alert_triangle.svg.js";import{Button as i}from"../button/Button.js";import{Modal as r}from"../modals/Modal.js";import{ProgressBarComponent as l}from"../progress-bar/ProgressBarComponent.js";import{TitleLarge as s,TitleRegular as d,BodySecondary as c,BodyPrimary as a}from"../TypographyStyle.js";const p=({open:p,onModalClose:h,body:x,onRightBtnClick:m,onLeftBtnClick:y})=>e(r,{open:p,centralContainerStyles:{width:"498px",height:"312px",borderRadius:"12px"},onClose:h,closeOnOutsideClick:!0,zIndex:40,children:t("div",{style:{padding:"24px",display:"flex",flexDirection:"column"},children:[e("div",{style:{display:"flex",justifyContent:"center"},children:e(s,{children:"Free AI Credits Exhausted"})}),e("div",{style:{height:"24px"}}),t("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[t("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px"},children:[e(n,{color:o.content.negative,width:20,height:20}),e("div",{style:{width:"8px"}}),e(d,{children:"0/100"}),e(c,{color:o.content.secondary,children:"Free Credits left"})]}),e(l,{completed:100,isAnimated:!1,height:16,color:o.content.negative})]}),e("div",{style:{height:"24px"}}),e(a,{color:o.content.secondary,children:x||"Contact support to add credits to generate replies using AI, and enjoy continued AI assistance!"}),e("div",{style:{height:"44px"}}),t("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px"},children:[e(i,{buttonText:"Learn More",buttonType:"text",size:"small",onClick:y}),e(i,{buttonText:"Contact Support",size:"small",style:{backgroundColor:o.background.brand},onClick:m})]})]})});export{p as AiCreditsExhausted};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as n}from"../../constants/Theme.js";import i from"../../assets/icons/alert_triangle.svg.js";import{Button as o}from"../button/Button.js";import{Modal as s}from"../modals/Modal.js";import{ProgressBarComponent as r}from"../progress-bar/ProgressBarComponent.js";import{TitleLarge as l,TitleRegular as c,BodySecondary as d,BodyPrimary as a}from"../TypographyStyle.js";const p=p=>{let{open:g,onModalClose:h,body:x,onRightBtnClick:m,onLeftBtnClick:y}=p;return e(s,Object.assign({open:g,centralContainerStyles:{width:"498px",height:"312px",borderRadius:"12px"},onClose:h,closeOnOutsideClick:!0,zIndex:40},{children:t("div",Object.assign({style:{padding:"24px",display:"flex",flexDirection:"column"}},{children:[e("div",Object.assign({style:{display:"flex",justifyContent:"center"}},{children:e(l,{children:"Free AI Credits Exhausted"})})),e("div",{style:{height:"24px"}}),t("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[t("div",Object.assign({style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px"}},{children:[e(i,{color:n.content.negative,width:20,height:20}),e("div",{style:{width:"8px"}}),e(c,{children:"0/100"}),e(d,Object.assign({color:n.content.secondary},{children:"Free Credits left"}))]})),e(r,{completed:100,isAnimated:!1,height:16,color:n.content.negative})]})),e("div",{style:{height:"24px"}}),e(a,Object.assign({color:n.content.secondary},{children:x||"Contact support to add credits to generate replies using AI, and enjoy continued AI assistance!"})),e("div",{style:{height:"44px"}}),t("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px"}},{children:[e(o,{buttonText:"Learn More",buttonType:"text",size:"small",onClick:y}),e(o,{buttonText:"Contact Support",size:"small",style:{backgroundColor:n.background.brand},onClick:m})]}))]}))}))};export{p as AiCreditsExhausted};

package/dist/esm/components/ai-modals/AiCreditsLow.d.ts

@@ -1,10 +1,7 @@
-import React__default from 'react';
-
-declare const AiCreditsLow: React__default.FC<{
-    open: boolean;
-    onModalClose: () => void;
-    onRightBtnClick: () => void;
-    onLeftBtnClick: () => void;
-}>;
-
-export { AiCreditsLow };
+import React from 'react';
+export declare const AiCreditsLow: React.FC<{
+    open: boolean;
+    onModalClose: () => void;
+    onRightBtnClick: () => void;
+    onLeftBtnClick: () => void;
+}>;

package/dist/esm/components/ai-modals/AiCreditsLow.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as o}from"../../constants/Theme.js";import n from"../../assets/icons/alert_triangle.svg.js";import{Button as i}from"../button/Button.js";import{Modal as r}from"../modals/Modal.js";import{TitleLarge as l,BodyPrimary as d}from"../TypographyStyle.js";const s=({open:s,onModalClose:c,onLeftBtnClick:a,onRightBtnClick:p})=>e(r,{open:s,centralContainerStyles:{width:"498px",borderRadius:"12px"},onClose:c,closeOnOutsideClick:!0,zIndex:40,children:t("div",{style:{padding:"24px",display:"flex",flexDirection:"column",width:"100%"},children:[e("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center"},children:e("div",{style:{backgroundColor:o.background.negative.light,width:"64px",height:"64px",padding:"12px",borderRadius:"40px"},children:e(n,{width:40,height:40,color:o.content.negative})})}),e("div",{style:{height:"32px"}}),e(l,{children:"Your AI Credits are running low"}),e("div",{style:{height:"24px"}}),e(d,{color:o.content.secondary,children:"Recharge your credits now to ensure uninterrupted service."}),e("div",{style:{height:"12px"}}),e("div",{style:{display:"flex",flexDirection:"row",justifyContent:"center"},children:e(d,{color:o.content.secondary,children:"Don’t let the growth stop. Add AI Credits"})}),e("div",{style:{height:"32px"}}),t("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px"},children:[e(i,{buttonText:"Close",buttonType:"text",size:"small",onClick:a}),e(i,{buttonText:"Contact Support",size:"small",style:{backgroundColor:o.background.brand},onClick:p})]})]})});export{s as AiCreditsLow};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as n}from"../../constants/Theme.js";import i from"../../assets/icons/alert_triangle.svg.js";import{Button as o}from"../button/Button.js";import{Modal as r}from"../modals/Modal.js";import{TitleLarge as s,BodyPrimary as l}from"../TypographyStyle.js";const d=d=>{let{open:c,onModalClose:a,onLeftBtnClick:p,onRightBtnClick:g}=d;return e(r,Object.assign({open:c,centralContainerStyles:{width:"498px",borderRadius:"12px"},onClose:a,closeOnOutsideClick:!0,zIndex:40},{children:t("div",Object.assign({style:{padding:"24px",display:"flex",flexDirection:"column",width:"100%"}},{children:[e("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center"}},{children:e("div",Object.assign({style:{backgroundColor:n.background.negative.light,width:"64px",height:"64px",padding:"12px",borderRadius:"40px"}},{children:e(i,{width:40,height:40,color:n.content.negative})}))})),e("div",{style:{height:"32px"}}),e(s,{children:"Your AI Credits are running low"}),e("div",{style:{height:"24px"}}),e(l,Object.assign({color:n.content.secondary},{children:"Recharge your credits now to ensure uninterrupted service."})),e("div",{style:{height:"12px"}}),e("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center"}},{children:e(l,Object.assign({color:n.content.secondary},{children:"Don’t let the growth stop. Add AI Credits"}))})),e("div",{style:{height:"32px"}}),t("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px"}},{children:[e(o,{buttonText:"Close",buttonType:"text",size:"small",onClick:p}),e(o,{buttonText:"Contact Support",size:"small",style:{backgroundColor:n.background.brand},onClick:g})]}))]}))}))};export{d as AiCreditsLow};

package/dist/esm/components/ai-modals/AiSyncProgress.d.ts

@@ -1,11 +1,8 @@
-import React__default from 'react';
-
-declare const AiSyncProgress: React__default.FC<{
-    open: boolean;
-    onModalClose: () => void;
-    completedPercent: number;
-    onRightBtnClick: () => void;
-    onLeftBtnClick: () => void;
-}>;
-
-export { AiSyncProgress };
+import React from 'react';
+export declare const AiSyncProgress: React.FC<{
+    open: boolean;
+    onModalClose: () => void;
+    completedPercent: number;
+    onRightBtnClick: () => void;
+    onLeftBtnClick: () => void;
+}>;

package/dist/esm/components/ai-modals/AiSyncProgress.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as o}from"../../constants/Theme.js";import i from"../../assets/icons/sync.svg.js";import{Button as n}from"../button/Button.js";import{Modal as l}from"../modals/Modal.js";import{ProgressBarComponent as r}from"../progress-bar/ProgressBarComponent.js";import{TitleLarge as s,BodyPrimary as c}from"../TypographyStyle.js";const a=({open:a,onModalClose:d,completedPercent:p,onLeftBtnClick:m,onRightBtnClick:h})=>e(l,{open:a,centralContainerStyles:{width:"498px",height:"324px",borderRadius:"12px"},onClose:d,closeOnOutsideClick:!0,zIndex:40,children:t("div",{style:{padding:"24px",display:"flex",flexDirection:"column"},children:[e("div",{style:{display:"flex",justifyContent:"center"},children:e(s,{children:"Wait for Sync to complete"})}),e("div",{style:{height:"24px"}}),t("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[t("div",{style:{display:"flex",flexDirection:"row",gap:"12px"},children:[e(i,{width:24,height:24}),e(c,{color:"#616161",children:"Syncing Shopify Store Data..."})]}),e(r,{completed:p,isAnimated:!1,height:16,color:o.background.positive.vibrant})]}),e("div",{style:{height:"24px"}}),e(c,{color:o.content.secondary,children:"You can start replying with AI after sync is complete. In the meanwhile, learn how to leverage AI for maximum efficiency"}),e("div",{style:{height:"32px"}}),t("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px"},children:[e(n,{buttonText:"Close",buttonType:"text",size:"small",onClick:m}),e(n,{buttonText:"Explore Bik.ai",size:"small",style:{backgroundColor:o.background.brand},onClick:h})]})]})});export{a as AiSyncProgress};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{COLORS as i}from"../../constants/Theme.js";import o from"../../assets/icons/sync.svg.js";import{Button as n}from"../button/Button.js";import{Modal as s}from"../modals/Modal.js";import{ProgressBarComponent as l}from"../progress-bar/ProgressBarComponent.js";import{TitleLarge as r,BodyPrimary as c}from"../TypographyStyle.js";const a=a=>{let{open:d,onModalClose:p,completedPercent:m,onLeftBtnClick:h,onRightBtnClick:g}=a;return e(s,Object.assign({open:d,centralContainerStyles:{width:"498px",height:"324px",borderRadius:"12px"},onClose:p,closeOnOutsideClick:!0,zIndex:40},{children:t("div",Object.assign({style:{padding:"24px",display:"flex",flexDirection:"column"}},{children:[e("div",Object.assign({style:{display:"flex",justifyContent:"center"}},{children:e(r,{children:"Wait for Sync to complete"})})),e("div",{style:{height:"24px"}}),t("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[t("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:"12px"}},{children:[e(o,{width:24,height:24}),e(c,Object.assign({color:"#616161"},{children:"Syncing Shopify Store Data..."}))]})),e(l,{completed:m,isAnimated:!1,height:16,color:i.background.positive.vibrant})]})),e("div",{style:{height:"24px"}}),e(c,Object.assign({color:i.content.secondary},{children:"You can start replying with AI after sync is complete. In the meanwhile, learn how to leverage AI for maximum efficiency"})),e("div",{style:{height:"32px"}}),t("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px"}},{children:[e(n,{buttonText:"Close",buttonType:"text",size:"small",onClick:h}),e(n,{buttonText:"Explore Bik.ai",size:"small",style:{backgroundColor:i.background.brand},onClick:g})]}))]}))}))};export{a as AiSyncProgress};

package/dist/esm/components/ai-modals/index.d.ts

@@ -0,0 +1,4 @@
+export * from './ActivateBikAI';
+export * from './AiSyncProgress';
+export * from './AiCreditsExhausted';
+export * from './AiCreditsLow';

package/dist/esm/components/alerts/Alert.d.ts

@@ -1,25 +1,21 @@
-import React__default from 'react';
-import { ALERT_TYPES, CONTENT_POSITION } from './AlertHelper.js';
-
-type AlertProps = {
-    type: ALERT_TYPES;
-    text: string | React__default.ReactNode;
-    icon?: React__default.FC<{
-        width: number;
-        height: number;
-        color: string;
-    }>;
-    textColor?: string;
-    contentPosition?: CONTENT_POSITION;
-    containerStyle?: React__default.CSSProperties;
-    redirectTo?: string;
-    redirectToText?: string;
-    iconStyle?: React__default.CSSProperties;
-    handleRedirectButtonClick?: () => void;
-    showCrossButton?: boolean;
-    handleCrossIconClick?: () => void;
-};
-declare const Alert: React__default.FC<AlertProps>;
-
-export { Alert };
-export type { AlertProps };
+import React from 'react';
+import { ALERT_TYPES, CONTENT_POSITION } from "./AlertHelper";
+export type AlertProps = {
+    type: ALERT_TYPES;
+    text: string | React.ReactNode;
+    icon?: React.FC<{
+        width: number;
+        height: number;
+        color: string;
+    }>;
+    textColor?: string;
+    contentPosition?: CONTENT_POSITION;
+    containerStyle?: React.CSSProperties;
+    redirectTo?: string;
+    redirectToText?: string;
+    iconStyle?: React.CSSProperties;
+    handleRedirectButtonClick?: () => void;
+    showCrossButton?: boolean;
+    handleCrossIconClick?: () => void;
+};
+export declare const Alert: React.FC<AlertProps>;

package/dist/esm/components/alerts/Alert.js

@@ -1 +1 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import o from"../../assets/icons/cross.svg.js";import{AlertStyle as r,AlertContentWrapper as i,CloseIconWrapper as n}from"./Alert.styled.js";import{COLOR_CONFIG_MAP as l}from"./AlertHelper.js";import{BodyCaption as c}from"../TypographyStyle.js";import{COLORS as s}from"../../constants/Theme.js";const d=d=>t(r,{type:d.type,contentPosition:d.contentPosition,style:d.containerStyle,children:[t(i,{children:[d.icon&&e("div",{style:{...d?.iconStyle,display:d?.iconStyle?.display||"flex",alignSelf:d?.iconStyle?.alignSelf||"flex-start"},children:e(d.icon,{color:l[d.type].textColor,height:16,width:16})}),e(c,{style:{color:d.textColor||l[d.type].textColor,marginLeft:8,marginRight:4},children:d.text}),d.redirectToText&&d.redirectTo&&e(c,{style:{color:s.text.brand,cursor:"pointer",textDecoration:"underline"},onClick:()=>{"INTERNAL"===d.redirectTo&&d.handleRedirectButtonClick?d.handleRedirectButtonClick():d.redirectTo&&window.open(d.redirectTo,"_blank")},children:d.redirectToText})]}),d.showCrossButton&&e(n,{children:e(o,{width:20,height:20,color:s.content.secondary,onClick:()=>{d?.handleCrossIconClick&&d.handleCrossIconClick()}})})]});export{d as Alert};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import o from"../../assets/icons/cross.svg.js";import{AlertStyle as i,AlertContentWrapper as r,CloseIconWrapper as n}from"./Alert.styled.js";import{COLOR_CONFIG_MAP as l}from"./AlertHelper.js";import{BodyCaption as c}from"../TypographyStyle.js";import{COLORS as s}from"../../constants/Theme.js";const d=d=>{var a,h;return t(i,Object.assign({type:d.type,contentPosition:d.contentPosition,style:d.containerStyle},{children:[t(r,{children:[d.icon&&e("div",Object.assign({style:Object.assign(Object.assign({},null==d?void 0:d.iconStyle),{display:(null===(a=null==d?void 0:d.iconStyle)||void 0===a?void 0:a.display)||"flex",alignSelf:(null===(h=null==d?void 0:d.iconStyle)||void 0===h?void 0:h.alignSelf)||"flex-start"})},{children:e(d.icon,{color:l[d.type].textColor,height:16,width:16})})),e(c,Object.assign({style:{color:d.textColor||l[d.type].textColor,marginLeft:8,marginRight:4}},{children:d.text})),d.redirectToText&&d.redirectTo&&e(c,Object.assign({style:{color:s.text.brand,cursor:"pointer",textDecoration:"underline"},onClick:()=>{"INTERNAL"===d.redirectTo&&d.handleRedirectButtonClick?d.handleRedirectButtonClick():d.redirectTo&&window.open(d.redirectTo,"_blank")}},{children:d.redirectToText}))]}),d.showCrossButton&&e(n,{children:e(o,{width:20,height:20,color:s.content.secondary,onClick:()=>{(null==d?void 0:d.handleCrossIconClick)&&d.handleCrossIconClick()}})})]}))};export{d as Alert};

package/dist/esm/components/alerts/Alert.styled.d.ts

@@ -0,0 +1,7 @@
+import { ALERT_TYPES, CONTENT_POSITION } from "./AlertHelper";
+export declare const AlertStyle: import("styled-components").StyledComponent<"div", any, {
+    type: ALERT_TYPES;
+    contentPosition?: CONTENT_POSITION | undefined;
+}, never>;
+export declare const AlertContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CloseIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/alerts/AlertHelper.d.ts

@@ -1,42 +1,40 @@
-declare enum ALERT_TYPES {
-    NEGATIVE = "Negative",
-    WARNING = "Warning",
-    POSITIVE = "Positive",
-    NEUTRAL = "Neutral",
-    BRAND = "Brand"
-}
-declare enum CONTENT_POSITION {
-    START = "start",
-    CENTER = "center",
-    END = "end",
-    SPACE_BETWEEN = "space-between"
-}
-declare const COLOR_CONFIG_MAP: {
-    Negative: {
-        backgroundColor: string;
-        textColor: string;
-        borderColor: string;
-    };
-    Warning: {
-        backgroundColor: string;
-        textColor: string;
-        borderColor: string;
-    };
-    Positive: {
-        backgroundColor: string;
-        textColor: string;
-        borderColor: string;
-    };
-    Neutral: {
-        backgroundColor: string;
-        textColor: string;
-        borderColor: string;
-    };
-    Brand: {
-        backgroundColor: string;
-        textColor: string;
-        borderColor: string;
-    };
-};
-
-export { ALERT_TYPES, COLOR_CONFIG_MAP, CONTENT_POSITION };
+export declare enum ALERT_TYPES {
+    NEGATIVE = "Negative",
+    WARNING = "Warning",
+    POSITIVE = "Positive",
+    NEUTRAL = "Neutral",
+    BRAND = "Brand"
+}
+export declare enum CONTENT_POSITION {
+    START = "start",
+    CENTER = "center",
+    END = "end",
+    SPACE_BETWEEN = "space-between"
+}
+export declare const COLOR_CONFIG_MAP: {
+    Negative: {
+        backgroundColor: string;
+        textColor: string;
+        borderColor: string;
+    };
+    Warning: {
+        backgroundColor: string;
+        textColor: string;
+        borderColor: string;
+    };
+    Positive: {
+        backgroundColor: string;
+        textColor: string;
+        borderColor: string;
+    };
+    Neutral: {
+        backgroundColor: string;
+        textColor: string;
+        borderColor: string;
+    };
+    Brand: {
+        backgroundColor: string;
+        textColor: string;
+        borderColor: string;
+    };
+};

package/dist/esm/components/alerts/AlertHelper.js

@@ -1 +1 @@
-import{COLORS as o}from"../../constants/Theme.js";var r=(o=>(o.NEGATIVE="Negative",o.WARNING="Warning",o.POSITIVE="Positive",o.NEUTRAL="Neutral",o.BRAND="Brand",o))(r||{}),t=(o=>(o.START="start",o.CENTER="center",o.END="end",o.SPACE_BETWEEN="space-between",o))(t||{});const e={Negative:{backgroundColor:o.background.negative.light,textColor:o.content.negative,borderColor:o.stroke.negative.lightAlt},Warning:{backgroundColor:o.background.warning.light,textColor:o.content.warning,borderColor:o.stroke.warning.lightAlt},Positive:{backgroundColor:o.background.positive.light,textColor:o.content.positive,borderColor:o.stroke.positive.lightAlt},Neutral:{backgroundColor:o.surface.subdued,textColor:o.content.secondary,borderColor:o.stroke.primary},Brand:{backgroundColor:o.background.brandLight,textColor:o.content.brand,borderColor:o.stroke.brandLightAlt}};export{r as ALERT_TYPES,e as COLOR_CONFIG_MAP,t as CONTENT_POSITION};
+import{COLORS as o}from"../../constants/Theme.js";var r,t;!function(o){o.NEGATIVE="Negative",o.WARNING="Warning",o.POSITIVE="Positive",o.NEUTRAL="Neutral",o.BRAND="Brand"}(r||(r={})),function(o){o.START="start",o.CENTER="center",o.END="end",o.SPACE_BETWEEN="space-between"}(t||(t={}));const e={[r.NEGATIVE]:{backgroundColor:o.background.negative.light,textColor:o.content.negative,borderColor:o.stroke.negative.lightAlt},[r.WARNING]:{backgroundColor:o.background.warning.light,textColor:o.content.warning,borderColor:o.stroke.warning.lightAlt},[r.POSITIVE]:{backgroundColor:o.background.positive.light,textColor:o.content.positive,borderColor:o.stroke.positive.lightAlt},[r.NEUTRAL]:{backgroundColor:o.surface.subdued,textColor:o.content.secondary,borderColor:o.stroke.primary},[r.BRAND]:{backgroundColor:o.background.brandLight,textColor:o.content.brand,borderColor:o.stroke.brandLightAlt}};export{r as ALERT_TYPES,e as COLOR_CONFIG_MAP,t as CONTENT_POSITION};

package/dist/esm/components/alerts/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Alert';
+export * from './AlertHelper';

package/dist/esm/components/analytics-card/AnalyticsCard.d.ts

@@ -1,14 +1,10 @@
-import React__default from 'react';
-
-type ModeType = 'light' | 'dark';
-declare const AnalyticsCard: React__default.FC<{
-    cardInfo: {
-        [category: string]: string;
-    };
-    width?: string;
-    mode?: ModeType;
-    isLoading?: boolean;
-}>;
-
-export { AnalyticsCard };
-export type { ModeType };
+import React from 'react';
+export type ModeType = 'light' | 'dark';
+export declare const AnalyticsCard: React.FC<{
+    cardInfo: {
+        [category: string]: string;
+    };
+    width?: string;
+    mode?: ModeType;
+    isLoading?: boolean;
+}>;

package/dist/esm/components/analytics-card/AnalyticsCard.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{BASE_COLORS as i,COLORS as r}from"../../constants/Theme.js";import{BikShimmer as o}from"../shimmer/ShimmerComponent/BikShimmer.js";import{TitleSmall as s,BodyCaption as h}from"../TypographyStyle.js";import{AnalyticsContainer as m,CardDataContainer as n}from"./AnalyticsCard.styled.js";const c=c=>{const{cardInfo:a,width:d,mode:l}=c;return e(m,{width:d,mode:l,count:Object.keys(a).length,children:c.isLoading?t("div",{className:"shimmers",children:[e(o,{isBrand:"light"!=c.mode,boxes:[{height:"18px",width:"120px"},{height:"18px",width:"120px"}]}),e(o,{isBrand:"light"!=c.mode,boxes:[{height:"18px",width:"120px"},{height:"18px",width:"120px"}]})]}):Object.keys(a).map((o=>{const m=a[o],d=o;return t(n,{className:"analytics__card",count:Object.keys(a).length,children:[e(s,{className:"statistic",color:"light"==c.mode?i.brand[900]:i.grayscale.white,children:m}),e(h,{className:"category",color:"light"==c.mode?i.brand[900]:r.content.secondaryInverse,children:d})]},d)}))})};export{c as AnalyticsCard};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{BASE_COLORS as s,COLORS as i}from"../../constants/Theme.js";import{BikShimmer as r}from"../shimmer/ShimmerComponent/BikShimmer.js";import{TitleSmall as o,BodyCaption as n}from"../TypographyStyle.js";import{AnalyticsContainer as c,CardDataContainer as a}from"./AnalyticsCard.styled.js";const h=h=>{const{cardInfo:m,width:d,mode:l}=h;return e(c,Object.assign({width:d,mode:l,count:Object.keys(m).length},{children:h.isLoading?t("div",Object.assign({className:"shimmers"},{children:[e(r,{isBrand:"light"!=h.mode,boxes:[{height:"18px",width:"120px"},{height:"18px",width:"120px"}]}),e(r,{isBrand:"light"!=h.mode,boxes:[{height:"18px",width:"120px"},{height:"18px",width:"120px"}]})]})):Object.keys(m).map((r=>{const c=m[r],d=r;return t(a,Object.assign({className:"analytics__card",count:Object.keys(m).length},{children:[e(o,Object.assign({className:"statistic",color:"light"==h.mode?s.brand[900]:s.grayscale.white},{children:c})),e(n,Object.assign({className:"category",color:"light"==h.mode?s.brand[900]:i.content.secondaryInverse},{children:d}))]}),d)}))}))};export{h as AnalyticsCard};

package/dist/esm/components/analytics-card/AnalyticsCard.styled.d.ts

@@ -1,21 +1,16 @@
-import * as _emotion_styled from '@emotion/styled';
-import * as React from 'react';
-import * as _emotion_react from '@emotion/react';
-import { ModeType } from './AnalyticsCard.js';
-
-declare const AnalyticsContainer: _emotion_styled.StyledComponent<{
-    theme?: _emotion_react.Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-} & {
-    width: string;
-    mode?: ModeType | undefined;
-    count?: number | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-declare const CardDataContainer: _emotion_styled.StyledComponent<{
-    theme?: _emotion_react.Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-} & {
-    count: number;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-
-export { AnalyticsContainer, CardDataContainer };
+/// <reference types="react" />
+import { ModeType } from './AnalyticsCard';
+export declare const AnalyticsContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    width: string;
+    mode?: ModeType | undefined;
+    count?: number | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CardDataContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    count: number;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;