@bikdotai/bik-component-library 0.0.270 → 0.0.271-0

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 s}from"react/jsx-runtime";import i from"../../assets/icons/back_icon.svg.js";import l from"../../assets/icons/chevronRightAlt.svg.js";import r from"../../assets/icons/cross.svg.js";import t from"../../assets/icons/plus.svg.js";import n from"../../assets/icons/undo.svg.js";import{useState as o,useEffect as c}from"react";import{AddVariableStyled as d}from"./AddVariableV2.styled.js";import{Button as b}from"../button/Button.js";import{IconButton as v}from"../icon-button/IconButton.js";import{SearchBar as m}from"../searchBar/searchBar.js";import{TitleSmall as p,BodyCaption as g}from"../TypographyStyle.js";const y=y=>{const{data:h}=y,[u,j]=o({}),[O,f]=o(),[V,N]=o(""),[_,k]=o(""),[C,w]=o(!0);c((()=>{const a={};h.forEach((e=>{a[e.payloadVariables.displayName]=[]})),f(a)}),[h]),c((()=>{if(_){y.data.filter((a=>Object.keys(a.payloadVariables.variables).filter((e=>{var s;return(null===(s=a.payloadVariables.variables[e].displayName)||void 0===s?void 0:s.toLowerCase().includes(_.toLowerCase()))||L(a.payloadVariables.variables[e])})).length>0)).length>0?w(!0):w(!1)}else w(!0)}),[_]);const S=(a,e)=>{const s=h.find((a=>a.payloadVariables.displayName===e));if(s){let i=s.payloadVariables;a.forEach(((a,e)=>{i=i.variables[a]})),j((a=>Object.assign(Object.assign({},a),{[e]:i})))}},L=a=>{let e=!1;if(a.isSubHeader&&a.variables){const s=Object.keys(a.variables);for(let i=0;i<s.length;i++){const l=s[i];if(a.variables&&a.variables[l].displayName.toLowerCase().includes(_.toLowerCase())){e=!0;break}}}return e},T=e=>a(b,{disabled:!1,size:"chip",LeadingIcon:e.item.isSubHeader?void 0:t,TrailingIcon:()=>e.item.isSubHeader?a("div",Object.assign({className:"icon-trailing",style:{display:"flex"}},{children:a(l,{})})):a(s,{}),buttonText:e.item.displayName}),x=(e,s)=>a("div",Object.assign({onClick:e.isSubHeader?()=>{const a=[...O[V],s];S(a,V),f((e=>Object.assign(Object.assign({},e),{[V]:a})))}:()=>{y.customTrigger?(y.customTrigger(e),y.setShowVariable(!1)):y.setVariableValue(e.actualValue)}},{children:a(T,{item:e})})),I=(a,e)=>{const s=[...O[a.payloadVariables.displayName],e];S(s,a.payloadVariables.displayName),f((e=>Object.assign(Object.assign({},e),{[a.payloadVariables.displayName]:s}))),N(a.payloadVariables.displayName)},B=(a,e)=>{y.customTrigger?(y.customTrigger(a.payloadVariables.variables[e]),y.setShowVariable(!1)):y.setVariableValue(a.payloadVariables.variables[e].actualValue)};return a(d,Object.assign({id:"varList",onClick:a=>{a.stopPropagation()},pickerSize:y.pickerSize||"large"},{children:y.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:()=>{y.setShowVariable(!1)},style:{display:"flex",alignItems:"center",justifyContent:"center"}},{children:a(v,{iconButtonType:"default",Icon:r})}))]})),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(p,{children:"No results found!"}),a(g,{children:`Sorry we could not find any results for "${_}"`})]})),V&&O[V].length>0&&e("div",Object.assign({className:"nav__bar",style:{marginTop:8}},{children:[e("div",Object.assign({className:"left__nav"},{children:[a(v,{Icon:i,style:{color:"#919191",display:"flex"},onClick:()=>{const a=O[V].slice(0,-1);S(a,V),f((e=>Object.assign(Object.assign({},e),{[V]:a}))),a.length||N("")}}),e("div",Object.assign({className:"block"},{children:[a(p,{children:u[V].displayName}),u[V].description&&a(g,{children:u[V].description})]}))]})),e("div",Object.assign({className:"right__nav"},{children:[a(v,{Icon:n,style:{display:"flex"},onClick:()=>{S([],V),f((a=>Object.assign(Object.assign({},a),{[V]:[]}))),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:[!V&&y.data.map((i=>{var l,r,t,n;let o=[];return _&&(o=Object.keys(i.payloadVariables.variables).filter((a=>{var e;return(null===(e=i.payloadVariables.variables[a].displayName)||void 0===e?void 0:e.toLowerCase().includes(_.toLowerCase()))||L(i.payloadVariables.variables[a])}))),e(s,{children:[_?o.length>0?e("div",Object.assign({className:"block"},{children:[a("div",Object.assign({className:"heading__font"},{children:null===(l=null==i?void 0:i.payloadVariables)||void 0===l?void 0:l.displayName})),a(g,Object.assign({style:{marginBottom:8,color:"#616161"}},{children:null===(r=null==i?void 0:i.payloadVariables)||void 0===r?void 0:r.description}))]})):a(s,{}):e("div",Object.assign({className:"block"},{children:[a("div",Object.assign({className:"heading__font"},{children:null===(t=null==i?void 0:i.payloadVariables)||void 0===t?void 0:t.displayName})),a(g,Object.assign({style:{marginBottom:8,color:"#616161"}},{children:null===(n=null==i?void 0:i.payloadVariables)||void 0===n?void 0:n.description}))]})),Object.keys(i.payloadVariables.variables).map((e=>{var l;return _?(null===(l=i.payloadVariables.variables[e].displayName)||void 0===l?void 0:l.toLowerCase().includes(_.toLowerCase()))||L(i.payloadVariables.variables[e])?a("div",Object.assign({onClick:i.payloadVariables.variables[e].isSubHeader?()=>I(i,e):()=>B(i,e)},{children:a(T,{item:i.payloadVariables.variables[e]})})):a(s,{}):a("div",Object.assign({onClick:i.payloadVariables.variables[e].isSubHeader?()=>I(i,e):()=>B(i,e)},{children:a(T,{item:i.payloadVariables.variables[e]})}))}))]})})),V&&a("div",Object.assign({className:"list__map"},{children:a("div",Object.assign({className:"items",style:{marginTop:16}},{children:Object.keys(u[V].variables).map(((e,i)=>{var l;return _?(null===(l=u[V].variables[e].displayName)||void 0===l?void 0:l.toLowerCase().includes(_.toLowerCase()))||L(u[V].variables[e])?x(u[V].variables[e],e):a(s,{}):x(u[V].variables[e],e)}))}))}))]}))}))})),a("div",{className:"bottom__padding"})]}))}))};export{y 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/index.d.ts

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