@bikdotai/bik-component-library 0.0.116 → 0.0.117

package/dist/cjs/components/bik-layout/SimpleSidebar.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+export interface Menu {
+    key: string | number;
+    displayName: string;
+}
+export type SidebarTheme = 'brand' | 'white';
+export interface SimpleSidebarProps {
+    menuList: Menu[];
+    activeMenu: Menu;
+    theme: SidebarTheme;
+    showAccessUpgradePanel?: boolean;
+    header?: string;
+    width?: number;
+    zIndex?: number;
+    left?: number;
+    onMouseLeaveOnMenu?: () => void;
+    onMenuClick: (menuSelected: Menu) => void;
+    onUpgrade?: () => void;
+}
+export declare const SimpleSidebar: React.FC<SimpleSidebarProps>;

package/dist/cjs/components/bik-layout/SimpleSidebar.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),i=require("../../constants/Theme.js"),a=require("../button/Button.js"),t=require("../TypographyStyle.js"),n=require("./SidebarStyles.js");exports.SimpleSidebar=l=>{const{menuList:r,activeMenu:d,theme:c,showAccessUpgradePanel:u=!1,header:o,width:m,zIndex:h,left:b,onMouseLeaveOnMenu:j,onMenuClick:p,onUpgrade:v}=l,[y,x]=s.useState(d);return e.jsx(n.SimpleSidebarContainer,Object.assign({width:m,zIndex:h,left:b,theme:c},{children:e.jsxs("div",Object.assign({id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:j},{children:[e.jsxs("div",{children:[e.jsx(t.BodySecondary,Object.assign({className:"sub-child-display-name"},{children:o})),null==r?void 0:r.map(((s,i)=>e.jsxs("div",Object.assign({className:"sub-child-menu  "+((null==y?void 0:y.key)==(null==s?void 0:s.key)?"sub-child-active-menu":""),onClick:()=>{x(s),p(s)},"aria-hidden":"true"},{children:[e.jsx("span",{className:(null==y?void 0:y.key)==(null==s?void 0:s.key)&&"brand"==c?"sub-child-active-text":""}),e.jsx(t.BodySecondary,Object.assign({className:"sub-child-text "+((null==y?void 0:y.key)==(null==s?void 0:s.key)&&"white"==c?"active-bold-weight":"")},{children:null==s?void 0:s.displayName}))]}),i)))]}),u&&e.jsxs("div",Object.assign({className:"lower-sticky-panel"},{children:[e.jsx(t.TitleSmall,Object.assign({className:"title-text",style:{color:i.COLORS.surface.standard}},{children:"Upgrade plan to access this feature."})),e.jsx(a.Button,{className:"upgrade-button",buttonText:"Upgrade plan",buttonType:"primary",size:"small",inverse:!0,onClick:()=>v?v():""})]}))]}),"_sub-menu")}))};

package/dist/cjs/components/bik-layout/index.d.ts

@@ -0,0 +1,7 @@
+export * from './BikHeader';
+export * from './BikLayout';
+export * from './BikProfile';
+export * from './SimpleSidebar';
+export * from './BikSidebar';
+export * from './FeatureModal';
+export * from './SidebarSkeleton';

package/dist/cjs/components/shimmer/ShimmerComponent/BikShimmer.d.ts

@@ -6,6 +6,7 @@ interface ShimmerBox {
 }
 interface OwnProps {
     boxes: ShimmerBox[];
+    isBrand?: boolean;
 }
 type Props = OwnProps;
 export declare const BikShimmer: FunctionComponent<Props>;

package/dist/cjs/components/shimmer/ShimmerComponent/BikShimmer.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("./ShimmerStyled.js");const i=i=>e.jsx(r.ShimmerStyled,{children:i.boxes.map(((r,i)=>e.jsx("div",{className:"shine",style:{width:r.width,height:r.height,marginTop:r.marginTop||"16px"}},i)))});exports.BikShimmer=i,exports.default=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("./ShimmerStyled.js");const r=r=>e.jsx(i.ShimmerStyled,Object.assign({isBrand:r.isBrand},{children:r.boxes.map(((i,r)=>e.jsx("div",{className:"shine",style:{width:i.width,height:i.height,marginTop:i.marginTop||"16px"}},r)))}));exports.BikShimmer=r,exports.default=r;

package/dist/cjs/components/shimmer/ShimmerComponent/ShimmerStyled.d.ts

@@ -2,4 +2,6 @@
 export declare const ShimmerStyled: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
+} & {
+    isBrand?: boolean | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/shimmer/ShimmerComponent/ShimmerStyled.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("@emotion/styled/base"),t=require("@emotion/react");function b(i){return i&&"object"==typeof i&&"default"in i?i:{default:i}}var e=b(i);const l=t.keyframes`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@emotion/styled/base"),e=require("@emotion/react");function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var l=i(t);const a=e.keyframes`
   0% {
     background-position: -468px 0;
   }
@@ -6,4 +6,4 @@
   100% {
     background-position: 468px 0;
   }
-`,a=e.default("div","production"===process.env.NODE_ENV?{target:"eh9q9i90"}:{target:"eh9q9i90",label:"ShimmerStyled"})("display:flex;flex-direction:column;.shine{border-radius:4px;background:#f6f7f8 linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #F0F0F0 100%) no-repeat;background-size:800px 304px;display:inline-block;position:relative;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-name:",l,";-webkit-animation-timing-function:linear;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNoaW1tZXJTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd3QyIsImZpbGUiOiJTaGltbWVyU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcclxuY29uc3Qga2V5ZnJhbWVzQW5pbWF0aW9uID0ga2V5ZnJhbWVzIGBcbiAgMCUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IC00NjhweCAwO1xuICB9XG5cbiAgMTAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogNDY4cHggMDtcbiAgfVxuYDtcclxuZXhwb3J0IGNvbnN0IFNoaW1tZXJTdHlsZWQgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblxuXHQuc2hpbmUge1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRiYWNrZ3JvdW5kOiAjZjZmN2Y4IGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgI2Y2ZjdmOCAwJSwgI2VkZWVmMSAyMCUsICNmNmY3ZjggNDAlLCAjRjBGMEYwIDEwMCUpIG5vLXJlcGVhdDtcblx0XHRiYWNrZ3JvdW5kLXNpemU6IDgwMHB4IDMwNHB4O1xuXHRcdGRpc3BsYXk6IGlubGluZS1ibG9jaztcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cblx0XHQtd2Via2l0LWFuaW1hdGlvbi1kdXJhdGlvbjogMXM7XG5cdFx0LXdlYmtpdC1hbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkcztcblx0XHQtd2Via2l0LWFuaW1hdGlvbi1pdGVyYXRpb24tY291bnQ6IGluZmluaXRlO1xuXHRcdC13ZWJraXQtYW5pbWF0aW9uLW5hbWU6ICR7a2V5ZnJhbWVzQW5pbWF0aW9ufTtcblx0XHQtd2Via2l0LWFuaW1hdGlvbi10aW1pbmctZnVuY3Rpb246IGxpbmVhcjtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U2hpbW1lclN0eWxlZC5qcy5tYXAiXX0= */"));exports.ShimmerStyled=a;
+`,b=l.default("div","production"===process.env.NODE_ENV?{target:"eh9q9i90"}:{target:"eh9q9i90",label:"ShimmerStyled"})("display:flex;flex-direction:column;.shine{border-radius:4px;background:",(t=>t.isBrand?"#4B1583 linear-gradient(to right, #28034E 0%, #edeef1 20%, #28034E 40%, #F0F0F0 100%) no-repeat":"#f6f7f8 linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #F0F0F0 100%) no-repeat"),";background-size:800px 304px;display:inline-block;position:relative;-webkit-animation-duration:1s;-webkit-animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;-webkit-animation-name:",a,";-webkit-animation-timing-function:linear;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNoaW1tZXJTdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd3QyIsImZpbGUiOiJTaGltbWVyU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5jb25zdCBrZXlmcmFtZXNBbmltYXRpb24gPSBrZXlmcmFtZXMgYFxuICAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogLTQ2OHB4IDA7XG4gIH1cblxuICAxMDAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiA0NjhweCAwO1xuICB9XG5gO1xyXG5leHBvcnQgY29uc3QgU2hpbW1lclN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG5cdC5zaGluZSB7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5pc0JyYW5kXHJcbiAgICA/ICcjNEIxNTgzIGxpbmVhci1ncmFkaWVudCh0byByaWdodCwgIzI4MDM0RSAwJSwgI2VkZWVmMSAyMCUsICMyODAzNEUgNDAlLCAjRjBGMEYwIDEwMCUpIG5vLXJlcGVhdCdcclxuICAgIDogJyNmNmY3ZjggbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAjZjZmN2Y4IDAlLCAjZWRlZWYxIDIwJSwgI2Y2ZjdmOCA0MCUsICNGMEYwRjAgMTAwJSkgbm8tcmVwZWF0J307XG5cdFx0YmFja2dyb3VuZC1zaXplOiA4MDBweCAzMDRweDtcblx0XHRkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXG5cdFx0LXdlYmtpdC1hbmltYXRpb24tZHVyYXRpb246IDFzO1xuXHRcdC13ZWJraXQtYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7XG5cdFx0LXdlYmtpdC1hbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiBpbmZpbml0ZTtcblx0XHQtd2Via2l0LWFuaW1hdGlvbi1uYW1lOiAke2tleWZyYW1lc0FuaW1hdGlvbn07XG5cdFx0LXdlYmtpdC1hbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVNoaW1tZXJTdHlsZWQuanMubWFwIl19 */"));exports.ShimmerStyled=b;

package/dist/cjs/index.d.ts

@@ -46,4 +46,5 @@ export * from './components/image-cropper';
 export * from './components/accordion';
 export * from './components/file-uploader';
 export * from './components/colourInput';
+export * from './components/bik-layout';
 export * from './components/searchBar';

package/dist/cjs/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./components/template-preview/constants/regexPatterns.js"),t=require("./utils/StringUtils.js"),r=require("./constants/Theme.js"),o=require("./components/checkBox/CheckBox.js"),n=require("./components/list-item/ListItem.js"),p=require("./components/pagination/Pagination.js"),i=require("./components/radioButton/RadioButton.js"),s=require("./components/toaster/Toaster.js"),a=require("./components/tooltips/Tooltip.js"),u=require("./components/spinner/Spinner.js"),l=require("./components/stepper/Stepper.js"),c=require("./components/tag/Tag.js"),m=require("./components/icon-button/IconButton.js"),d=require("./components/template-preview/TemplatePreview.js"),T=require("./components/template-preview/WhatsApp/WhatsAppLikePreview.js"),x=require("./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),A=require("./components/template-preview/helpers/SmsTemplateHelper.js"),P=require("./components/template-preview/helpers/WhatsAppFormatToHTML.js"),S=require("./components/template-preview/helpers/VariableEditorHelper.js"),O=require("./components/template-preview/models/TemplateMeta.js"),y=require("./components/template-context-mapper/TemplateContextMapper.js"),E=require("./components/template-context-mapper/utils/getDataFromTemplateComponent.js"),C=require("./components/template-context-mapper/utils/validateIsUrl.js"),B=require("./components/fab-menu/FABMenu.js"),j=require("./components/floating-action-button/FloatingActionButton.js"),g=require("./components/floating-action-button/FloatingActionButton.styles.js"),R=require("./components/image-compress/ImageCompress.js"),b=require("./components/TypographyStyle.js"),_=require("./components/button/Button.js"),I=require("./components/progress-bar/ProgressBarComponent.js"),q=require("./components/QueryBuilder/QueryBuilder.js"),h=require("./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),f=require("./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js"),w=require("./components/QueryBuilder/redux/queryBuilder.reducer.js"),M=require("./components/QueryBuilder/redux/queryBuilderCache.reducer.js"),N=require("./components/QueryBuilder/types/QueryBuilderOperator.type.js"),L=require("./components/modals/styledModal.js"),D=require("./components/dropdown/Dropdown.js"),v=require("./components/dropdown/DropdownPopover/index.js"),F=require("./components/dropdown/OpenedDropdown/components/OpennedDropdown.js"),k=require("./components/dropdown/MenuItem/MenuItem.js"),U=require("./components/analytics-card/AnalyticsCard.js"),H=require("./components/analytics-card/AnalyticsCard.styled.js"),W=require("./components/input/Input.js"),G=require("./components/analytics-chips-and-dropdowns/AnalyticsChip.js"),V=require("./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js"),Q=require("./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js"),Y=require("./components/avatar/Avatar.js"),K=require("./components/alerts/Alert.js"),Z=require("./components/alerts/AlertHelper.js"),X=require("./components/thumbnail/Thumbnail.js"),z=require("./components/curtain/Curtain.js"),J=require("./components/datePicker/DatePicker.js"),$=require("./components/switch/Switch.js"),ee=require("./components/plans/SubscriptionPlan.js"),te=require("./components/plans/SubscriptionPlanSelector.js"),re=require("./components/tabs/Tabs.js"),oe=require("./components/shimmer/ShimmerComponent/BikShimmer.js"),ne=require("./components/TablePagination/TablePagination.js"),pe=require("./components/TablePagination/TablePaginationCard.js"),ie=require("./components/states-modal/StateModalComponent.js"),se=require("./components/states-modal/DeleteConfirmationModal.js"),ae=require("./components/states/StateComponent.js"),ue=require("./components/WhatsAppTextEditor/WhatsAppTextEditor.js"),le=require("./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js"),ce=require("./helpers/BaseWhatsappContentLang.helper.js"),me=require("./components/card-selection-modal/CardSelectionModal.js"),de=require("./components/image-cropper/BikImageCropper.js"),Te=require("./components/image-cropper/BikImagePipeline/BikImagePipeline.js");require("react/jsx-runtime"),require("react"),require("./components/accordion/Accordion.style.js"),require("./components/accordion/AccordionArrow.js"),require("./components/curtain/CurtainHelper.js"),require("./components/file-uploader/FileUploaderStyle.js");var xe=require("./components/colourInput/ColourInput.js"),Ae=require("./components/searchBar/searchBar.js");exports.regexPatterns=e,exports.StringUtils=t.default,exports.BASE_COLORS=r.BASE_COLORS,exports.COLORS=r.COLORS,exports.DEFAULT_THEME=r.DEFAULT_THEME,exports.FONTS=r.FONTS,exports.CheckBox=o.CheckBox,exports.ListItem=n.ListItem,exports.Pagination=p.Pagination,exports.RadioButton=i.RadioButton,exports.Toaster=s.Toaster,exports.Tooltip=a.Tooltip,exports.Spinner=u.Spinner,exports.Stepper=l.Stepper,exports.Tag=c.Tag,exports.IconButton=m.IconButton,exports.TemplatePreview=d.TemplatePreview,exports.WhatsappLikePreview=T.WhatsappLikePreview,exports.WhatsappLikePreviewV2=x.WhatsappLikePreviewV2,exports.renderVariableUIForPreview=A.renderVariableUIForPreview,exports.WhatsAppFormatToHTML=P.WhatsAppFormatToHTML,exports.VariableEditorHelper=S.VariableEditorHelper,Object.defineProperty(exports,"ACTIONS_TYPES",{enumerable:!0,get:function(){return O.ACTIONS_TYPES}}),exports.CUSTOM_URL_NAME=O.CUSTOM_URL_NAME,Object.defineProperty(exports,"HEADER_TYPES",{enumerable:!0,get:function(){return O.HEADER_TYPES}}),Object.defineProperty(exports,"TEMPLATE_EDITOR",{enumerable:!0,get:function(){return O.TEMPLATE_EDITOR}}),Object.defineProperty(exports,"TEMPLATE_STATUS",{enumerable:!0,get:function(){return O.TEMPLATE_STATUS}}),exports.TemplateContextMapper=y.TemplateContextMapper,exports.getAllDataFromTemplateComponent=E.getAllDataFromTemplateComponent,exports.validateIsUrl=C.validateIsUrl,exports.FABMenu=B.FABMenu,exports.FloatingActionButton=j.FloatingActionButton,Object.defineProperty(exports,"DROP_POSITION",{enumerable:!0,get:function(){return g.DROP_POSITION}}),exports.DropdownToggleContainer=g.DropdownToggleContainer,Object.defineProperty(exports,"FAB_POSITION",{enumerable:!0,get:function(){return g.FAB_POSITION}}),exports.FloatingActionButtonContainer=g.FloatingActionButtonContainer,exports.FloatingActionButtonOuterContainer=g.FloatingActionButtonOuterContainer,Object.defineProperty(exports,"MENU_ALIGNMENT",{enumerable:!0,get:function(){return g.MENU_ALIGNMENT}}),exports.StyledDropdown=g.StyledDropdown,exports.TooltipStyled=g.TooltipStyled,exports.ImageService=R.ImageService,exports.BodyCaption=b.BodyCaption,exports.BodyLarge=b.BodyLarge,exports.BodyPrimary=b.BodyPrimary,exports.BodyPrimaryLink=b.BodyPrimaryLink,exports.BodyRegular=b.BodyRegular,exports.BodySecondary=b.BodySecondary,exports.BodySecondaryLink=b.BodySecondaryLink,exports.BodyTiny=b.BodyTiny,exports.ButtonLarge=b.ButtonLarge,exports.ButtonRegular=b.ButtonRegular,exports.Caption=b.Caption,exports.Display=b.Display,exports.SubHeading=b.SubHeading,exports.TitleLarge=b.TitleLarge,exports.TitleMedium=b.TitleMedium,exports.TitleRegular=b.TitleRegular,exports.TitleSmall=b.TitleSmall,exports.Button=_.Button,exports.ProgressBarComponent=I.ProgressBarComponent,exports.ProgressCompletedBar=I.ProgressCompletedBar,exports.QueryBuilder=q.QueryBuilder,exports.BaseQueryBuilderNode=h.BaseQueryBuilderNode,exports.PropertyNode=f.PropertyNode,exports.PropertyNodeHeadless=f.PropertyNodeHeadless,exports.queryBuilderSlice=w.queryBuilderSlice,exports.queryBuilderCacheSlice=M.queryBuilderCacheSlice,Object.defineProperty(exports,"AD_STRING_OPERATORS",{enumerable:!0,get:function(){return N.AD_STRING_OPERATORS}}),Object.defineProperty(exports,"ANY_AD_OPERATORS",{enumerable:!0,get:function(){return N.ANY_AD_OPERATORS}}),Object.defineProperty(exports,"ANY_IG_OPERATORS",{enumerable:!0,get:function(){return N.ANY_IG_OPERATORS}}),Object.defineProperty(exports,"BOOLEAN_OPERATORS",{enumerable:!0,get:function(){return N.BOOLEAN_OPERATORS}}),Object.defineProperty(exports,"DATE_OPERATORS",{enumerable:!0,get:function(){return N.DATE_OPERATORS}}),Object.defineProperty(exports,"EVENT_VALUES",{enumerable:!0,get:function(){return N.EVENT_VALUES}}),Object.defineProperty(exports,"FREQUENCY_OPERATORS",{enumerable:!0,get:function(){return N.FREQUENCY_OPERATORS}}),Object.defineProperty(exports,"ICE_BREAKER_OPERATORS",{enumerable:!0,get:function(){return N.ICE_BREAKER_OPERATORS}}),Object.defineProperty(exports,"IG_STRING_OPERATORS",{enumerable:!0,get:function(){return N.IG_STRING_OPERATORS}}),Object.defineProperty(exports,"INTEGER_OPERATORS",{enumerable:!0,get:function(){return N.INTEGER_OPERATORS}}),Object.defineProperty(exports,"REACTION_OPERATORS",{enumerable:!0,get:function(){return N.REACTION_OPERATORS}}),Object.defineProperty(exports,"SPECIFIC_IG_OPERATORS",{enumerable:!0,get:function(){return N.SPECIFIC_IG_OPERATORS}}),Object.defineProperty(exports,"STRING_OPERATORS",{enumerable:!0,get:function(){return N.STRING_OPERATORS}}),exports.StyledModal=L.StyledModal,exports.Dropdown=D.Dropdown,exports.DropdownPopover=v.DropdownPopover,exports.OpenedDropdown=F.OpenedDropdown,exports.MenuItemDropdown=k.MenuItemDropdown,exports.AnalyticsCard=U.AnalyticsCard,exports.AnalyticsContainer=H.AnalyticsContainer,exports.CardDataContainer=H.CardDataContainer,exports.Input=W.Input,exports.AnalyticsChip=G.AnalyticsChip,exports.AnalyticsDropdown=V.AnalyticsDropdown,exports.EachItem=V.EachItem,exports.AnalyticsMultiChip=Q.AnalyticsMultiChip,exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=Y.AVATAR_SIZE_VS_ICON_SIZE_MAP,exports.Avatar=Y.Avatar,exports.BACKGROUND_VS_TEXT_COLOR_MAP=Y.BACKGROUND_VS_TEXT_COLOR_MAP,exports.Alert=K.Alert,Object.defineProperty(exports,"ALERT_TYPES",{enumerable:!0,get:function(){return Z.ALERT_TYPES}}),exports.COLOR_CONFIG_MAP=Z.COLOR_CONFIG_MAP,Object.defineProperty(exports,"RATIO",{enumerable:!0,get:function(){return X.RATIO}}),exports.Thumbnail=X.Thumbnail,exports.Curtain=z.Curtain,exports.DatePicker=J.DatePicker,exports.Loader=$.Loader,exports.Switch=$.Switch,exports.SwitchContainer=$.SwitchContainer,exports.Thumb=$.Thumb,exports.SubscriptionPlan=ee.SubscriptionPlan,exports.SubscriptionPlanSelector=te.SubscriptionPlanSelector,exports.TabItemComponent=re.TabItemComponent,exports.Tabs=re.Tabs,exports.BikShimmer=oe.BikShimmer,exports.TablePagination=ne.TablePagination,exports.TablePaginationCard=pe.TablePaginationCard,exports.TablePaginationCardStyled=pe.TablePaginationCardStyled,exports.StateModalComponent=ie.StateModalComponent,exports.DeleteConfirmationModal=se.DeleteConfirmationModal,Object.defineProperty(exports,"ButtonActions",{enumerable:!0,get:function(){return ae.ButtonActions}}),Object.defineProperty(exports,"ButtonTypes",{enumerable:!0,get:function(){return ae.ButtonTypes}}),exports.StateComponent=ae.StateComponent,Object.defineProperty(exports,"StateInterface",{enumerable:!0,get:function(){return ae.StateInterface}}),exports.WhatsAppTextEditor=ue.WhatsAppTextEditor,Object.defineProperty(exports,"EditorActionTypes",{enumerable:!0,get:function(){return le.EditorActionTypes}}),exports.WhatsAppTextEditorHeader=le.WhatsAppTextEditorHeader,exports.BaseWhatsappContentLangHelper=ce.BaseWhatsappContentLangHelper,exports.CardSelectionModal=me.CardSelectionModal,exports.BikImageCropper=de.BikImageCropper,exports.BikImagePipeline=Te.BikImagePipeline,exports.ColourInput=xe.ColourInput,exports.SearchBar=Ae.SearchBar;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./components/template-preview/constants/regexPatterns.js"),t=require("./utils/StringUtils.js"),r=require("./constants/Theme.js"),o=require("./components/checkBox/CheckBox.js"),n=require("./components/list-item/ListItem.js"),p=require("./components/pagination/Pagination.js"),i=require("./components/radioButton/RadioButton.js"),s=require("./components/toaster/Toaster.js"),a=require("./components/tooltips/Tooltip.js"),u=require("./components/spinner/Spinner.js"),l=require("./components/stepper/Stepper.js"),c=require("./components/tag/Tag.js"),d=require("./components/icon-button/IconButton.js"),m=require("./components/template-preview/TemplatePreview.js"),x=require("./components/template-preview/WhatsApp/WhatsAppLikePreview.js"),T=require("./components/template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),S=require("./components/template-preview/helpers/SmsTemplateHelper.js"),A=require("./components/template-preview/helpers/WhatsAppFormatToHTML.js"),P=require("./components/template-preview/helpers/VariableEditorHelper.js"),y=require("./components/template-preview/models/TemplateMeta.js"),O=require("./components/template-context-mapper/TemplateContextMapper.js"),B=require("./components/template-context-mapper/utils/getDataFromTemplateComponent.js"),b=require("./components/template-context-mapper/utils/validateIsUrl.js"),j=require("./components/fab-menu/FABMenu.js"),E=require("./components/floating-action-button/FloatingActionButton.js"),C=require("./components/floating-action-button/FloatingActionButton.styles.js"),g=require("./components/image-compress/ImageCompress.js"),R=require("./components/TypographyStyle.js"),q=require("./components/button/Button.js"),_=require("./components/progress-bar/ProgressBarComponent.js"),I=require("./components/QueryBuilder/QueryBuilder.js"),h=require("./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),f=require("./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js"),M=require("./components/QueryBuilder/redux/queryBuilder.reducer.js"),L=require("./components/QueryBuilder/redux/queryBuilderCache.reducer.js"),w=require("./components/QueryBuilder/types/QueryBuilderOperator.type.js"),N=require("./components/modals/styledModal.js"),k=require("./components/dropdown/Dropdown.js"),D=require("./components/dropdown/DropdownPopover/index.js"),F=require("./components/dropdown/OpenedDropdown/components/OpennedDropdown.js"),v=require("./components/dropdown/MenuItem/MenuItem.js"),H=require("./components/analytics-card/AnalyticsCard.js"),U=require("./components/analytics-card/AnalyticsCard.styled.js"),W=require("./components/input/Input.js"),G=require("./components/analytics-chips-and-dropdowns/AnalyticsChip.js"),V=require("./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js"),Q=require("./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js"),Y=require("./components/avatar/Avatar.js"),K=require("./components/alerts/Alert.js"),Z=require("./components/alerts/AlertHelper.js"),X=require("./components/thumbnail/Thumbnail.js"),z=require("./components/curtain/Curtain.js"),J=require("./components/datePicker/DatePicker.js"),$=require("./components/switch/Switch.js"),ee=require("./components/plans/SubscriptionPlan.js"),te=require("./components/plans/SubscriptionPlanSelector.js"),re=require("./components/tabs/Tabs.js"),oe=require("./components/shimmer/ShimmerComponent/BikShimmer.js"),ne=require("./components/TablePagination/TablePagination.js"),pe=require("./components/TablePagination/TablePaginationCard.js"),ie=require("./components/states-modal/StateModalComponent.js"),se=require("./components/states-modal/DeleteConfirmationModal.js"),ae=require("./components/states/StateComponent.js"),ue=require("./components/WhatsAppTextEditor/WhatsAppTextEditor.js"),le=require("./components/WhatsAppTextEditor/WhatsAppTextEditorHeader.js"),ce=require("./helpers/BaseWhatsappContentLang.helper.js"),de=require("./components/card-selection-modal/CardSelectionModal.js"),me=require("./components/image-cropper/BikImageCropper.js"),xe=require("./components/image-cropper/BikImagePipeline/BikImagePipeline.js");require("react/jsx-runtime"),require("react"),require("./components/accordion/Accordion.style.js"),require("./components/accordion/AccordionArrow.js"),require("./components/curtain/CurtainHelper.js"),require("./components/file-uploader/FileUploaderStyle.js");var Te=require("./components/colourInput/ColourInput.js"),Se=require("./components/bik-layout/BikHeader.js"),Ae=require("./components/bik-layout/BikLayout.js"),Pe=require("./components/bik-layout/BikProfile.js"),ye=require("./components/bik-layout/SimpleSidebar.js"),Oe=require("./components/bik-layout/BikSidebar.js"),Be=require("./components/bik-layout/FeatureModal.js"),be=require("./components/bik-layout/SidebarSkeleton.js"),je=require("./components/searchBar/searchBar.js");exports.regexPatterns=e,exports.StringUtils=t.default,exports.BASE_COLORS=r.BASE_COLORS,exports.COLORS=r.COLORS,exports.DEFAULT_THEME=r.DEFAULT_THEME,exports.FONTS=r.FONTS,exports.CheckBox=o.CheckBox,exports.ListItem=n.ListItem,exports.Pagination=p.Pagination,exports.RadioButton=i.RadioButton,exports.Toaster=s.Toaster,exports.Tooltip=a.Tooltip,exports.Spinner=u.Spinner,exports.Stepper=l.Stepper,exports.Tag=c.Tag,exports.IconButton=d.IconButton,exports.TemplatePreview=m.TemplatePreview,exports.WhatsappLikePreview=x.WhatsappLikePreview,exports.WhatsappLikePreviewV2=T.WhatsappLikePreviewV2,exports.renderVariableUIForPreview=S.renderVariableUIForPreview,exports.WhatsAppFormatToHTML=A.WhatsAppFormatToHTML,exports.VariableEditorHelper=P.VariableEditorHelper,Object.defineProperty(exports,"ACTIONS_TYPES",{enumerable:!0,get:function(){return y.ACTIONS_TYPES}}),exports.CUSTOM_URL_NAME=y.CUSTOM_URL_NAME,Object.defineProperty(exports,"HEADER_TYPES",{enumerable:!0,get:function(){return y.HEADER_TYPES}}),Object.defineProperty(exports,"TEMPLATE_EDITOR",{enumerable:!0,get:function(){return y.TEMPLATE_EDITOR}}),Object.defineProperty(exports,"TEMPLATE_STATUS",{enumerable:!0,get:function(){return y.TEMPLATE_STATUS}}),exports.TemplateContextMapper=O.TemplateContextMapper,exports.getAllDataFromTemplateComponent=B.getAllDataFromTemplateComponent,exports.validateIsUrl=b.validateIsUrl,exports.FABMenu=j.FABMenu,exports.FloatingActionButton=E.FloatingActionButton,Object.defineProperty(exports,"DROP_POSITION",{enumerable:!0,get:function(){return C.DROP_POSITION}}),exports.DropdownToggleContainer=C.DropdownToggleContainer,Object.defineProperty(exports,"FAB_POSITION",{enumerable:!0,get:function(){return C.FAB_POSITION}}),exports.FloatingActionButtonContainer=C.FloatingActionButtonContainer,exports.FloatingActionButtonOuterContainer=C.FloatingActionButtonOuterContainer,Object.defineProperty(exports,"MENU_ALIGNMENT",{enumerable:!0,get:function(){return C.MENU_ALIGNMENT}}),exports.StyledDropdown=C.StyledDropdown,exports.TooltipStyled=C.TooltipStyled,exports.ImageService=g.ImageService,exports.BodyCaption=R.BodyCaption,exports.BodyLarge=R.BodyLarge,exports.BodyPrimary=R.BodyPrimary,exports.BodyPrimaryLink=R.BodyPrimaryLink,exports.BodyRegular=R.BodyRegular,exports.BodySecondary=R.BodySecondary,exports.BodySecondaryLink=R.BodySecondaryLink,exports.BodyTiny=R.BodyTiny,exports.ButtonLarge=R.ButtonLarge,exports.ButtonRegular=R.ButtonRegular,exports.Caption=R.Caption,exports.Display=R.Display,exports.SubHeading=R.SubHeading,exports.TitleLarge=R.TitleLarge,exports.TitleMedium=R.TitleMedium,exports.TitleRegular=R.TitleRegular,exports.TitleSmall=R.TitleSmall,exports.Button=q.Button,exports.ProgressBarComponent=_.ProgressBarComponent,exports.ProgressCompletedBar=_.ProgressCompletedBar,exports.QueryBuilder=I.QueryBuilder,exports.BaseQueryBuilderNode=h.BaseQueryBuilderNode,exports.PropertyNode=f.PropertyNode,exports.PropertyNodeHeadless=f.PropertyNodeHeadless,exports.queryBuilderSlice=M.queryBuilderSlice,exports.queryBuilderCacheSlice=L.queryBuilderCacheSlice,Object.defineProperty(exports,"AD_STRING_OPERATORS",{enumerable:!0,get:function(){return w.AD_STRING_OPERATORS}}),Object.defineProperty(exports,"ANY_AD_OPERATORS",{enumerable:!0,get:function(){return w.ANY_AD_OPERATORS}}),Object.defineProperty(exports,"ANY_IG_OPERATORS",{enumerable:!0,get:function(){return w.ANY_IG_OPERATORS}}),Object.defineProperty(exports,"BOOLEAN_OPERATORS",{enumerable:!0,get:function(){return w.BOOLEAN_OPERATORS}}),Object.defineProperty(exports,"DATE_OPERATORS",{enumerable:!0,get:function(){return w.DATE_OPERATORS}}),Object.defineProperty(exports,"EVENT_VALUES",{enumerable:!0,get:function(){return w.EVENT_VALUES}}),Object.defineProperty(exports,"FREQUENCY_OPERATORS",{enumerable:!0,get:function(){return w.FREQUENCY_OPERATORS}}),Object.defineProperty(exports,"ICE_BREAKER_OPERATORS",{enumerable:!0,get:function(){return w.ICE_BREAKER_OPERATORS}}),Object.defineProperty(exports,"IG_STRING_OPERATORS",{enumerable:!0,get:function(){return w.IG_STRING_OPERATORS}}),Object.defineProperty(exports,"INTEGER_OPERATORS",{enumerable:!0,get:function(){return w.INTEGER_OPERATORS}}),Object.defineProperty(exports,"REACTION_OPERATORS",{enumerable:!0,get:function(){return w.REACTION_OPERATORS}}),Object.defineProperty(exports,"SPECIFIC_IG_OPERATORS",{enumerable:!0,get:function(){return w.SPECIFIC_IG_OPERATORS}}),Object.defineProperty(exports,"STRING_OPERATORS",{enumerable:!0,get:function(){return w.STRING_OPERATORS}}),exports.StyledModal=N.StyledModal,exports.Dropdown=k.Dropdown,exports.DropdownPopover=D.DropdownPopover,exports.OpenedDropdown=F.OpenedDropdown,exports.MenuItemDropdown=v.MenuItemDropdown,exports.AnalyticsCard=H.AnalyticsCard,exports.AnalyticsContainer=U.AnalyticsContainer,exports.CardDataContainer=U.CardDataContainer,exports.Input=W.Input,exports.AnalyticsChip=G.AnalyticsChip,exports.AnalyticsDropdown=V.AnalyticsDropdown,exports.EachItem=V.EachItem,exports.AnalyticsMultiChip=Q.AnalyticsMultiChip,exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=Y.AVATAR_SIZE_VS_ICON_SIZE_MAP,exports.Avatar=Y.Avatar,exports.BACKGROUND_VS_TEXT_COLOR_MAP=Y.BACKGROUND_VS_TEXT_COLOR_MAP,exports.Alert=K.Alert,Object.defineProperty(exports,"ALERT_TYPES",{enumerable:!0,get:function(){return Z.ALERT_TYPES}}),exports.COLOR_CONFIG_MAP=Z.COLOR_CONFIG_MAP,Object.defineProperty(exports,"RATIO",{enumerable:!0,get:function(){return X.RATIO}}),exports.Thumbnail=X.Thumbnail,exports.Curtain=z.Curtain,exports.DatePicker=J.DatePicker,exports.Loader=$.Loader,exports.Switch=$.Switch,exports.SwitchContainer=$.SwitchContainer,exports.Thumb=$.Thumb,exports.SubscriptionPlan=ee.SubscriptionPlan,exports.SubscriptionPlanSelector=te.SubscriptionPlanSelector,exports.TabItemComponent=re.TabItemComponent,exports.Tabs=re.Tabs,exports.BikShimmer=oe.BikShimmer,exports.TablePagination=ne.TablePagination,exports.TablePaginationCard=pe.TablePaginationCard,exports.TablePaginationCardStyled=pe.TablePaginationCardStyled,exports.StateModalComponent=ie.StateModalComponent,exports.DeleteConfirmationModal=se.DeleteConfirmationModal,Object.defineProperty(exports,"ButtonActions",{enumerable:!0,get:function(){return ae.ButtonActions}}),Object.defineProperty(exports,"ButtonTypes",{enumerable:!0,get:function(){return ae.ButtonTypes}}),exports.StateComponent=ae.StateComponent,Object.defineProperty(exports,"StateInterface",{enumerable:!0,get:function(){return ae.StateInterface}}),exports.WhatsAppTextEditor=ue.WhatsAppTextEditor,Object.defineProperty(exports,"EditorActionTypes",{enumerable:!0,get:function(){return le.EditorActionTypes}}),exports.WhatsAppTextEditorHeader=le.WhatsAppTextEditorHeader,exports.BaseWhatsappContentLangHelper=ce.BaseWhatsappContentLangHelper,exports.CardSelectionModal=de.CardSelectionModal,exports.BikImageCropper=me.BikImageCropper,exports.BikImagePipeline=xe.BikImagePipeline,exports.ColourInput=Te.ColourInput,exports.BikHeader=Se.BikHeader,exports.BikLayout=Ae.BikLayout,exports.BikProfile=Pe.BikProfile,exports.SimpleSidebar=ye.SimpleSidebar,exports.BikSidebar=Oe.BikSidebar,exports.FeatureModal=Be.FeatureModal,exports.SidebarSkeleton=be.SidebarSkeleton,exports.SearchBar=je.SearchBar;

package/dist/esm/assets/icons/Bik_logo.svg.js

@@ -0,0 +1 @@
+import*as a from"react";var c;function t(){return t=Object.assign?Object.assign.bind():function(a){for(var c=1;c<arguments.length;c++){var t=arguments[c];for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&(a[e]=t[e])}return a},t.apply(this,arguments)}var e=e=>a.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 58 20"},e),c||(c=a.createElement("path",{fill:"#FEC02D",d:"M1.13 20a.76.76 0 0 1-.514-.2.742.742 0 0 1-.229-.543V.743c0-.21.076-.381.229-.514A.71.71 0 0 1 1.13 0h9.114c1.733 0 3.152.229 4.257.686 1.105.457 1.924 1.114 2.457 1.971.534.857.8 1.914.8 3.172 0 .647-.133 1.228-.4 1.742a4.455 4.455 0 0 1-.914 1.258c-.362.323-.705.561-1.028.714.742.324 1.39.876 1.942 1.657.553.762.829 1.638.829 2.629 0 1.333-.305 2.457-.914 3.371-.59.914-1.457 1.61-2.6 2.086-1.124.476-2.505.714-4.143.714h-9.4Zm5.4-4.314h3.343c.647 0 1.123-.19 1.428-.572.305-.4.457-.838.457-1.314 0-.495-.161-.924-.485-1.286-.324-.38-.79-.571-1.4-.571H6.53v3.743Zm0-7.943h3.057c.61 0 1.057-.172 1.343-.514.286-.343.428-.743.428-1.2 0-.458-.143-.858-.428-1.2-.286-.343-.733-.515-1.343-.515H6.53v3.429ZM22.237 20a.761.761 0 0 1-.514-.2.742.742 0 0 1-.229-.543V.743c0-.21.076-.381.229-.514A.71.71 0 0 1 22.237 0h4.857c.21 0 .381.076.514.229a.652.652 0 0 1 .229.514v18.514c0 .21-.076.39-.229.543a.696.696 0 0 1-.514.2h-4.857ZM32.686 20a.761.761 0 0 1-.515-.2.742.742 0 0 1-.228-.543V.743c0-.21.076-.381.228-.514A.71.71 0 0 1 32.686 0h4.542c.21 0 .381.076.515.229a.652.652 0 0 1 .228.514v6L42.23.6a1.98 1.98 0 0 1 .4-.4c.17-.133.409-.2.714-.2h5.228c.172 0 .315.067.429.2.133.114.2.257.2.429a.492.492 0 0 1-.114.314l-6 8.628 6.514 9.486a.425.425 0 0 1 .114.314.63.63 0 0 1-.2.458.582.582 0 0 1-.428.171h-5.4c-.362 0-.639-.086-.829-.257-.171-.172-.276-.295-.314-.372l-4.572-6.628v6.514c0 .21-.076.39-.228.543a.696.696 0 0 1-.515.2h-4.542ZM52.556 20a.797.797 0 0 1-.543-.2.797.797 0 0 1-.2-.543v-4.286c0-.21.066-.39.2-.542a.741.741 0 0 1 .543-.229h4.285c.21 0 .39.076.543.229a.742.742 0 0 1 .229.542v4.286c0 .21-.076.39-.229.543a.798.798 0 0 1-.543.2h-4.285Z"})));export{e as default};

package/dist/esm/assets/icons/log_out.svg.js

@@ -0,0 +1 @@
+import*as a from"react";var r,t;function e(){return e=Object.assign?Object.assign.bind():function(a){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&(a[e]=t[e])}return a},e.apply(this,arguments)}var l=l=>a.createElement("svg",e({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 20 20"},l),r||(r=a.createElement("path",{fill:"currentColor",d:"M3.577 3.577a.833.833 0 0 1 .59-.244H7.5a.833.833 0 1 0 0-1.666H4.167a2.5 2.5 0 0 0-2.5 2.5v11.666a2.5 2.5 0 0 0 2.5 2.5H7.5a.833.833 0 1 0 0-1.666H4.167a.833.833 0 0 1-.834-.834V4.167c0-.221.088-.433.244-.59Z"})),t||(t=a.createElement("path",{fill:"currentColor",d:"M13.923 5.244a.833.833 0 1 0-1.179 1.179l2.744 2.744H7.5a.833.833 0 1 0 0 1.666h7.988l-2.744 2.744a.833.833 0 1 0 1.179 1.179l4.166-4.167a.833.833 0 0 0 0-1.178l-4.166-4.167Z"})));export{l as default};

package/dist/esm/components/bik-layout/BikHeader.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface HeaderProps {
+    header: string;
+    subHeader?: string;
+    hideBackButton?: boolean;
+    rightActionButton?: JSX.Element;
+    onClickingBackButton?: () => void;
+}
+export declare const BikHeader: React.FC<HeaderProps>;

package/dist/esm/components/bik-layout/BikHeader.js

@@ -0,0 +1 @@
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import t from"../../assets/icons/arrow_left.svg.js";import{BodyCaption as i,TitleMedium as n,TitleRegular as s}from"../TypographyStyle.js";import{BikHeaderContainer as o}from"./CommonStyles.js";const c=c=>{const{header:a,subHeader:l,hideBackButton:d=!0,rightActionButton:h,onClickingBackButton:m}=c;return r(o,{children:[r("div",Object.assign({className:"row--flex left-container"},{children:[!d&&e(t,{className:"cursor",height:24,width:24,onClick:m}),r("div",{children:[l?e(i,Object.assign({className:"brand"},{children:a})):e(n,{children:a}),e(s,{children:l})]})]})),e("div",Object.assign({className:"row--flex right-container"},{children:h}))]})};export{c as BikHeader};

package/dist/esm/components/bik-layout/BikLayout.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export interface BikLayoutProps {
+    isLoading: boolean;
+    isFeatureModalEnabled?: boolean;
+    isDisabled?: boolean;
+    hidePadding?: boolean;
+    loadingAnimation?: JSX.Element;
+    height?: string;
+    children?: React.ReactNode;
+    containerStyles?: React.CSSProperties;
+    onClickingCrossOnFeatureModal?: () => void;
+    extraContentForModal?: JSX.Element;
+}
+export declare const BikLayout: React.FC<BikLayoutProps>;

package/dist/esm/components/bik-layout/BikLayout.js

@@ -0,0 +1 @@
+import{jsx as e,Fragment as r,jsxs as i}from"react/jsx-runtime";import{BikLayoutContainer as n}from"./CommonStyles.js";import{FeatureModal as o}from"./FeatureModal.js";import{PageLoader as a}from"./PageLoader.js";const t=t=>{const{isLoading:s,isFeatureModalEnabled:d=!1,isDisabled:l=!1,loadingAnimation:c,hidePadding:m=!1,height:p,children:h,containerStyles:g,onClickingCrossOnFeatureModal:C,extraContentForModal:j}=t;return s?e(n,{children:c||e(a,{})}):e(r,{children:i(n,{children:[e("div",{className:""+(l?"disabled--wrapper":"")}),e("div",Object.assign({className:""+(m?"inner-wrapper":"inner-wrapper pd-24"),style:Object.assign({height:`${p||""}`},null!=g?g:{})},{children:h})),d&&e(o,{onClickingCross:()=>C?C():"",otherContent:j})]})})};export{t as BikLayout};

package/dist/esm/components/bik-layout/BikProfile.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface BikProfileProps {
+    userName: string;
+    photoUrl?: string;
+    isActiveAwayStatus?: boolean;
+    isAvailable?: boolean;
+    onProfileClicked?: () => void;
+    onLogout?: () => void;
+    extraJSX?: JSX.Element;
+}
+export declare const BikProfile: React.FC<BikProfileProps>;

package/dist/esm/components/bik-layout/BikProfile.js

@@ -0,0 +1 @@
+import{jsx as i,jsxs as e,Fragment as t}from"react/jsx-runtime";import n from"../../assets/icons/log_out.svg.js";import{useState as o}from"react";import{Dropdown as s,OverlayTrigger as r}from"react-bootstrap";import{COLORS as a,DEFAULT_THEME as c}from"../../constants/Theme.js";import"@tippyjs/react";import"../tooltips/TooltipInternal.js";import{BodyCaption as l,TitleSmall as d,BodySecondary as m}from"../TypographyStyle.js";import{StyledDropdown as p}from"../floating-action-button/FloatingActionButton.styles.js";import{StyledTooltip as g,MenuInnerContainer as h,UserInfoContainer as b,UserStatusContainer as j,UserNameTitleSmall as v,StatusContainer as u,StyledBodyCaption as O,ProfileDropdownToggleContainer as A,ProfileDropdownInnerContainer as y,UserAvatarContainer as f}from"./CommonStyles.js";const w=A=>{const[y,f]=o(!1),{userName:w,photoUrl:N,isActiveAwayStatus:C=!0,isAvailable:x=!1,extraJSX:D,onProfileClicked:S,onLogout:T}=A,k=i=>{const e=(i||"").split("."),t=e[1]||e[0];if(!t)return"";return t.split(" ").map((i=>i.charAt(0).toUpperCase())).slice(0,2).join("")},L=i(g,Object.assign({id:"tooltip"},{children:i(l,{children:w})}));return e(p,Object.assign({onToggle:i=>{f(i)}},{children:[i(I,{isDropdownOpen:y,imageUrl:N,initialsAsIcon:N?"":k(w)}),i(s.Menu,{children:e(h,{children:[e(b,Object.assign({onClick:S},{children:[i(U,{imageUrl:N,initialsAsIcon:N?"":k(w)}),e(j,{children:[i(r,Object.assign({delay:{show:100,hide:400},placement:"top",overlay:L},{children:i(v,{children:i(d,{children:w})})})),C&&e(u,Object.assign({isAvailable:x},{children:[i("div",{className:"availability--container"}),!x&&i(O,Object.assign({isAvailable:x},{children:"Away"})),x&&i(O,Object.assign({isAvailable:x},{children:"Active"}))]}))]})]})),D&&e(t,{children:[i("div",{className:"divider"}),D]}),i("div",{className:"divider"}),e("div",Object.assign({className:"logout--container",onClick:T,onKeyDown:T,role:"button",tabIndex:0},{children:[i(n,{color:a.content.negative,height:17,width:17}),i(m,Object.assign({style:{color:c.colorsV2.content.negative}},{children:"Logout"}))]}))]})})]}))},I=e=>{const{isDropdownOpen:t,imageUrl:n,initialsAsIcon:o}=e;return i(A,Object.assign({id:"dropdown-basic"},{children:i(y,Object.assign({isDropdownOpen:t},{children:i(U,{imageUrl:n,initialsAsIcon:o})}))}))},U=e=>{const{imageUrl:n,initialsAsIcon:o}=e;return i(t,{children:(o||n)&&i(f,{children:n?i("img",{src:n,alt:"general-icon"}):i("div",Object.assign({className:"avatar--container"},{children:i(m,Object.assign({style:{color:a.surface.standard}},{children:o}))}))})})};export{w as BikProfile};

package/dist/esm/components/bik-layout/BikSidebar.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { Menu } from './SimpleSidebar';
+export interface MenuItem {
+    key: string | number;
+    displayName: string;
+    icon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    activeIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    hoverIcon: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    isLastSticky?: boolean;
+    is2ndLastSticky?: boolean;
+    children?: Menu[];
+    showAccessUpgradePanel?: boolean;
+}
+export interface BikSidebarProps {
+    allMenuList: MenuItem[];
+    activeMainMenu: MenuItem;
+    activeSubMenu: Menu;
+    onClickingMainMenu: (menu: MenuItem) => void;
+    onClickingSubMenu: (subMenu: Menu) => void;
+}
+export declare const BikSidebar: React.FC<BikSidebarProps>;

package/dist/esm/components/bik-layout/BikSidebar.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as i,Fragment as n}from"react/jsx-runtime";import o from"../../assets/icons/Bik_logo.svg.js";import{useState as l,Fragment as t}from"react";import{COLORS as a}from"../../constants/Theme.js";import{SideBarContainer as c,SibeBarMenuItem as s}from"./SidebarStyles.js";import{SimpleSidebar as r}from"./SimpleSidebar.js";const d=a=>{const{allMenuList:d,activeMainMenu:u,activeSubMenu:m,onClickingMainMenu:h,onClickingSubMenu:k}=a,[g,y]=l(u),[b,p]=l(),[M,S]=l(m);return e(c,{children:[i("div",Object.assign({className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true"},{children:i(o,{})})),i(s,{children:null==d?void 0:d.map(((o,l)=>{var a,c,s;return e(t,{children:[i("div",Object.assign({className:"main--sidebar",onClick:()=>{var e;p(void 0),y(o),h(o),(null===(e=null==o?void 0:o.children)||void 0===e?void 0:e.length)?S(null==o?void 0:o.children[0]):S({})},onMouseOver:()=>{p(o)},onMouseEnter:()=>{p(o)},onMouseLeave:()=>{var e;!(null===(e=null==o?void 0:o.children)||void 0===e?void 0:e.length)&&p(void 0)},onFocus:()=>{console.log(";")},"aria-hidden":"true"},{children:e("div",Object.assign({className:`sidebar-menu-item ${(null==g?void 0:g.key)==o.key?" main-menu-active-class":""}  ${o.isLastSticky?"sticky-menu-int":""} ${o.is2ndLastSticky?"sticky-menu":""}\n                ${o.key==(null==b?void 0:b.key)?"sidebar-menu-item-hover":""}`},{children:[i(v,{icon:o.icon,isActive:o.key==(null==g?void 0:g.key),activeStateIcon:null!==(a=o.activeIcon)&&void 0!==a?a:{},hoverStateIcon:null!==(c=o.hoverIcon)&&void 0!==c?c:{},isHovered:o.key==(null==b?void 0:b.key)}),i("div",Object.assign({className:"menu-item-container"},{children:i("p",Object.assign({className:"menu-item-text "+((null==o?void 0:o.key)===(null==g?void 0:g.key)?"active-menu-item-text":"")},{children:o.displayName}))}))]}),l)}),l),i(n,{children:(null===(s=null==b?void 0:b.children)||void 0===s?void 0:s.length)&&i(r,{menuList:null==b?void 0:b.children,activeMenu:M,onMouseLeaveOnMenu:()=>p(void 0),left:88,header:b.displayName,theme:"brand",showAccessUpgradePanel:b.showAccessUpgradePanel,onMenuClick:e=>{S(e),y(b),p(void 0),k(e)}})})]},l)}))})]})},v=e=>{const{icon:o,isActive:l,activeStateIcon:t,hoverStateIcon:c,isHovered:s}=e,r=o,d=c;return i(n,{children:l?i(t,{width:20,height:20}):i(s?d:r,{width:20,height:20,color:a.surface.standard})})};export{d as BikSidebar};

package/dist/esm/components/bik-layout/CommonStyles.d.ts

@@ -0,0 +1,93 @@
+/// <reference types="react" />
+export declare const GlobalContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LoaderWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LoadingMessageWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const BikLayoutContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const BikHeaderContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MenuInnerContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ProfileDropdownToggleContainer: import("@emotion/styled").StyledComponent<import("react-bootstrap/esm/helpers").Omit<any, import("react-bootstrap/esm/helpers").BsPrefixProps<import("react").ElementType<any>> & import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps> & import("react-bootstrap/esm/helpers").BsPrefixProps<import("react").ElementType<any>> & import("react-bootstrap/esm/DropdownToggle").DropdownToggleProps & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const ProfileDropdownInnerContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isDropdownOpen: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const UserNameTitleSmall: import("@emotion/styled").StyledComponent<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: any;
+} & {
+    as?: string | import("react").ComponentType<any> | undefined;
+    forwardedAs?: string | import("react").ComponentType<any> | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const UserAvatarContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledTooltip: import("@emotion/styled").StyledComponent<import("react-bootstrap").TooltipProps & import("react").RefAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const UserInfoContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StatusContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isAvailable: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const UserStatusContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledBodyCaption: import("@emotion/styled").StyledComponent<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: any;
+} & {
+    as?: string | import("react").ComponentType<any> | undefined;
+    forwardedAs?: string | import("react").ComponentType<any> | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    isAvailable: boolean;
+}, {}, {}>;
+export declare const FeatureModalContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    zIndex?: number | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const InnerModalContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;