@bikdotai/bik-component-library 0.0.734 → 0.0.735-beta.1

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

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

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

@@ -1,12 +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>;
+export declare const AddVariableStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    pickerSize: string;
+    isModalState?: boolean;
+    zIndex?: number;
+    positionStrategy?: string;
+    height?: string;
+    needsBorder?: boolean;
+    width?: string;
+}>> & string;
+export declare const VariableBoxStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    isAvailable?: boolean;
+}>> & string;

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

@@ -1,19 +1,19 @@
-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>;
+import React from 'react';
+import { VariableListInterfaceV2 } from '@src/components/add-variableV2/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 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),a=require("react-dom"),r=require("./AddVariableV2.js"),t=require("../side-modal/SideModal.style.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=l(a);exports.AddVariableV2SideModal=a=>i.default.createPortal(e.jsxRuntimeExports.jsx(t.SideModalStyle,Object.assign({zIndex:a.zIndex},{children:e.jsxRuntimeExports.jsx(t.SideModalContainer,{children:e.jsxRuntimeExports.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);
+"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 d=t(a);exports.AddVariableV2SideModal=a=>d.default.createPortal(e.jsx(l.SideModalStyle,{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 +1,2 @@
-export * from './AddVariableV2SideModal';
-export * from './AddVariableV2';
+export * from './AddVariableV2SideModal';
+export * from './AddVariableV2';

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

@@ -1,6 +1,6 @@
-export type SelectedVariable = {
-    actualValue: string;
-    variableType: VARIABLE_TYPES;
-    needsFetching?: boolean;
-};
-export type VARIABLE_TYPES = 'number' | 'string' | 'integer' | 'boolean' | 'list' | 'any';
+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 +1,9 @@
-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;
-}>;
+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 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("../../constants/Theme.js"),s=require("../../assets/icons/graph.svg.js"),i=require("../../assets/icons/sparkle.svg.js"),r=require("../button/Button.js"),n=require("../modals/Modal.js"),o=require("../TypographyStyle.js");exports.ActivateBikAi=x=>{let{open:a,onModalClose:l,onRightBtnClick:c,onLeftBtnClick:d,source:j}=x;return e.jsxRuntimeExports.jsx(n.Modal,Object.assign({open:a,centralContainerStyles:{height:"430px",width:"464px",borderRadius:"12px"},zIndex:40,onClose:l,closeOnOutsideClick:!0},{children:e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.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.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(s.default,{width:100,height:90})}),e.jsxRuntimeExports.jsx("div",{children:"CHATBOT"===j?e.jsxRuntimeExports.jsx(o.TitleMedium,{children:"Unlock higher conversion and ease agent work with BIK.AI"}):e.jsxRuntimeExports.jsx(o.TitleMedium,{children:"Experience reduced Average Handling Time of your tickets with Bik.AI!"})})]})),e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",gap:"16px",padding:"24px"}},{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:"4px"}},{children:[e.jsxRuntimeExports.jsx(o.TitleLarge,{children:"Activate BIK AI"}),e.jsxRuntimeExports.jsx(i.default,{width:32,height:32})]})),"CHATBOT"===j?e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}},{children:[e.jsxRuntimeExports.jsx(o.BodyPrimary,Object.assign({color:"#888888"},{children:"Sync your Shopify Data to Bik.AI to supercharge it with"})),e.jsxRuntimeExports.jsx(o.BodyPrimary,Object.assign({color:"#888888"},{children:"your store’s data to start personalizing it to your"})),e.jsxRuntimeExports.jsx(o.BodyPrimary,Object.assign({color:"#888888"},{children:"customers!"}))]})):e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"}},{children:[e.jsxRuntimeExports.jsxs(o.BodyPrimary,Object.assign({color:"#888888"},{children:["Sync your Shopify Data to Bik.AI to supercharge it with"," "]})),e.jsxRuntimeExports.jsx(o.BodyPrimary,Object.assign({color:"#888888"},{children:"your store’s data to start responding to customer"})),e.jsxRuntimeExports.jsx(o.BodyPrimary,Object.assign({color:"#888888"},{children:"queries right away!"}))]}))]})),e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px",paddingBottom:"24px",paddingLeft:"24px",paddingRight:"24px"}},{children:[e.jsxRuntimeExports.jsx(r.Button,{buttonText:"Learn More",buttonType:"text",size:"large",onClick:d}),e.jsxRuntimeExports.jsx(r.Button,{buttonText:"Sync Shopify Data",size:"large",style:{backgroundColor:t.COLORS.background.brand},onClick:c})]}))]})}))};
+"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"),r=require("../../assets/icons/sparkle.svg.js"),n=require("../button/Button.js"),s=require("../modals/Modal.js"),o=require("../TypographyStyle.js");exports.ActivateBikAi=l=>{let{open:d,onModalClose:a,onRightBtnClick:c,onLeftBtnClick:x,source:u}=l;return e.jsx(s.Modal,{open:d,centralContainerStyles:{height:"430px",width:"464px",borderRadius:"12px"},zIndex:40,onClose:a,closeOnOutsideClick:!0,children:e.jsxs("div",{children:[e.jsxs("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.jsx("div",{children:e.jsx(i.default,{width:100,height:90})}),e.jsx("div",{children:"CHATBOT"===u?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",{style:{display:"flex",justifyContent:"center",alignItems:"center",flexDirection:"column",gap:"16px",padding:"24px"},children:[e.jsxs("div",{style:{display:"flex",flexDirection:"row",gap:"4px"},children:[e.jsx(o.TitleLarge,{children:"Activate BIK AI"}),e.jsx(r.default,{width:32,height:32})]}),"CHATBOT"===u?e.jsxs("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:[e.jsx(o.BodyPrimary,{color:"#888888",children:"Sync your Shopify Data to Bik.AI to supercharge it with"}),e.jsx(o.BodyPrimary,{color:"#888888",children:"your store’s data to start personalizing it to your"}),e.jsx(o.BodyPrimary,{color:"#888888",children:"customers!"})]}):e.jsxs("div",{style:{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center"},children:[e.jsxs(o.BodyPrimary,{color:"#888888",children:["Sync your Shopify Data to Bik.AI to supercharge it with"," "]}),e.jsx(o.BodyPrimary,{color:"#888888",children:"your store’s data to start responding to customer"}),e.jsx(o.BodyPrimary,{color:"#888888",children:"queries right away!"})]})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px",paddingBottom:"24px",paddingLeft:"24px",paddingRight:"24px"},children:[e.jsx(n.Button,{buttonText:"Learn More",buttonType:"text",size:"large",onClick:x}),e.jsx(n.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 +1,8 @@
-import React from 'react';
-export declare const AiCreditsExhausted: React.FC<{
-    open: boolean;
-    onModalClose: () => void;
-    body?: string;
-    onRightBtnClick: () => void;
-    onLeftBtnClick: () => void;
-}>;
+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 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),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=x=>{let{open:l,onModalClose:d,body:a,onRightBtnClick:c,onLeftBtnClick:j}=x;return e.jsxRuntimeExports.jsx(i.Modal,Object.assign({open:l,centralContainerStyles:{width:"498px",height:"312px",borderRadius:"12px"},onClose:d,closeOnOutsideClick:!0,zIndex:40},{children:e.jsxRuntimeExports.jsxs("div",Object.assign({style:{padding:"24px",display:"flex",flexDirection:"column"}},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({style:{display:"flex",justifyContent:"center"}},{children:e.jsxRuntimeExports.jsx(o.TitleLarge,{children:"Free AI Credits Exhausted"})})),e.jsxRuntimeExports.jsx("div",{style:{height:"24px"}}),e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"12px"}},{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"4px"}},{children:[e.jsxRuntimeExports.jsx(s.default,{color:t.COLORS.content.negative,width:20,height:20}),e.jsxRuntimeExports.jsx("div",{style:{width:"8px"}}),e.jsxRuntimeExports.jsx(o.TitleRegular,{children:"0/100"}),e.jsxRuntimeExports.jsx(o.BodySecondary,Object.assign({color:t.COLORS.content.secondary},{children:"Free Credits left"}))]})),e.jsxRuntimeExports.jsx(r.ProgressBarComponent,{completed:100,isAnimated:!1,height:16,color:t.COLORS.content.negative})]})),e.jsxRuntimeExports.jsx("div",{style:{height:"24px"}}),e.jsxRuntimeExports.jsx(o.BodyPrimary,Object.assign({color:t.COLORS.content.secondary},{children:a||"Contact support to add credits to generate replies using AI, and enjoy continued AI assistance!"})),e.jsxRuntimeExports.jsx("div",{style:{height:"44px"}}),e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"12px"}},{children:[e.jsxRuntimeExports.jsx(n.Button,{buttonText:"Learn More",buttonType:"text",size:"small",onClick:j}),e.jsxRuntimeExports.jsx(n.Button,{buttonText:"Contact Support",size:"small",style:{backgroundColor:t.COLORS.background.brand},onClick:c})]}))]}))}))};
+"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"),r=require("../modals/Modal.js"),i=require("../progress-bar/ProgressBarComponent.js"),o=require("../TypographyStyle.js");exports.AiCreditsExhausted=l=>{let{open:d,onModalClose:a,body:c,onRightBtnClick:x,onLeftBtnClick:p}=l;return e.jsx(r.Modal,{open:d,centralContainerStyles:{width:"498px",height:"312px",borderRadius:"12px"},onClose:a,closeOnOutsideClick:!0,zIndex:40,children:e.jsxs("div",{style:{padding:"24px",display:"flex",flexDirection:"column"},children:[e.jsx("div",{style:{display:"flex",justifyContent:"center"},children:e.jsx(o.TitleLarge,{children:"Free AI Credits Exhausted"})}),e.jsx("div",{style:{height:"24px"}}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[e.jsxs("div",{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,{color:t.COLORS.content.secondary,children:"Free Credits left"})]}),e.jsx(i.ProgressBarComponent,{completed:100,isAnimated:!1,height:16,color:t.COLORS.content.negative})]}),e.jsx("div",{style:{height:"24px"}}),e.jsx(o.BodyPrimary,{color:t.COLORS.content.secondary,children:c||"Contact support to add credits to generate replies using AI, and enjoy continued AI assistance!"}),e.jsx("div",{style:{height:"44px"}}),e.jsxs("div",{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:p}),e.jsx(n.Button,{buttonText:"Contact Support",size:"small",style:{backgroundColor:t.COLORS.background.brand},onClick:x})]})]})})};

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

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

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

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

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

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

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

@@ -1,21 +1,21 @@
-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>;
+import React from 'react';
+import { ALERT_TYPES, CONTENT_POSITION } from '@src/components/alerts/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 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("../../assets/icons/cross.svg.js"),o=require("./Alert.styled.js"),i=require("./AlertHelper.js"),n=require("../TypographyStyle.js"),r=require("../../constants/Theme.js");exports.Alert=s=>{var l,c;return e.jsxRuntimeExports.jsxs(o.AlertStyle,Object.assign({type:s.type,contentPosition:s.contentPosition,style:s.containerStyle},{children:[e.jsxRuntimeExports.jsxs(o.AlertContentWrapper,Object.assign({contentPosition:s.contentPosition},{children:[s.icon&&e.jsxRuntimeExports.jsx("div",Object.assign({style:Object.assign(Object.assign({},null==s?void 0:s.iconStyle),{display:(null===(l=null==s?void 0:s.iconStyle)||void 0===l?void 0:l.display)||"flex",alignSelf:(null===(c=null==s?void 0:s.iconStyle)||void 0===c?void 0:c.alignSelf)||"flex-start"})},{children:e.jsxRuntimeExports.jsx(s.icon,{color:i.COLOR_CONFIG_MAP[s.type].textColor,height:16,width:16})})),e.jsxRuntimeExports.jsx(n.BodyCaption,Object.assign({style:{color:s.textColor||i.COLOR_CONFIG_MAP[s.type].textColor,marginLeft:8,marginRight:4}},{children:s.text})),s.redirectToText&&s.redirectTo&&e.jsxRuntimeExports.jsx(n.BodyCaption,Object.assign({style:{color:r.COLORS.text.brand,cursor:"pointer",textDecoration:"underline"},onClick:()=>{"INTERNAL"===s.redirectTo&&s.handleRedirectButtonClick?s.handleRedirectButtonClick():s.redirectTo&&window.open(s.redirectTo,"_blank")}},{children:s.redirectToText}))]})),s.showCrossButton&&e.jsxRuntimeExports.jsx(o.CloseIconWrapper,{children:e.jsxRuntimeExports.jsx(t.default,{width:20,height:20,color:r.COLORS.content.secondary,onClick:()=>{(null==s?void 0:s.handleCrossIconClick)&&s.handleCrossIconClick()}})})]}))};
+"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"),r=require("./AlertHelper.js"),i=require("../TypographyStyle.js"),n=require("../../constants/Theme.js");exports.Alert=l=>{var s,c;return e.jsxs(o.AlertStyle,{type:l.type,contentPosition:l.contentPosition,style:l.containerStyle,children:[e.jsxs(o.AlertContentWrapper,{contentPosition:l.contentPosition,children:[l.icon&&e.jsx("div",{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:r.COLOR_CONFIG_MAP[l.type].textColor,height:16,width:16})}),e.jsx(i.BodyCaption,{style:{color:l.textColor||r.COLOR_CONFIG_MAP[l.type].textColor,marginLeft:8,marginRight:4},children:l.text}),l.redirectToText&&l.redirectTo&&e.jsx(i.BodyCaption,{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 +1,9 @@
-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>;
+import { ALERT_TYPES, CONTENT_POSITION } from '@src/components/alerts/AlertHelper';
+export declare const AlertStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    type: ALERT_TYPES;
+    contentPosition?: CONTENT_POSITION;
+}>> & string;
+export declare const AlertContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    contentPosition?: CONTENT_POSITION;
+}>> & string;
+export declare const CloseIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -1,40 +1,40 @@
-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;
-    };
-};
+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/cjs/components/alerts/index.d.ts

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

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

@@ -1,10 +1,10 @@
-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;
-}>;
+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;
+}>;