@bikdotai/bik-component-library 0.0.742-beta-113 → 0.0.742-beta.12

package/dist/cjs/components/accordion/Accordion.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../TypographyStyle.js"),n=require("../button/Button.js"),o=require("../icon-button/IconButton.js"),i=require("./Accordion.style.js"),s=require("./AccordionArrow.js");exports.BikAccordion=c=>{var l,a,d,u;const[h,v]=r.useState(!1),g=r.useRef(null),p=r.useRef(null);r.useEffect(()=>{c.autoOpen&&x(c.autoOpen,{})},[c.autoOpen]),r.useEffect(()=>{void 0!==c.isOpen&&x(c.isOpen,{})},[c.isOpen]);const x=(e,r)=>{var t,n;p.current&&g.current&&("keydown"===r.type&&"Enter"!==r.key||(e!==h&&v(e),e?(p.current.style.maxHeight=(null!==(t=c.childrenMaxHeight)&&void 0!==t?t:p.current.scrollHeight)+"px",g.current.style.transform="rotate(180deg)",g.current.style.transition="transform 0.25s ease-in-out",p.current.style.transition="max-height 0.25s ease-in-out"):(p.current.style.maxHeight="",g.current.style.transform="rotate(0deg)",g.current.style.transition="transform 0.25s ease-in-out",p.current.style.transition="padding 0s"),null===(n=c.onToggleAccordion)||void 0===n||n.call(c,e)))};return r.useEffect(()=>{const e=new MutationObserver(()=>{h&&p.current&&(p.current.style.maxHeight=p.current.scrollHeight+"px")});return p.current&&e.observe(p.current,{childList:!0,subtree:!0}),()=>{e.disconnect()}},[h]),r.useEffect(()=>{var e;h&&(null==c?void 0:c.refresh)&&(null===(e=null==p?void 0:p.current)||void 0===e?void 0:e.scrollHeight)&&!c.childrenMaxHeight&&setTimeout(()=>{p.current.style.maxHeight=p.current.scrollHeight+"px"},100)},[h,null==c?void 0:c.refresh,null===(l=null==p?void 0:p.current)||void 0===l?void 0:l.scrollHeight]),e.jsxs(i.default,Object.assign({className:"accordion",isActive:h,width:null==c?void 0:c.width,contentMargin:null==c?void 0:c.contentMargin,headerPadding:c.headerPadding,skipHoverState:c.skipHoverHeader,showBorders:c.showBorders,borderColor:c.borderColor,backgroundColor:c.backgroundColor,openDirection:c.openDirection,borderRadius:c.borderRadius},{children:[e.jsxs("div",Object.assign({className:"accordion__overview "+(h?"active":""),style:null!==(a=null==c?void 0:c.containerStyle)&&void 0!==a?a:{},onClick:e=>x(!h,e),onKeyDown:e=>x(!h,e),role:"button",tabIndex:0},{children:[!c.rightActionComponent&&e.jsxs(e.Fragment,{children:[e.jsxs("div",Object.assign({className:"accordion__overview__header",style:null!==(d=c.headerStyles)&&void 0!==d?d:{}},{children:[e.jsxs(i.AccordionHeaderGroup,{children:["string"==typeof c.header?e.jsx(t.TitleRegular,{children:null==c?void 0:c.header}):c.header,c.buttonLinkText&&e.jsx(n.Button,{buttonText:c.buttonLinkText,buttonType:"text",darkMode:!0,onClick:c.onButtonLinkClick})]}),e.jsxs(i.AccordionHeaderGroup2,{children:[c.headerButtons&&e.jsx("div",Object.assign({className:"accordion__overview__header-buttons"},{children:null===(u=c.headerButtons)||void 0===u?void 0:u.map(r=>e.jsx(o.IconButton,{Icon:r.icon,onClick:e=>{e.stopPropagation(),r.onClick()},width:16,height:16,style:r.style,title:r.title},r.title))})),e.jsx(s.default,{arrowColor:c.arrowColor,isNewIcon:!0,ref:g})]})]})),(null==c?void 0:c.subHeader)?null==c?void 0:c.subHeader:null]}),c.rightActionComponent&&e.jsxs("div",Object.assign({className:"accordion__overview__header"},{children:[e.jsxs("div",Object.assign({className:"accordion__overview__title-wrapper"},{children:[e.jsx(s.default,{arrowColor:c.arrowColor,isNewIcon:!0,ref:g}),"string"==typeof c.header?e.jsx(t.TitleRegular,{children:null==c?void 0:c.header}):c.header]})),e.jsx("div",Object.assign({onClick:e=>e.stopPropagation(),onKeyDown:e=>{"Enter"===e.key&&e.stopPropagation()},role:"button",tabIndex:0},{children:c.rightActionComponent}))]})),(null==c?void 0:c.caption)&&e.jsx("div",Object.assign({className:"accordion__overview__caption"},{children:e.jsx(t.BodySecondary,{children:e.jsx("div",Object.assign({style:c.captionStyle},{children:c.caption}))})}))]})),e.jsx("div",Object.assign({ref:p,className:"accordion__content"},{children:c.children}))]}))};

package/dist/cjs/components/accordion/Accordion.style.d.ts

@@ -1,17 +0,0 @@
-import { AccordionProps } from './Accordion';
-declare const AccordionStyle: import("styled-components").StyledComponent<"div", any, {
-    isActive: boolean;
-    width?: string | undefined;
-    contentMargin?: string | undefined;
-    skipHoverState?: boolean | undefined;
-    headerPadding?: string | undefined;
-    showBorders?: boolean | undefined;
-    borderColor?: string | undefined;
-    borderRadius?: string | undefined;
-    backgroundColor?: string | undefined;
-    hasChildrenMaxHeight?: boolean | undefined;
-    openDirection?: AccordionProps['openDirection'];
-}, never>;
-export default AccordionStyle;
-export declare const AccordionHeaderGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const AccordionHeaderGroup2: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/accordion/Accordion.style.js

@@ -1,50 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=o(e);const i=d.default.div`
-	width: ${e=>(null==e?void 0:e.width)||"100%"};
-	display: flex;
-	flex-direction: column;
-	border: ${e=>e.showBorders?"1px solid "+r.COLORS.stroke.primary:""};
-	border-color: ${e=>e.borderColor||r.COLORS.stroke.primary};
-	border-radius: ${e=>e.borderRadius?e.borderRadius:e.showBorders?"4px":""};
-	background: ${e=>e.backgroundColor||"unset"};
-	.accordion {
-		&__overview {
-			display: flex;
-			flex-direction: column;
-			gap: 4px;
-			padding: ${e=>e.headerPadding?e.headerPadding:"24px"};
-			border-bottom: ${e=>e.showBorders&&e.isActive?"1px solid "+r.COLORS.stroke.primary:""};
-			border-color: ${e=>e.borderColor||r.COLORS.stroke.primary};
-			&__header {
-				display: flex;
-				flex-direction: row;
-				align-items: center;
-				justify-content: space-between;
-			}
-			&__header-buttons {
-				display: flex;
-				gap: 8px;
-			}
-			&__title-wrapper {
-				display: flex;
-				gap: 8px;
-			}
-			:hover {
-				background: ${e=>e.skipHoverState?null:r.COLORS.surface.subdued};
-				border-radius: ${e=>e.skipHoverState?null:"4px"};
-			}
-		}
-		&__content {
-			${e=>e.isActive?{margin:(null==e?void 0:e.contentMargin)||"0px"}:{}};
-			overflow: ${e=>e.hasChildrenMaxHeight?"scroll":"hidden"};
-			max-height: 0;
-			order: ${e=>"UP"===e.openDirection?-1:0};
-		}
-	}
-`,t=d.default.div`
-	display: flex;
-	align-items: center;
-	gap: 24px;
-`,a=d.default.div`
-	display: flex;
-	gap: 16px;
-`;exports.AccordionHeaderGroup=t,exports.AccordionHeaderGroup2=a,exports.default=i;

package/dist/cjs/components/accordion/AccordionArrow.d.ts

@@ -1,7 +0,0 @@
-import React, { HTMLAttributes } from 'react';
-interface BikAccordionArrowProps extends HTMLAttributes<HTMLDivElement> {
-    isNewIcon: boolean;
-    arrowColor?: string;
-}
-declare const BikAccordionArrow: React.ForwardRefExoticComponent<BikAccordionArrowProps & React.RefAttributes<HTMLDivElement>>;
-export default BikAccordionArrow;

package/dist/cjs/components/accordion/AccordionArrow.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const l=r(require("react")).default.forwardRef((r,l)=>{var t,i;return e.jsxs("div",Object.assign({ref:l,className:"d-flex align-items-center"},{children:[!r.isNewIcon&&e.jsx("svg",Object.assign({width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{d:"M7.7071 10.7071C7.07713 10.0771 7.5233 9 8.41421 9H15.5858C16.4767 9 16.9228 10.0771 16.2929 10.7071L12.7071 14.2929C12.3166 14.6834 11.6834 14.6834 11.2929 14.2929L7.7071 10.7071Z",fill:null!==(t=r.arrowColor)&&void 0!==t?t:"currentColor"})})),r.isNewIcon&&e.jsx("svg",Object.assign({width:"10",height:"6",viewBox:"0 0 10 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0.528758 0.52827C0.789108 0.26792 1.21122 0.26792 1.47157 0.52827L5.00016 4.05687L8.52876 0.52827C8.78911 0.26792 9.21122 0.26792 9.47157 0.52827C9.73192 0.788619 9.73192 1.21073 9.47157 1.47108L5.47157 5.47108C5.21122 5.73143 4.78911 5.73143 4.52876 5.47108L0.528758 1.47108C0.268409 1.21073 0.268409 0.788619 0.528758 0.52827Z",fill:null!==(i=r.arrowColor)&&void 0!==i?i:"currentColor"})}))]}))});l.displayName="BikAccordionArrow",exports.default=l;

package/dist/cjs/components/accordion/index.d.ts

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

package/dist/cjs/components/action-button/ActionButton.styled.d.ts

@@ -1,7 +0,0 @@
-export declare const ActionButtonContainer: import("styled-components").StyledComponent<"div", any, {
-    isSelected: boolean;
-    isError: boolean;
-    border: string;
-    isConfigured: boolean;
-    width?: string | undefined;
-}, never>;

package/dist/cjs/components/action-button/ActionButton.styled.js

@@ -1,23 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const t=o(e).default.div`
-	width: ${e=>{var r;return null!==(r=e.width)&&void 0!==r?r:"100%"}};
-	display: flex;
-	flex-direction: row;
-	justify-content: center;
-	align-items: center;
-	gap: 8px;
-	padding: 14px 0px;
-	box-shadow: ${e=>e.isConfigured||e.isSelected||e.isError?"0px 2px 8px 0px #0000001f":""};
-	background-color: white;
-	border-radius: 4px;
-	border: ${e=>{var o;return null!==(o=e.border)&&void 0!==o?o:`1px solid ${r.BASE_COLORS.grayscale[200]}`}};
-	cursor: pointer;
-	:hover {
-		background-color: ${e=>e.isSelected||e.isError?"":r.BASE_COLORS.grayscale[200]};
-		border: ${e=>e.isSelected||e.isError?"":e.isConfigured?`1px solid ${r.BASE_COLORS.grayscale[400]}`:`1px dashed ${r.BASE_COLORS.grayscale[400]}`};
-	}
-
-	.action__icon {
-		height: 20px;
-		width: 20px;
-	}
-`;exports.ActionButtonContainer=t;

package/dist/cjs/components/action-button/ActionButtons.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-export interface ActionButtonInterface {
-    state: 'CONFIGURED' | 'NOT-CONFIGURED';
-    buttonText: string;
-    isSelected: boolean;
-    isError: boolean;
-    onClick: () => void;
-    icon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-}
-export declare const ActionButtons: React.FC<ActionButtonInterface>;

package/dist/cjs/components/action-button/ActionButtons.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../constants/Theme.js"),o=require("../../assets/icons/similar.svg.js"),s=require("../TypographyStyle.js"),i=require("./ActionButton.styled.js");exports.ActionButtons=({state:t,buttonText:c,icon:l=o.default,isSelected:a,isError:d,onClick:n})=>{const{color:O,border:S}="CONFIGURED"===t?(({isSelected:e,isError:o})=>e&&o?{color:r.BASE_COLORS.negative[700],border:`1px solid ${r.BASE_COLORS.negative[700]}`}:e?{color:r.BASE_COLORS.brand[500],border:`1px solid ${r.BASE_COLORS.brand[500]}`}:o?{color:r.BASE_COLORS.grayscale[900],border:`1px solid ${r.BASE_COLORS.negative[700]}`}:{color:r.BASE_COLORS.grayscale[900],border:`1px solid ${r.BASE_COLORS.grayscale[200]}`})({isSelected:a,isError:d}):(({isSelected:e,isError:o})=>e&&o?{color:r.BASE_COLORS.negative[700],border:`1px solid ${r.BASE_COLORS.negative[700]}`}:e?{color:r.BASE_COLORS.brand[500],border:`1px solid ${r.BASE_COLORS.brand[500]}`}:o?{color:r.BASE_COLORS.grayscale[700],border:`1px solid ${r.BASE_COLORS.negative[700]}`}:{color:r.BASE_COLORS.grayscale[700],border:`1px dashed ${r.BASE_COLORS.grayscale[200]}`})({isSelected:a,isError:d}),E={height:20,width:20,color:O,style:{display:"block"},className:"icon"};return e.jsxs(i.ActionButtonContainer,Object.assign({isSelected:a,isError:d,border:S,isConfigured:"CONFIGURED"===t,onClick:n},{children:[e.jsx("div",Object.assign({className:"action__icon"},{children:e.jsx(l,Object.assign({},E))})),e.jsx(s.BodyPrimary,Object.assign({style:{fontWeight:600,color:O}},{children:c}))]}))};

package/dist/cjs/components/action-button/index.d.ts

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

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

@@ -1 +0,0 @@
-export declare const AddVariableStyled: import("styled-components").StyledComponent<"button", any, {}, never>;

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

@@ -1,25 +0,0 @@
-"use strict";function t(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}Object.defineProperty(exports,"__esModule",{value:!0});const e=t(require("styled-components")).default.button`
-	padding: 2px 8px;
-	position: absolute;
-	right: 0px;
-	cursor: pointer;
-	color: white;
-	background-color: black;
-	width: fit-content;
-	float: right;
-	margin-top: 0px;
-	font-family: Inter;
-	font-style: normal;
-	font-weight: 600;
-	font-size: 14px;
-	line-height: 20px;
-	border-radius: 4px;
-	border: 1px solid #ccc;
-	margin-right: 1px;
-	z-index: 100;
-
-	.add {
-		display: flex;
-		align-items: center;
-	}
-`;exports.AddVariableStyled=e;

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

@@ -1,58 +0,0 @@
-import React from 'react';
-export interface VariableListInterfaceV2 {
-    displayName: string;
-    description: string;
-    orderId: number;
-    variables?: any;
-}
-export interface Variable {
-    description?: string;
-    defaultValue?: string;
-    displayName: string;
-    actualValue: string;
-    variableType: string;
-    isAvailable: boolean;
-    actualValueEval?: string;
-    isSubHeader?: boolean;
-    variables?: {
-        [key: string]: Variable;
-    };
-    needsFetching?: boolean;
-}
-export interface AddVariableProps {
-    data: VariableListInterfaceV2[];
-    showVariable: any;
-    setShowVariable: any;
-    variableValue?: any;
-    setVariableValue?: any;
-    placeholder: string;
-    customTrigger?: any;
-    isSearchRequired?: boolean;
-    isModalState?: boolean;
-    leftPosition?: number;
-    topPosition?: string;
-    pickerSize?: string;
-    enableVariable?: boolean;
-    isEvaluationList?: boolean;
-    onSearchBlur?: (e: any) => void;
-    id?: string;
-    selectWithTypes?: boolean;
-    positionStrategy?: 'static' | 'fixed';
-    zindex?: number;
-    hasHeader?: boolean;
-    height?: string;
-    needsBorder?: boolean;
-    reRender?: string;
-    styledCloseBtn?: boolean;
-    width?: string;
-    readonly?: boolean;
-}
-type Props = AddVariableProps;
-export interface VariableBoxProps {
-    item: Variable;
-    raw?: string;
-    parentKey?: string;
-    readonly?: boolean;
-}
-export declare const AddVariableV2: React.FC<Props>;
-export {};

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

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

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

@@ -1,12 +0,0 @@
-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/cjs/components/add-variableV2/AddVariableV2.styled.js

@@ -1,164 +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: ${e=>e.positionStrategy?e.positionStrategy:"fixed"};
-	z-index: ${e=>e.zIndex?e.zIndex:250};
-	*::-webkit-scrollbar {
-		display: none;
-	}
-	* {
-		-ms-overflow-style: none;
-		scrollbar-width: none;
-	}
-	.popup {
-		background: white;
-		width: ${e=>e.width?e.width:e.isModalState?"566px":"480px"};
-		height: ${e=>e.isModalState?"100vh":e.height?e.height:"small"===e.pickerSize?"40vh":"90vh"};
-		border: ${e=>e.needsBorder?e.isModalState?"unset":"1px solid #e0e0e0":"none"};
-		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;
-				background-color: #fafafa;
-				border-bottom: 1px solid var(--stroke-color-stroke-primary, #e0e0e0);
-			}
-			.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,19 +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;
-    zIndex?: number;
-    onSearchBlur?: (e: any) => void;
-    id?: string;
-    selectWithTypes?: boolean;
-}
-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"),l=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(l.SideModalStyle,Object.assign({zIndex:a.zIndex},{children:e.jsx(l.SideModalContainer,{children:e.jsx(r.AddVariableV2,{data:a.data,showVariable:a.showVariable,setShowVariable:a.setShowVariable,variableValue:a.variableValue,setVariableValue:a.setVariableValue,placeholder:"Add a variable",customTrigger:a.customTrigger,isModalState:!0,onSearchBlur:a.onSearchBlur,selectWithTypes:a.selectWithTypes})})})),document.body);

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

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

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

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

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

@@ -1,9 +0,0 @@
-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/cjs/components/ai-modals/ActivateBikAI.js

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../constants/Theme.js"),s=require("../../assets/icons/sync.svg.js"),i=require("../button/Button.js"),n=require("../modals/Modal.js"),r=require("../progress-bar/ProgressBarComponent.js"),o=require("../TypographyStyle.js");exports.AiSyncProgress=({open:l,onModalClose:a,completedPercent:c,onLeftBtnClick:d,onRightBtnClick:x})=>e.jsx(n.Modal,Object.assign({open:l,centralContainerStyles:{width:"498px",height:"324px",borderRadius:"12px"},onClose:a,closeOnOutsideClick:!0,zIndex:40},{children:e.jsxs("div",Object.assign({style:{padding:"24px",display:"flex",flexDirection:"column"}},{children:[e.jsx("div",Object.assign({style:{display:"flex",justifyContent:"center"}},{children:e.jsx(o.TitleLarge,{children:"Wait for Sync to complete"})})),e.jsx("div",{style:{height:"24px"}}),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:"12px"}},{children:[e.jsx(s.default,{width:24,height:24}),e.jsx(o.BodyPrimary,Object.assign({color:"#616161"},{children:"Syncing Shopify Store Data..."}))]})),e.jsx(r.ProgressBarComponent,{completed:c,isAnimated:!1,height:16,color:t.COLORS.background.positive.vibrant})]})),e.jsx("div",{style:{height:"24px"}}),e.jsx(o.BodyPrimary,Object.assign({color:t.COLORS.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.jsx("div",{style:{height:"32px"}}),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px"}},{children:[e.jsx(i.Button,{buttonText:"Close",buttonType:"text",size:"small",onClick:d}),e.jsx(i.Button,{buttonText:"Explore Bik.ai",size:"small",style:{backgroundColor:t.COLORS.background.brand},onClick:x})]}))]}))}));

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

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

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

@@ -1,21 +0,0 @@
-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/cjs/components/alerts/Alert.js

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

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

@@ -1,9 +0,0 @@
-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, {
-    contentPosition?: CONTENT_POSITION | undefined;
-}, never>;
-export declare const CloseIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/alerts/Alert.styled.js

@@ -1,17 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("./AlertHelper.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(e);const n=o.default.div`
-	display: flex;
-	align-items: center;
-	justify-content: ${e=>e.contentPosition||t.CONTENT_POSITION.CENTER};
-	padding: 8px 16px;
-	background-color: ${e=>t.COLOR_CONFIG_MAP[e.type].backgroundColor};
-	border-radius: 4px;
-	border: 1px solid ${e=>t.COLOR_CONFIG_MAP[e.type].borderColor};
-`,l=o.default.div`
-	flex: 1;
-	display: flex;
-	justify-content: ${e=>e.contentPosition||t.CONTENT_POSITION.CENTER};
-`,i=o.default.div`
-	margin-left: 16px;
-	display: flex;
-	align-items: center;
-`;exports.AlertContentWrapper=l,exports.AlertStyle=n,exports.CloseIconWrapper=i;