@bikdotai/bik-component-library 0.0.267-beta.2 → 0.0.268

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

@@ -1,6 +0,0 @@
-export declare const AddVariableStyled: import("styled-components").StyledComponent<"div", any, {
-    pickerSize: string;
-}, never>;
-export declare const VariableBoxStyled: import("styled-components").StyledComponent<"div", any, {
-    isAvailable?: boolean | undefined;
-}, never>;

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

@@ -1,161 +0,0 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var o=e(require("styled-components"));const t=o.default.div`
-	position: fixed;
-	z-index: 250;
-	*::-webkit-scrollbar {
-		display: none;
-	}
-	* {
-		-ms-overflow-style: none;
-		scrollbar-width: none;
-	}
-	.popup {
-		background: white;
-		width: 566px;
-		height: 100vh;
-		border-radius: 8px;
-		overflow-y: scroll;
-		.sticky__bar {
-			z-index: 10;
-			position: sticky;
-			top: 0;
-			background: white;
-
-			.header__bar {
-				display: flex;
-				justify-content: space-between;
-				align-items: center;
-				padding: 24px 24px 16px 24px;
-				border-bottom: 1px solid var(--stroke-color-stroke-primary, #e0e0e0);
-				.add__variable {
-					font-family: 'Inter';
-					font-style: normal;
-					font-weight: 600;
-					font-size: 20px;
-					line-height: 24px;
-
-					color: #212121;
-				}
-			}
-
-			.search__bar {
-				padding: 24px 24px 8px 24px;
-			}
-			.nav__bar {
-				display: flex;
-				justify-content: space-between;
-				align-items: center;
-				border-bottom: 1px solid var(--stroke-color-stroke-primary, #e0e0e0);
-				background: var(--surface-color-surface-hovered, #f0f0f0);
-				padding: 10px 24px;
-
-				font-family: Inter;
-				font-size: 14px;
-				font-style: normal;
-
-				line-height: 20px;
-
-				.left__nav {
-					display: flex;
-					align-items: center;
-					gap: 8px;
-					color: var(--content-color-content-primary, #212121);
-					cursor: pointer;
-				}
-				.right__nav {
-					display: flex;
-					align-items: center;
-					gap: 8px;
-					font-weight: 400;
-					color: var(--content-color-content-secondary, #616161);
-					cursor: pointer;
-				}
-			}
-		}
-		hr {
-			margin: 0;
-			border: 0.2px solid #e0e0e0;
-		}
-		.wrapper {
-			padding: 4px 24px 16px 24px;
-			.search__bar {
-				padding-bottom: 16px;
-				input {
-					width: 100%;
-					padding: 6px 8px;
-					border: 1px solid #e0e0e0;
-					border-radius: 4px;
-					background-image: url('https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F5bc8962e-af88-4692-80f1-631ac4a5c6c7?alt=media&token=7931b07d-cb55-43aa-be75-9ddac4b8ddad');
-					background-repeat: no-repeat;
-					background-position: 95% 50%;
-					background-size: 20px 20px;
-				}
-			}
-			.heading__font {
-				font-family: 'Inter';
-				font-style: normal;
-				font-weight: 600;
-				font-size: 16px;
-				line-height: 24px;
-				padding: 12px 0 0 0;
-				color: #212121;
-			}
-			.sub_heading__font {
-				font-family: 'Inter';
-				font-style: normal;
-				font-size: 12px;
-				line-height: 24px;
-				color: #212121;
-			}
-
-			.items {
-				display: flex;
-				flex-wrap: wrap;
-				grid-gap: 8px;
-				.block {
-					display: block;
-					min-width: 100%;
-					flex-wrap: nowrap;
-					width: 430px;
-				}
-			}
-		}
-		position: relative;
-
-		.bottom__padding {
-			background: white;
-			min-height: 30px;
-			width: 100%;
-			position: sticky;
-			z-index: 10;
-			bottom: 0px;
-		}
-	}
-`;o.default.div`
-	.box {
-		display: flex;
-		align-items: center;
-		cursor: pointer;
-		padding: 6px 12px 6px 8px;
-		gap: 8px;
-		width: auto;
-		height: 32px;
-
-		background: ${e=>(null==e?void 0:e.isAvailable)?"#f0f0f0":"#fafafa"};
-
-		border: 1px solid #e0e0e0;
-		border-radius: 4px;
-		.icon {
-			color: ${e=>(null==e?void 0:e.isAvailable)?"#212121":"#bdbdbd"};
-			display: flex;
-			align-items: center;
-		}
-		.variable__name {
-			font-family: 'Inter';
-			font-style: normal;
-			font-weight: 400;
-			font-size: 14px;
-			line-height: 20px;
-			color: ${e=>(null==e?void 0:e.isAvailable)?"#212121":"#bdbdbd"};
-		}
-	}
-`,exports.AddVariableStyled=t;

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

@@ -1,15 +0,0 @@
-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;
-}
-export declare const AddVariableV2SideModal: React.FC<VariableV2SideModalProps>;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react-dom"),r=require("./AddVariableV2.js"),d=require("../side-modal/SideModal.style.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=t(a);exports.AddVariableV2SideModal=a=>i.default.createPortal(e.jsx(d.SideModalStyle,{children:e.jsx(d.SideModalContainer,{children:e.jsx(r.default,{data:a.data,showVariable:a.showVariable,setShowVariable:a.setShowVariable,placeholder:"Add a variable",customTrigger:a.customTrigger})})}),document.body);

package/dist/cjs/components/add-variableV2/backIcon.d.ts

@@ -1,3 +0,0 @@
-import { Icon } from "./icon-props";
-declare const BackButton: Icon;
-export default BackButton;

package/dist/cjs/components/add-variableV2/backIcon.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=t=>{const{color:i,height:l,width:r}=t;return e.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:r||"16",height:l||"16",viewBox:"0 0 24 24",fill:"none"},{children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.7071 4.29289C13.0976 4.68342 13.0976 5.31658 12.7071 5.70711L7.41421 11H19C19.5523 11 20 11.4477 20 12C20 12.5523 19.5523 13 19 13H7.41421L12.7071 18.2929C13.0976 18.6834 13.0976 19.3166 12.7071 19.7071C12.3166 20.0976 11.6834 20.0976 11.2929 19.7071L4.29289 12.7071C3.90237 12.3166 3.90237 11.6834 4.29289 11.2929L11.2929 4.29289C11.6834 3.90237 12.3166 3.90237 12.7071 4.29289Z",fill:i||"#212121"})}))};

package/dist/cjs/components/add-variableV2/closeIcon.d.ts

@@ -1,3 +0,0 @@
-import { Icon } from "./icon-props";
-declare const CloseIcon: Icon;
-export default CloseIcon;

package/dist/cjs/components/add-variableV2/closeIcon.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=t=>{const{width:r,height:s}=t;return e.jsx(e.Fragment,{children:e.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:r||"24",height:s||"24",viewBox:"0 0 24 24",fill:"none"},{children:e.jsx("path",{d:"M18.7071 6.70711C19.0976 6.31658 19.0976 5.68342 18.7071 5.29289C18.3166 4.90237 17.6834 4.90237 17.2929 5.29289L12 10.5858L6.70711 5.29289C6.31658 4.90237 5.68342 4.90237 5.29289 5.29289C4.90237 5.68342 4.90237 6.31658 5.29289 6.70711L10.5858 12L5.29289 17.2929C4.90237 17.6834 4.90237 18.3166 5.29289 18.7071C5.68342 19.0976 6.31658 19.0976 6.70711 18.7071L12 13.4142L17.2929 18.7071C17.6834 19.0976 18.3166 19.0976 18.7071 18.7071C19.0976 18.3166 19.0976 17.6834 18.7071 17.2929L13.4142 12L18.7071 6.70711Z",fill:"#212121"})}))})};

package/dist/cjs/components/add-variableV2/icon-props.d.ts

@@ -1,7 +0,0 @@
-import React, { SVGProps } from 'react';
-export type Icon = React.FC<SVGProps<SVGSVGElement> & {
-    color?: string;
-    width?: string | number;
-    height?: string | number;
-    backgroundColor?: string;
-}>;

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

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

package/dist/cjs/components/add-variableV2/plusIcon.d.ts

@@ -1,3 +0,0 @@
-import { Icon } from "./icon-props";
-declare const PlusIcon: Icon;
-export default PlusIcon;

package/dist/cjs/components/add-variableV2/plusIcon.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=t=>{const{width:r,height:s,color:l}=t;return e.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",height:s||"20",width:r||"20",color:l||"#616161",className:"icon",style:{display:"block"}},{children:e.jsx("path",{fill:"currentColor",d:"M13 5a1 1 0 1 0-2 0v6H5a1 1 0 1 0 0 2h6v6a1 1 0 1 0 2 0v-6h6a1 1 0 1 0 0-2h-6V5Z"})}))};

package/dist/cjs/components/add-variableV2/rightFilled.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const RightFilled: () => JSX.Element;

package/dist/cjs/components/add-variableV2/rightFilled.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.RightFilled=()=>e.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},{children:e.jsx("g",Object.assign({id:"carat_right"},{children:e.jsx("path",{id:"shape",d:"M6 5.60941C6 5.01547 6.71809 4.71803 7.13807 5.138L9.5286 7.52853C9.78895 7.78888 9.78895 8.21099 9.5286 8.47134L7.13807 10.8619C6.7181 11.2818 6 10.9844 6 10.3905V5.60941Z",fill:"#212121"})}))}));

package/dist/cjs/components/add-variableV2/undoIcon.d.ts

@@ -1,3 +0,0 @@
-import { Icon } from "./icon-props";
-declare const Upload: Icon;
-export default Upload;

package/dist/cjs/components/add-variableV2/undoIcon.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=t=>{const{width:i,height:s}=t;return e.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:i||"20",height:s||"20",viewBox:"0 0 20 20",fill:"none"},{children:e.jsx("g",Object.assign({id:"arrow_undo"},{children:e.jsx("path",{id:"shape",fillRule:"evenodd",clipRule:"evenodd",d:"M6.42259 3.57757C6.74803 3.90301 6.74803 4.43065 6.42259 4.75609L5.34518 5.8335H12.5C15.2614 5.8335 17.5 8.07207 17.5 10.8335C17.5 13.5949 15.2614 15.8335 12.5 15.8335H6.66667C6.20643 15.8335 5.83333 15.4604 5.83333 15.0002C5.83333 14.5399 6.20643 14.1668 6.66667 14.1668H12.5C14.3409 14.1668 15.8333 12.6744 15.8333 10.8335C15.8333 8.99255 14.3409 7.50016 12.5 7.50016H5.34518L6.42259 8.57757C6.74803 8.90301 6.74803 9.43065 6.42259 9.75608C6.09715 10.0815 5.56951 10.0815 5.24408 9.75608L2.74408 7.25609C2.41864 6.93065 2.41864 6.40301 2.74408 6.07757L5.24408 3.57757C5.56951 3.25214 6.09715 3.25214 6.42259 3.57757Z",fill:"#616161"})}))}))};

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

@@ -1,41 +0,0 @@
-import React from 'react';
-export interface VariableListInterfaceV2 {
-    payloadVariables: PayloadVariables;
-}
-export interface PayloadVariables {
-    displayName: string;
-    description: string;
-    orderId: number;
-    variables?: any;
-}
-export interface Variable {
-    description?: string;
-    displayName: string;
-    actualValue: string;
-    variableType: string;
-    isAvailable: boolean;
-    isSubHeader?: boolean;
-    variables?: {
-        [key: string]: Variable;
-    };
-}
-export interface AddVariableProps {
-    data: VariableListInterfaceV2[];
-    showVariable: any;
-    setShowVariable: any;
-    variableValue?: any;
-    setVariableValue?: any;
-    placeholder: string;
-    customTrigger?: any;
-    isSearchRequired?: boolean;
-    leftPosition?: number;
-    pickerSize?: string;
-}
-type Props = AddVariableProps;
-export interface VariableBoxProps {
-    item: Variable;
-    raw?: string;
-    parentKey?: string;
-}
-declare const AddVariableV2: React.FC<Props>;
-export default AddVariableV2;

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

@@ -1 +0,0 @@
-import{jsx as a,jsxs as e,Fragment as i}from"react/jsx-runtime";import{useState as s,useEffect as l}from"react";import{AddVariableStyled as r}from"./AddVariableV2.styled.js";import t from"./backIcon.js";import o from"./closeIcon.js";import n from"./plusIcon.js";import{RightFilled as d}from"./rightFilled.js";import c from"./undoIcon.js";import{Button as b}from"../button/Button.js";import{IconButton as p}from"../icon-button/IconButton.js";import{SearchBar as m}from"../searchBar/searchBar.js";import{TitleSmall as v,BodyCaption as y}from"../TypographyStyle.js";const g=g=>{const{data:u}=g,[h,j]=s({}),[V,O]=s(),[f,N]=s(""),[_,k]=s(""),[C,w]=s(!0);l((()=>{const a={};u.forEach((e=>{a[e.payloadVariables.displayName]=[]})),O(a)}),[u]),l((()=>{if(_){g.data.filter((a=>Object.keys(a.payloadVariables.variables).filter((e=>{var i;return(null===(i=a.payloadVariables.variables[e].displayName)||void 0===i?void 0:i.toLowerCase().includes(_.toLowerCase()))||T(a.payloadVariables.variables[e])})).length>0)).length>0?w(!0):w(!1)}else w(!0)}),[_]);const S=(a,e)=>{const i=u.find((a=>a.payloadVariables.displayName===e));if(i){let s=i.payloadVariables;a.forEach(((a,e)=>{s=s.variables[a]})),j((a=>Object.assign(Object.assign({},a),{[e]:s})))}},T=a=>{let e=!1;if(a.isSubHeader&&a.variables){const i=Object.keys(a.variables);for(let s=0;s<i.length;s++){const l=i[s];if(a.variables&&a.variables[l].displayName.toLowerCase().includes(_.toLowerCase())){e=!0;break}}}return e},I=e=>a(b,{disabled:!1,size:"chip",LeadingIcon:e.item.isSubHeader?void 0:n,TrailingIcon:()=>e.item.isSubHeader?a("div",Object.assign({className:"icon-trailing",style:{display:"flex"}},{children:a(d,{})})):a(i,{}),buttonText:e.item.displayName}),L=(e,i)=>a("div",Object.assign({onClick:e.isSubHeader?()=>{const a=[...V[f],i];S(a,f),O((e=>Object.assign(Object.assign({},e),{[f]:a})))}:()=>{g.customTrigger?(g.customTrigger(e),g.setShowVariable(!1)):g.setVariableValue(e.actualValue)}},{children:a(I,{item:e})}));return a(r,Object.assign({id:"varList",onClick:a=>{a.stopPropagation()},pickerSize:g.pickerSize||"large"},{children:g.showVariable&&e("div",Object.assign({className:"popup"},{children:[e("div",Object.assign({className:"sticky__bar"},{children:[e("div",Object.assign({className:"header__bar"},{children:[a("div",Object.assign({className:"add__variable"},{children:"Add a new variable"})),a("div",Object.assign({onClick:()=>{g.setShowVariable(!1)},style:{display:"flex",alignItems:"center",justifyContent:"center"}},{children:a(p,{iconButtonType:"default",Icon:o})}))]})),a("div",Object.assign({className:"search__bar"},{children:a(m,{width:"100%",isEnabled:!0,onChange:a=>{k(a)},onEnter:()=>{},placeholder:"Search...",variant:"default"})})),!C&&e("div",Object.assign({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",marginTop:16}},{children:[a(v,{children:"No results found!"}),a(y,{children:`Sorry we could not find any results for "${_}"`})]})),f&&V[f].length>0&&e("div",Object.assign({className:"nav__bar",style:{marginTop:8}},{children:[e("div",Object.assign({className:"left__nav"},{children:[a(p,{Icon:t,style:{color:"#919191",display:"flex"},onClick:()=>{const a=V[f].slice(0,-1);S(a,f),O((e=>Object.assign(Object.assign({},e),{[f]:a}))),a.length||N("")}}),e("div",Object.assign({className:"block"},{children:[a(v,{children:h[f].displayName}),h[f].description&&a(y,{children:h[f].description})]}))]})),e("div",Object.assign({className:"right__nav"},{children:[a(p,{Icon:c,style:{display:"flex"},onClick:()=>{S([],f),O((a=>Object.assign(Object.assign({},a),{[f]:[]}))),N("")}}),a("div",{children:"First page"})]}))]}))]})),a("div",Object.assign({className:"wrapper"},{children:a("div",Object.assign({className:"list__map"},{children:e("div",Object.assign({className:"items"},{children:[!f&&g.data.map((s=>{var l,r,t,o;let n=[];return _&&(n=Object.keys(s.payloadVariables.variables).filter((a=>{var e;return(null===(e=s.payloadVariables.variables[a].displayName)||void 0===e?void 0:e.toLowerCase().includes(_.toLowerCase()))||T(s.payloadVariables.variables[a])}))),e(i,{children:[_?n.length>0?e("div",Object.assign({className:"block"},{children:[a("div",Object.assign({className:"heading__font"},{children:null===(l=null==s?void 0:s.payloadVariables)||void 0===l?void 0:l.displayName})),a(y,Object.assign({style:{marginBottom:8,color:"#616161"}},{children:null===(r=null==s?void 0:s.payloadVariables)||void 0===r?void 0:r.description}))]})):a(i,{}):e("div",Object.assign({className:"block"},{children:[a("div",Object.assign({className:"heading__font"},{children:null===(t=null==s?void 0:s.payloadVariables)||void 0===t?void 0:t.displayName})),a(y,Object.assign({style:{marginBottom:8,color:"#616161"}},{children:null===(o=null==s?void 0:s.payloadVariables)||void 0===o?void 0:o.description}))]})),Object.keys(s.payloadVariables.variables).map((e=>{var l;return _?(null===(l=s.payloadVariables.variables[e].displayName)||void 0===l?void 0:l.toLowerCase().includes(_.toLowerCase()))||T(s.payloadVariables.variables[e])?a("div",Object.assign({onClick:s.payloadVariables.variables[e].isSubHeader?()=>{const a=[...V[s.payloadVariables.displayName],e];S(a,s.payloadVariables.displayName),O((e=>Object.assign(Object.assign({},e),{[s.payloadVariables.displayName]:a}))),N(s.payloadVariables.displayName)}:()=>{g.customTrigger?(g.customTrigger(s.payloadVariables.variables[e]),g.setShowVariable(!1)):g.setVariableValue(s.payloadVariables.variables[e].actualValue)}},{children:a(I,{item:s.payloadVariables.variables[e]})})):a(i,{}):a("div",Object.assign({onClick:s.payloadVariables.variables[e].isSubHeader?()=>{const a=[...V[s.payloadVariables.displayName],e];S(a,s.payloadVariables.displayName),O((e=>Object.assign(Object.assign({},e),{[s.payloadVariables.displayName]:a}))),N(s.payloadVariables.displayName)}:()=>{g.customTrigger?(g.customTrigger(s.payloadVariables.variables[e]),g.setShowVariable(!1)):g.setVariableValue(s.payloadVariables.variables[e].actualValue)}},{children:a(I,{item:s.payloadVariables.variables[e]})}))}))]})})),f&&a("div",Object.assign({className:"list__map"},{children:a("div",Object.assign({className:"items",style:{marginTop:16}},{children:Object.keys(h[f].variables).map(((e,s)=>{var l;return _?(null===(l=h[f].variables[e].displayName)||void 0===l?void 0:l.toLowerCase().includes(_.toLowerCase()))||T(h[f].variables[e])?L(h[f].variables[e],e):a(i,{}):L(h[f].variables[e],e)}))}))}))]}))}))})),a("div",{className:"bottom__padding"})]}))}))};export{g as default};

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

@@ -1,6 +0,0 @@
-export declare const AddVariableStyled: import("styled-components").StyledComponent<"div", any, {
-    pickerSize: string;
-}, never>;
-export declare const VariableBoxStyled: import("styled-components").StyledComponent<"div", any, {
-    isAvailable?: boolean | undefined;
-}, never>;

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

@@ -1,161 +0,0 @@
-import e from"styled-components";const o=e.div`
-	position: fixed;
-	z-index: 250;
-	*::-webkit-scrollbar {
-		display: none;
-	}
-	* {
-		-ms-overflow-style: none;
-		scrollbar-width: none;
-	}
-	.popup {
-		background: white;
-		width: 566px;
-		height: 100vh;
-		border-radius: 8px;
-		overflow-y: scroll;
-		.sticky__bar {
-			z-index: 10;
-			position: sticky;
-			top: 0;
-			background: white;
-
-			.header__bar {
-				display: flex;
-				justify-content: space-between;
-				align-items: center;
-				padding: 24px 24px 16px 24px;
-				border-bottom: 1px solid var(--stroke-color-stroke-primary, #e0e0e0);
-				.add__variable {
-					font-family: 'Inter';
-					font-style: normal;
-					font-weight: 600;
-					font-size: 20px;
-					line-height: 24px;
-
-					color: #212121;
-				}
-			}
-
-			.search__bar {
-				padding: 24px 24px 8px 24px;
-			}
-			.nav__bar {
-				display: flex;
-				justify-content: space-between;
-				align-items: center;
-				border-bottom: 1px solid var(--stroke-color-stroke-primary, #e0e0e0);
-				background: var(--surface-color-surface-hovered, #f0f0f0);
-				padding: 10px 24px;
-
-				font-family: Inter;
-				font-size: 14px;
-				font-style: normal;
-
-				line-height: 20px;
-
-				.left__nav {
-					display: flex;
-					align-items: center;
-					gap: 8px;
-					color: var(--content-color-content-primary, #212121);
-					cursor: pointer;
-				}
-				.right__nav {
-					display: flex;
-					align-items: center;
-					gap: 8px;
-					font-weight: 400;
-					color: var(--content-color-content-secondary, #616161);
-					cursor: pointer;
-				}
-			}
-		}
-		hr {
-			margin: 0;
-			border: 0.2px solid #e0e0e0;
-		}
-		.wrapper {
-			padding: 4px 24px 16px 24px;
-			.search__bar {
-				padding-bottom: 16px;
-				input {
-					width: 100%;
-					padding: 6px 8px;
-					border: 1px solid #e0e0e0;
-					border-radius: 4px;
-					background-image: url('https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F5bc8962e-af88-4692-80f1-631ac4a5c6c7?alt=media&token=7931b07d-cb55-43aa-be75-9ddac4b8ddad');
-					background-repeat: no-repeat;
-					background-position: 95% 50%;
-					background-size: 20px 20px;
-				}
-			}
-			.heading__font {
-				font-family: 'Inter';
-				font-style: normal;
-				font-weight: 600;
-				font-size: 16px;
-				line-height: 24px;
-				padding: 12px 0 0 0;
-				color: #212121;
-			}
-			.sub_heading__font {
-				font-family: 'Inter';
-				font-style: normal;
-				font-size: 12px;
-				line-height: 24px;
-				color: #212121;
-			}
-
-			.items {
-				display: flex;
-				flex-wrap: wrap;
-				grid-gap: 8px;
-				.block {
-					display: block;
-					min-width: 100%;
-					flex-wrap: nowrap;
-					width: 430px;
-				}
-			}
-		}
-		position: relative;
-
-		.bottom__padding {
-			background: white;
-			min-height: 30px;
-			width: 100%;
-			position: sticky;
-			z-index: 10;
-			bottom: 0px;
-		}
-	}
-`;e.div`
-	.box {
-		display: flex;
-		align-items: center;
-		cursor: pointer;
-		padding: 6px 12px 6px 8px;
-		gap: 8px;
-		width: auto;
-		height: 32px;
-
-		background: ${e=>(null==e?void 0:e.isAvailable)?"#f0f0f0":"#fafafa"};
-
-		border: 1px solid #e0e0e0;
-		border-radius: 4px;
-		.icon {
-			color: ${e=>(null==e?void 0:e.isAvailable)?"#212121":"#bdbdbd"};
-			display: flex;
-			align-items: center;
-		}
-		.variable__name {
-			font-family: 'Inter';
-			font-style: normal;
-			font-weight: 400;
-			font-size: 14px;
-			line-height: 20px;
-			color: ${e=>(null==e?void 0:e.isAvailable)?"#212121":"#bdbdbd"};
-		}
-	}
-`;export{o as AddVariableStyled};

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

@@ -1,15 +0,0 @@
-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;
-}
-export declare const AddVariableV2SideModal: React.FC<VariableV2SideModalProps>;

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

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

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

@@ -1,3 +0,0 @@
-import { Icon } from "./icon-props";
-declare const BackButton: Icon;
-export default BackButton;

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

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";const t=t=>{const{color:i,height:l,width:o}=t;return e("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:o||"16",height:l||"16",viewBox:"0 0 24 24",fill:"none"},{children:e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.7071 4.29289C13.0976 4.68342 13.0976 5.31658 12.7071 5.70711L7.41421 11H19C19.5523 11 20 11.4477 20 12C20 12.5523 19.5523 13 19 13H7.41421L12.7071 18.2929C13.0976 18.6834 13.0976 19.3166 12.7071 19.7071C12.3166 20.0976 11.6834 20.0976 11.2929 19.7071L4.29289 12.7071C3.90237 12.3166 3.90237 11.6834 4.29289 11.2929L11.2929 4.29289C11.6834 3.90237 12.3166 3.90237 12.7071 4.29289Z",fill:i||"#212121"})}))};export{t as default};

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

@@ -1,3 +0,0 @@
-import { Icon } from "./icon-props";
-declare const CloseIcon: Icon;
-export default CloseIcon;

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

@@ -1 +0,0 @@
-import{jsx as t,Fragment as e}from"react/jsx-runtime";const i=i=>{const{width:h,height:n}=i;return t(e,{children:t("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:h||"24",height:n||"24",viewBox:"0 0 24 24",fill:"none"},{children:t("path",{d:"M18.7071 6.70711C19.0976 6.31658 19.0976 5.68342 18.7071 5.29289C18.3166 4.90237 17.6834 4.90237 17.2929 5.29289L12 10.5858L6.70711 5.29289C6.31658 4.90237 5.68342 4.90237 5.29289 5.29289C4.90237 5.68342 4.90237 6.31658 5.29289 6.70711L10.5858 12L5.29289 17.2929C4.90237 17.6834 4.90237 18.3166 5.29289 18.7071C5.68342 19.0976 6.31658 19.0976 6.70711 18.7071L12 13.4142L17.2929 18.7071C17.6834 19.0976 18.3166 19.0976 18.7071 18.7071C19.0976 18.3166 19.0976 17.6834 18.7071 17.2929L13.4142 12L18.7071 6.70711Z",fill:"#212121"})}))})};export{i as default};

package/dist/esm/components/add-variableV2/icon-props.d.ts

@@ -1,7 +0,0 @@
-import React, { SVGProps } from 'react';
-export type Icon = React.FC<SVGProps<SVGSVGElement> & {
-    color?: string;
-    width?: string | number;
-    height?: string | number;
-    backgroundColor?: string;
-}>;

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

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

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

@@ -1,3 +0,0 @@
-import { Icon } from "./icon-props";
-declare const PlusIcon: Icon;
-export default PlusIcon;

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

@@ -1 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";const o=o=>{const{width:e,height:l,color:r}=o;return t("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",height:l||"20",width:e||"20",color:r||"#616161",className:"icon",style:{display:"block"}},{children:t("path",{fill:"currentColor",d:"M13 5a1 1 0 1 0-2 0v6H5a1 1 0 1 0 0 2h6v6a1 1 0 1 0 2 0v-6h6a1 1 0 1 0 0-2h-6V5Z"})}))};export{o as default};

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

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const RightFilled: () => JSX.Element;

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

@@ -1 +0,0 @@
-import{jsx as i}from"react/jsx-runtime";const t=()=>i("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},{children:i("g",Object.assign({id:"carat_right"},{children:i("path",{id:"shape",d:"M6 5.60941C6 5.01547 6.71809 4.71803 7.13807 5.138L9.5286 7.52853C9.78895 7.78888 9.78895 8.21099 9.5286 8.47134L7.13807 10.8619C6.7181 11.2818 6 10.9844 6 10.3905V5.60941Z",fill:"#212121"})}))}));export{t as RightFilled};

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

@@ -1,3 +0,0 @@
-import { Icon } from "./icon-props";
-declare const Upload: Icon;
-export default Upload;

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

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";const i=i=>{const{width:t,height:n}=i;return e("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:t||"20",height:n||"20",viewBox:"0 0 20 20",fill:"none"},{children:e("g",Object.assign({id:"arrow_undo"},{children:e("path",{id:"shape",fillRule:"evenodd",clipRule:"evenodd",d:"M6.42259 3.57757C6.74803 3.90301 6.74803 4.43065 6.42259 4.75609L5.34518 5.8335H12.5C15.2614 5.8335 17.5 8.07207 17.5 10.8335C17.5 13.5949 15.2614 15.8335 12.5 15.8335H6.66667C6.20643 15.8335 5.83333 15.4604 5.83333 15.0002C5.83333 14.5399 6.20643 14.1668 6.66667 14.1668H12.5C14.3409 14.1668 15.8333 12.6744 15.8333 10.8335C15.8333 8.99255 14.3409 7.50016 12.5 7.50016H5.34518L6.42259 8.57757C6.74803 8.90301 6.74803 9.43065 6.42259 9.75608C6.09715 10.0815 5.56951 10.0815 5.24408 9.75608L2.74408 7.25609C2.41864 6.93065 2.41864 6.40301 2.74408 6.07757L5.24408 3.57757C5.56951 3.25214 6.09715 3.25214 6.42259 3.57757Z",fill:"#616161"})}))}))};export{i as default};