@bikdotai/bik-component-library 0.0.747 → 0.0.748-beta-12

package/dist/cjs/components/BikGiftedChat/Bubble/Bubble.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),n=require("../../../constants/Theme.js"),t=require("../../../hooks/useWindowSize.js"),s=require("../GiftedChat/types.js"),a=require("../GiftedChat/utils.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=l=>{var r,d,o,u;const{currentMessage:c,position:v,renderMessageText:g,renderTicks:f,renderTime:m,renderCustomView:h,isCustomViewBottom:b,isUnsatisfactoryMessageFn:y,messagesGroupedByAiTraceId:j}=l,C=t.useWindowSize(),O=c,S=i.useMemo((()=>O.category===a.Constants.ChatActivity.Category.ACTIVITY&&O.activityType===a.Constants.ChatActivity.Type.PRIVATE_NOTE),[O.category,O.activityType]),x=i.useMemo((()=>{const[e,i]=a.isStringifiedArray(null==O?void 0:O.message);return e&&i&&Array.isArray(i)}),[null==O?void 0:O.message]),A=i.useMemo((()=>{var e,i,t;const a={borderRadius:8,minHeight:20,margin:0,flexGrow:C?1:0},l=(null==O?void 0:O.channelId)===s.MESSAGE_CHANNELS.GMAIL||(null==O?void 0:O.channelName)===s.MESSAGE_CHANNELS.GMAIL,r=(null==O?void 0:O.channelId)===s.MESSAGE_CHANNELS.SMTP||(null==O?void 0:O.channelName)===s.MESSAGE_CHANNELS.SMTP;let d={};if("left"===v)d=Object.assign(Object.assign({},C||l||r?{maxWidth:"100%"}:{}),S?{background:(null===(e=null==O?void 0:O.meta)||void 0===e?void 0:e.aiUsed)?"linear-gradient(90deg, #ffe6ee 0%, #fff0e7 100%)":n.COLORS.background.warning.light}:{backgroundColor:(null==O?void 0:O.isPrivateMail)?n.COLORS.background.blue.light:n.COLORS.surface.hovered});else if("right"===v){const e=y&&y({aiTraceId:null===(i=O.eventProperties)||void 0===i?void 0:i.aiTraceId,messagesGroupedByAiTraceId:j});d=Object.assign(Object.assign({backgroundColor:"failed"===O.status||e?n.COLORS.background.negative.light:n.COLORS.background.brandVeryLight},S?{background:(null===(t=null==O?void 0:O.meta)||void 0===t?void 0:t.aiUsed)?"linear-gradient(90deg, #ffe6ee 0%, #fff0e7 100%)":n.COLORS.background.warning.light}:{}),!C&&x?{maxWidth:500}:{})}return Object.assign(Object.assign({},a),d)}),[null==O?void 0:O.channelId,null==O?void 0:O.channelName,null===(r=null==O?void 0:O.meta)||void 0===r?void 0:r.aiUsed,null==O?void 0:O.status,null===(d=null==O?void 0:O.eventProperties)||void 0===d?void 0:d.aiTraceId,v,C,S,x,y,j,null==O?void 0:O.isPrivateMail]),p=i.useCallback((()=>e.jsxs("div",{children:[!b&&(null==h?void 0:h(l)),null==g?void 0:g(l),b&&(null==h?void 0:h(l))]})),[b,h,g,l]);return e.jsx("div",Object.assign({style:{display:"flex",marginTop:6,marginBottom:(null===(u=null===(o=null==c?void 0:c.messageInformation)||void 0===o?void 0:o.reactions)||void 0===u?void 0:u.length)>0?24:6,flexGrow:C?1:0}},{children:e.jsx("div",Object.assign({style:A},{children:e.jsxs("div",{children:[e.jsx("div",Object.assign({id:c.chatActivityId||`message-${c.psqlId}`},{children:p()})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",marginLeft:"32px"}},{children:[null==m?void 0:m(l),null==f?void 0:f(c)]}))]})}))}))},d=l(i).default.memo(r);exports.Bubble=d,exports.default=d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),t=require("../../../constants/Theme.js"),n=require("../../../hooks/useWindowSize.js"),s=require("../GiftedChat/types.js"),r=require("../GiftedChat/utils.js"),l=require("./types.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const o=a=>{var o,d,u,c;const{currentMessage:g,position:v,renderMessageText:f,renderTicks:b,renderTime:h,renderCustomView:y,isCustomViewBottom:p,isUnsatisfactoryMessageFn:j,messagesGroupedByAiTraceId:m,onPress:O,containerStyle:C,bubbleStyles:S,appType:A=l.GiftedChatAppType.Bik}=a,T=n.useWindowSize(),x=g,M=A===l.GiftedChatAppType.Manifest,I=i.useMemo((()=>x.category===r.Constants.ChatActivity.Category.ACTIVITY&&x.activityType===r.Constants.ChatActivity.Type.PRIVATE_NOTE),[x.category,x.activityType]),k=i.useMemo((()=>{const[e,i]=r.isStringifiedArray(null==x?void 0:x.message);return e&&i&&Array.isArray(i)}),[null==x?void 0:x.message]),E=i.useMemo((()=>{var e,i,n;const r={borderRadius:8,minHeight:20,margin:0,flexGrow:T?1:0},l=(null==x?void 0:x.channelId)===s.MESSAGE_CHANNELS.GMAIL||(null==x?void 0:x.channelName)===s.MESSAGE_CHANNELS.GMAIL,a=(null==x?void 0:x.channelId)===s.MESSAGE_CHANNELS.SMTP||(null==x?void 0:x.channelName)===s.MESSAGE_CHANNELS.SMTP;let o={};if(M)return o="left"===v?S&&"object"==typeof S.left?S.left:{}:S&&"object"==typeof S.right?S.right:{},Object.assign({},o);if("left"===v)o=Object.assign(Object.assign({},T||l||a?{maxWidth:"100%"}:{}),I?{background:(null===(e=null==x?void 0:x.meta)||void 0===e?void 0:e.aiUsed)?"linear-gradient(90deg, #ffe6ee 0%, #fff0e7 100%)":t.COLORS.background.warning.light}:{backgroundColor:(null==x?void 0:x.isPrivateMail)?t.COLORS.background.blue.light:t.COLORS.surface.hovered});else{const e=j&&j({aiTraceId:null===(i=x.eventProperties)||void 0===i?void 0:i.aiTraceId,messagesGroupedByAiTraceId:m});o=Object.assign(Object.assign({backgroundColor:"failed"===x.status||e?t.COLORS.background.negative.light:t.COLORS.background.brandVeryLight},I?{background:(null===(n=null==x?void 0:x.meta)||void 0===n?void 0:n.aiUsed)?"linear-gradient(90deg, #ffe6ee 0%, #fff0e7 100%)":t.COLORS.background.warning.light}:{}),!T&&k?{maxWidth:500}:{})}return Object.assign(Object.assign({},r),o)}),[null==x?void 0:x.channelId,null==x?void 0:x.channelName,null===(o=null==x?void 0:x.meta)||void 0===o?void 0:o.aiUsed,null==x?void 0:x.status,null===(d=null==x?void 0:x.eventProperties)||void 0===d?void 0:d.aiTraceId,v,T,I,k,j,m,null==x?void 0:x.isPrivateMail,S,M]),G=i.useCallback((()=>e.jsxs("div",{children:[!p&&(null==y?void 0:y(a)),null==f?void 0:f(a),p&&(null==y?void 0:y(a))]})),[p,y,f,a]),L=i.useMemo((()=>M&&"object"==typeof C?"left"===v&&"left"in C&&C.left&&"object"==typeof C.left?C.left:"right"===v&&"right"in C&&C.right&&"object"==typeof C.right?C.right:{}:{}),[M,C,v]);return e.jsx("div",Object.assign({style:Object.assign(Object.assign({display:"flex",marginTop:M?0:6,marginBottom:M?0:(null===(c=null===(u=null==g?void 0:g.messageInformation)||void 0===u?void 0:u.reactions)||void 0===c?void 0:c.length)>0?24:6,flexGrow:T?1:0},M?Object.assign({alignItems:"flex-end"},"right"===v?{cursor:"pointer"}:{}):{}),L)},M?{onClick:O}:{},{children:e.jsx("div",Object.assign({style:E},{children:e.jsxs("div",{children:[e.jsx("div",Object.assign({id:g.chatActivityId||`message-${g.psqlId}`},{children:G()})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",marginLeft:"32px"}},{children:[null==h?void 0:h(a),null==b?void 0:b(g)]}))]})}))}))},d=a(i).default.memo(o);exports.Bubble=d,exports.default=d;

package/dist/cjs/components/BikGiftedChat/Bubble/types.d.ts

@@ -1,5 +1,9 @@
 import React from 'react';
 import { IMessage, User } from '../types';
+export declare enum GiftedChatAppType {
+    Bik = "bik",
+    Manifest = "manifest"
+}
 export interface BubbleProps<TMessage extends IMessage = IMessage> {
     currentMessage: TMessage;
     previousMessage?: TMessage;
@@ -22,4 +26,13 @@ export interface BubbleProps<TMessage extends IMessage = IMessage> {
         messagesGroupedByAiTraceId?: any;
     }) => boolean;
     messagesGroupedByAiTraceId?: any;
+    containerStyle?: {
+        left?: React.CSSProperties;
+        right?: React.CSSProperties;
+    } | React.CSSProperties;
+    bubbleStyles?: {
+        left?: React.CSSProperties;
+        right?: React.CSSProperties;
+    } | React.CSSProperties;
+    appType?: GiftedChatAppType;
 }

package/dist/cjs/components/BikGiftedChat/Bubble/types.js

@@ -0,0 +1 @@
+"use strict";var e;Object.defineProperty(exports,"__esModule",{value:!0}),exports.GiftedChatAppType=void 0,(e=exports.GiftedChatAppType||(exports.GiftedChatAppType={})).Bik="bik",e.Manifest="manifest";

package/dist/cjs/components/BikGiftedChat/GiftedChat/Day.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { GiftedChatAppType } from '../Bubble/types';
 export interface DayProps {
     createdAt?: Date | number | string;
     dateFormat?: string;
@@ -10,6 +11,7 @@ export interface DayProps {
         lastWeek?: string;
         sameElse?: string;
     };
+    appType?: GiftedChatAppType;
 }
 export declare const Day: React.NamedExoticComponent<DayProps>;
 export default Day;

package/dist/cjs/components/BikGiftedChat/GiftedChat/Day.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("date-fns"),r=require("react"),a=require("../../../constants/Theme.js"),s=require("../../TypographyStyle.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const o=n=>{let{createdAt:o,dateFormat:i="D MMMM YY",dateFormatCalendar:l}=n;const d=r.useMemo((()=>{if(null==o)return null;const e=t.startOfDay(new Date);let r;if("number"==typeof o)r=t.startOfDay(new Date(o));else if(o instanceof Date)r=t.startOfDay(o);else{if("string"!=typeof o)return null;r=t.startOfDay(new Date(o))}if(!t.isSameYear(e,r))return t.format(r,"EEEE, d MMMM yy");const a=t.differenceInDays(e,r);return a<1?(null==l?void 0:l.sameDay)?l.sameDay.replace(/\[|\]/g,""):"Today":1===a?"Yesterday":t.format(r,"EEEE, d MMMM yy")}),[o,i,l]);return d?e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"center",margin:"12px 0px 12px 8px"}},{children:[e.jsx("div",{style:{flex:1,height:"1px",backgroundColor:a.COLORS.stroke.primary}}),e.jsx("div",Object.assign({style:{border:`1px solid ${a.COLORS.stroke.primary}`,borderRadius:"16px",padding:"4px 12px"}},{children:e.jsx(s.BodyCaption,Object.assign({style:{color:a.COLORS.content.secondary}},{children:d}))})),e.jsx("div",{style:{flex:1,height:"1px",backgroundColor:a.COLORS.stroke.primary}})]})):null},i=n(r).default.memo(o);exports.Day=i,exports.default=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("date-fns"),r=require("react"),a=require("../../../constants/Theme.js"),n=require("../../TypographyStyle.js"),s=require("../Bubble/types.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const o=i=>{let{createdAt:o,dateFormat:l="D MMMM YY",dateFormatCalendar:d,appType:p=s.GiftedChatAppType.Bik}=i;const y=r.useMemo((()=>{if(null==o)return null;let e;if("number"==typeof o)e=t.startOfDay(new Date(o));else if(o instanceof Date)e=t.startOfDay(o);else{if("string"!=typeof o)return null;e=t.startOfDay(new Date(o))}if(p===s.GiftedChatAppType.Manifest)return t.format(e,"MMM d, yyyy");const r=t.startOfDay(new Date);if(!t.isSameYear(r,e))return t.format(e,"EEEE, d MMMM yy");const a=t.differenceInDays(r,e);return a<1?(null==d?void 0:d.sameDay)?d.sameDay.replace(/\[|\]/g,""):"Today":1===a?"Yesterday":t.format(e,"EEEE, d MMMM yy")}),[o,l,d,p]);return y?p===s.GiftedChatAppType.Manifest?e.jsx("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"center",marginTop:5,marginBottom:10}},{children:e.jsx("span",Object.assign({style:{background:"transparent",color:"#b2b2b2",fontSize:12,fontWeight:600,padding:"2px 8px"}},{children:y}))})):e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"center",margin:"12px 0px 12px 8px"}},{children:[e.jsx("div",{style:{flex:1,height:"1px",backgroundColor:a.COLORS.stroke.primary}}),e.jsx("div",Object.assign({style:{border:`1px solid ${a.COLORS.stroke.primary}`,borderRadius:"16px",padding:"4px 12px"}},{children:e.jsx(n.BodyCaption,Object.assign({style:{color:a.COLORS.content.secondary}},{children:y}))})),e.jsx("div",{style:{flex:1,height:"1px",backgroundColor:a.COLORS.stroke.primary}})]})):null},l=i(r).default.memo(o);exports.Day=l,exports.default=l;

package/dist/cjs/components/BikGiftedChat/GiftedChat/GiftedChat.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),s=require("react"),t=require("../../../constants/Theme.js"),i=require("../../../hooks/useWindowSize.js"),n=require("../../TypographyStyle.js"),l=require("./Day.js"),a=require("./messageHelpers.js"),o=require("./scrollHooks.js"),d=require("./types.js"),u=require("./utils.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=c(s);const v=(c,v)=>{var h;const p=c||{},{messages:y=[],user:j,renderBubble:b,renderAvatar:f,renderDay:m,renderLoading:x,renderChatEmpty:O,listViewProps:S={},renderAvatarOnTop:A=!1,showUserAvatar:M=!1,showAvatarForEveryMessage:C=!1,inverted:T=!1,messageIdGenerator:w,topThreshold:_=u.TOP_THRESHOLD}=p,E=e.__rest(p,["messages","user","renderBubble","renderAvatar","renderDay","renderLoading","renderChatEmpty","listViewProps","renderAvatarOnTop","showUserAvatar","showAvatarForEveryMessage","inverted","messageIdGenerator","topThreshold"]),R=i.useWindowSize(),L=s.useRef(null),k=u.normalizeRef(S.ref||v,L),q=s.useRef({isInitialMount:!0,isUserScrolling:!1,isLoadingOldMessages:!1,isAtBottom:!0,hasTriggeredEndReached:!1,lastMessagesLength:null!==(h=null==y?void 0:y.length)&&void 0!==h?h:0,previousScrollHeight:0,previousScrollTop:0,scrollTimeout:null}),H=s.useMemo((()=>y&&0!==y.length?[...y].reverse():[]),[y]),I=o.useScrollToBottom(k,q);s.useImperativeHandle(v,(()=>k.current)),o.useInitialMountScroll(k,q,H.length,I),o.useScrollCleanup(q),o.useRestoreScrollPosition(k,q,H.length),o.useAutoScrollOnNewMessages(k,q,y.length,I),o.useResizeObserverForFirstMessage(null==y?void 0:y[0],q,I,w);const P=o.useScrollHandler(q,S.onEndReached,S.onScroll,_),B=s.useCallback((e=>{var r;return Boolean(e&&j&&(null===(r=e.user)||void 0===r?void 0:r._id)===j._id)}),[j]),D=s.useCallback(((e,r)=>!!M&&(!!C||(!r||r.user._id!==e.user._id))),[M,C]),F=s.useCallback(((e,s,i)=>{const l=B(e)?"right":"left",a=Object.assign({currentMessage:e,previousMessage:s,nextMessage:i,position:l,user:j},E);return b?b(a):r.jsx("div",Object.assign({style:{maxWidth:"70%",width:"fit-content",padding:"8px 12px",borderRadius:4,backgroundColor:"right"===l?t.COLORS.background.brandLight:t.COLORS.background.inactive,color:t.COLORS.content.primary,wordBreak:"break-word"}},{children:r.jsx(n.BodySecondary,{children:e.text})}))}),[B,j,b,E]),N=s.useCallback(((e,r,s)=>{if(!D(e,s))return null;const t=B(e)?"right":"left";return f?f({currentMessage:e,previousMessage:r,nextMessage:s,position:t,user:j,renderAvatarOnTop:A,showUserAvatar:M,showAvatarForEveryMessage:C}):null}),[D,B,j,A,M,C,f]);return y&&0!==y.length?r.jsxs("div",Object.assign({ref:k,style:Object.assign({flex:1,overflowY:"auto",overflowX:"hidden",display:"flex",flexDirection:"column"},S.style),onScroll:P},{children:[r.jsx("div",{style:{flex:"1 0 auto"}}),r.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",flex:"0 0 auto"}},{children:H.map(((e,s)=>{var t,i,n,o,c;const v=B(e)?"right":"left",h=H[s-1],p=H[s+1],y=!u.isSameDay(e,h),j=a.getMessagePlacement(e,v),b=a.shouldCenterAlign(e),f=(null==e?void 0:e.channelId)===d.MESSAGE_CHANNELS.SMTP||(null==e?void 0:e.channelName)===d.MESSAGE_CHANNELS.SMTP,x=e.category===u.Constants.ChatActivity.Category.ACTIVITY&&e.activityType===u.Constants.ChatActivity.Type.PRIVATE_NOTE;return r.jsxs(g.default.Fragment,{children:[y&&(m?m({createdAt:e.createdAt}):r.jsx(l.Day,{createdAt:e.createdAt})),r.jsxs("div",Object.assign({style:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},R?{margin:"0 4px"}:{}),b?{}:{display:"flex"}),R||2!==(null===(t=null==e?void 0:e.user)||void 0===t?void 0:t._id)?{marginRight:8}:{marginLeft:8}),f&&!x&&R?{marginLeft:8,marginRight:8}:{}),{justifyContent:j,marginBottom:8})},{children:[!R&&"left"===v&&r.jsx("div",Object.assign({style:{margin:"0 8px"}},{children:N(e,h,p)})),r.jsx("div",Object.assign({id:`message-bubble-${null!==(i=e._id)&&void 0!==i?i:`${s}-${null!==(n=null==w?void 0:w())&&void 0!==n?n:"id"}`}`,style:R&&f?{display:"flex",flexGrow:1}:{}},{children:F(e,h,p)})),!R&&"right"===v&&r.jsx("div",Object.assign({style:{margin:"0 8px"}},{children:N(e,h,p)}))]}))]},null!==(o=e._id)&&void 0!==o?o:`${s}-${null!==(c=null==w?void 0:w())&&void 0!==c?c:"id"}`)}))}))]})):O?r.jsx(r.Fragment,{children:O()}):null};var h=s.forwardRef(v);exports.default=h;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),s=require("react"),t=require("../../../constants/Theme.js"),i=require("../../../hooks/useWindowSize.js"),a=require("../../TypographyStyle.js"),n=require("../Bubble/types.js"),l=require("./Day.js"),o=require("./messageHelpers.js"),d=require("./scrollHooks.js"),u=require("./types.js"),c=require("./utils.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=g(s);const h=(g,h)=>{var v;const f=g||{},{messages:y=[],user:b,renderBubble:j,renderAvatar:m,renderDay:x,renderLoading:O,renderChatEmpty:A,listViewProps:T={},renderAvatarOnTop:C=!1,showUserAvatar:M=!1,showAvatarForEveryMessage:S=!1,inverted:w=!1,messageIdGenerator:R,topThreshold:_=c.TOP_THRESHOLD,appType:E=n.GiftedChatAppType.Bik}=f,L=e.__rest(f,["messages","user","renderBubble","renderAvatar","renderDay","renderLoading","renderChatEmpty","listViewProps","renderAvatarOnTop","showUserAvatar","showAvatarForEveryMessage","inverted","messageIdGenerator","topThreshold","appType"]),k=i.useWindowSize(),G=s.useRef(null),q=c.normalizeRef(T.ref||h,G),B=s.useRef({isInitialMount:!0,isUserScrolling:!1,isLoadingOldMessages:!1,isAtBottom:!0,hasTriggeredEndReached:!1,lastMessagesLength:null!==(v=null==y?void 0:y.length)&&void 0!==v?v:0,previousScrollHeight:0,previousScrollTop:0,scrollTimeout:null}),H=s.useMemo((()=>y&&0!==y.length?[...y].reverse():[]),[y]),I=d.useScrollToBottom(q,B);s.useImperativeHandle(h,(()=>q.current)),d.useInitialMountScroll(q,B,H.length,I),d.useScrollCleanup(B),d.useRestoreScrollPosition(q,B,H.length),d.useAutoScrollOnNewMessages(q,B,y.length,I),d.useResizeObserverForFirstMessage(null==y?void 0:y[0],B,I,R);const P=d.useScrollHandler(B,T.onEndReached,T.onScroll,_),D=s.useCallback((e=>{var r;return Boolean(e&&b&&(null===(r=e.user)||void 0===r?void 0:r._id)===b._id)}),[b]),F=s.useCallback(((e,r)=>!!M&&(!!S||(!r||r.user._id!==e.user._id))),[M,S]),N=s.useCallback(((e,s,i)=>{const l=D(e)?"right":"left",o=Object.assign({currentMessage:e,previousMessage:s,nextMessage:i,position:l,user:b},L);return j?j(o):r.jsx("div",Object.assign({style:Object.assign(Object.assign({maxWidth:E===n.GiftedChatAppType.Manifest?"50%":"70%",width:"fit-content"},E===n.GiftedChatAppType.Manifest?{minWidth:"130px"}:{}),{padding:"8px 12px",borderRadius:E===n.GiftedChatAppType.Manifest?16:4,border:"left"===l&&E===n.GiftedChatAppType.Manifest?"1px solid rgb(224, 224, 224)":"none",backgroundColor:"right"===l?E===n.GiftedChatAppType.Manifest?t.COLORS.background.brandTint:t.COLORS.background.brandLight:E===n.GiftedChatAppType.Manifest?t.COLORS.background.pureWhite:t.COLORS.background.inactive,color:t.COLORS.content.primary,wordBreak:"break-word"})},{children:r.jsx(a.BodySecondary,{children:e.text})}))}),[D,b,j,L]),W=s.useCallback(((e,r,s)=>{if(!F(e,s))return null;const t=D(e)?"right":"left";return m?m({currentMessage:e,previousMessage:r,nextMessage:s,position:t,user:b,renderAvatarOnTop:C,showUserAvatar:M,showAvatarForEveryMessage:S}):null}),[F,D,b,C,M,S,m]);return y&&0!==y.length?r.jsxs("div",Object.assign({ref:q,style:Object.assign({flex:1,overflowY:"auto",overflowX:"hidden",display:"flex",flexDirection:"column"},T.style),onScroll:P},{children:[r.jsx("div",{style:{flex:"1 0 auto"}}),r.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",flex:"0 0 auto"}},{children:H.map(((e,s)=>{var t,i,a,d,g;const h=D(e)?"right":"left",v=H[s-1],f=H[s+1],y=!c.isSameDay(e,v),b=o.getMessagePlacement(e,h),j=o.shouldCenterAlign(e),m=(null==e?void 0:e.channelId)===u.MESSAGE_CHANNELS.SMTP||(null==e?void 0:e.channelName)===u.MESSAGE_CHANNELS.SMTP,O=e.category===c.Constants.ChatActivity.Category.ACTIVITY&&e.activityType===c.Constants.ChatActivity.Type.PRIVATE_NOTE;return r.jsxs(p.default.Fragment,{children:[y&&(x?x({createdAt:e.createdAt}):r.jsx(l.Day,{createdAt:e.createdAt,appType:E})),r.jsxs("div",Object.assign({style:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},k?{margin:"0 4px"}:{}),j?{}:{display:"flex"}),E!==n.GiftedChatAppType.Manifest?k||2!==(null===(t=null==e?void 0:e.user)||void 0===t?void 0:t._id)?{marginRight:8}:{marginLeft:8}:{}),m&&!O&&k?{marginLeft:8,marginRight:8}:{}),{justifyContent:b,marginBottom:8})},{children:[!k&&"left"===h&&r.jsx("div",Object.assign({style:{margin:"0 8px"}},{children:W(e,v,f)})),r.jsx("div",Object.assign({id:`message-bubble-${null!==(i=e._id)&&void 0!==i?i:`${s}-${null!==(a=null==R?void 0:R())&&void 0!==a?a:"id"}`}`,style:E===n.GiftedChatAppType.Manifest?{width:"100%"}:k&&m?{display:"flex",flexGrow:1}:{}},{children:N(e,v,f)})),!k&&"right"===h&&r.jsx("div",Object.assign({style:{margin:"0 8px"}},{children:W(e,v,f)}))]}))]},null!==(d=e._id)&&void 0!==d?d:`${s}-${null!==(g=null==R?void 0:R())&&void 0!==g?g:"id"}`)}))}))]})):A?r.jsx(r.Fragment,{children:A()}):null};var v=s.forwardRef(h);exports.default=v;

package/dist/cjs/components/BikGiftedChat/GiftedChat/types.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BubbleProps } from '../Bubble/types';
+import { BubbleProps, GiftedChatAppType } from '../Bubble/types';
 import { IMessage, LeftRightStyle, User } from '../types';
 export interface ListViewProps {
     /** Custom styles for the container. */
@@ -90,6 +90,7 @@ export interface GiftedChatProps<TMessage extends IMessage = IMessage> {
     onPress?: (context?: any, message?: TMessage) => void;
     /** Function to generate message IDs. */
     messageIdGenerator?: (message?: TMessage) => string;
+    appType?: GiftedChatAppType;
     [key: string]: any;
 }
 export interface ScrollState {

package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
 declare const EventsTrigger: React.FC<QueryBuilderNodeProps>;
 export default EventsTrigger;

package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/cjs/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
 declare const IGTrigger: React.FC<QueryBuilderNodeProps>;
 export default IGTrigger;

package/dist/cjs/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/cjs/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { DropdownOption } from "../../../dropdown/type";
-import { QueryBuilderProperty } from "../../types/QueryBuilder.type";
-import { QueryBuilderNodeProps } from "../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderProperty } from "../../Types/QueryBuilder.type";
+import { QueryBuilderNodeProps } from "../../Types/QueryBuilderNodeProps.type";
 declare const BaseTriggerQueryBuilderNode: React.FC<QueryBuilderNodeProps & {
     cacheKey: string;
     propertyAddBtnText: string;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Menus: ({
     displayName: string;
     key: number;

package/dist/cjs/constants/Theme.d.ts

@@ -3,6 +3,7 @@ export declare const BASE_COLORS: {
         900: string;
         800: string;
         500: string;
+        100: string;
         50: string;
         10: string;
     };
@@ -51,6 +52,8 @@ export declare const COLORS: {
         brand: string;
         brandLight: string;
         brandVeryLight: string;
+        pureWhite: string;
+        brandTint: string;
         negative: {
             vibrant: string;
             light: string;
@@ -66,6 +69,8 @@ export declare const COLORS: {
         blue: {
             light: string;
         };
+        white: string;
+        lightbrand: string;
     };
     icon: {
         placeholder: string;
@@ -340,6 +345,8 @@ export declare const DEFAULT_THEME: {
             brand: string;
             brandLight: string;
             brandVeryLight: string;
+            pureWhite: string;
+            brandTint: string;
             negative: {
                 vibrant: string;
                 light: string;
@@ -355,6 +362,8 @@ export declare const DEFAULT_THEME: {
             blue: {
                 light: string;
             };
+            white: string;
+            lightbrand: string;
         };
         icon: {
             placeholder: string;

package/dist/cjs/constants/Theme.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e={brand:{900:"#28034E",800:"#4B1583",500:"#731DCF",50:"#EFE6F9",10:"#F9F3FF"},grayscale:{900:"#212121",700:"#616161",500:"#9E9E9E",400:"#BDBDBD",200:"#E0E0E0",100:"#F0F0F0",70:"#F7F7F7",50:"#FAFAFA",white:"#FFFFFF",alpha:"#00000088"},negative:{900:"#B92321",700:"#D53434",100:"#FFCED4",50:"#FFEBEF"},warning:{900:"#99631B",500:"#FEC02D",100:"#FFEABE",50:"#FFF7E5"},positive:{900:"#00580E",700:"#1A872C",100:"#C3E4C4",50:"#E6F4E7"},bikAi:{500:"linear-gradient(93deg, #FF166A 0.37%, #FB5F08 100%)",100:"linear-gradient(93deg, #FEBAD2 0.37%, #FDD1B9 100%)",50:"linear-gradient(93deg, #FFE6EE 0.37%, #FFF0E7 100%)"}},t={background:{inactive:e.grayscale[200],base:e.grayscale[100],inverse:e.brand[900],inverseLight:e.brand[800],brand:e.brand[500],brandLight:e.brand[50],brandVeryLight:e.brand[10],negative:{vibrant:e.negative[700],light:e.negative[50]},warning:{vibrant:e.warning[500],light:e.warning[50]},positive:{vibrant:e.positive[700],light:e.positive[50]},blue:{light:"#E5F2FF"}},icon:{placeholder:"#9E9E9E"},scrim:{standard:"#00000099"},surface:{standard:e.grayscale.white,subdued:e.grayscale[50],hovered:e.grayscale[100],grey:e.grayscale[70],ai:e.bikAi[500],aiLight:e.bikAi[50]},content:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],inactive:e.grayscale[400],brand:e.brand[500],primaryInverse:e.grayscale.white,secondaryInverse:"#ffffffcc",negative:e.negative[900],warning:e.warning[900],positive:e.positive[900],blue:"#28458F",ai:e.bikAi[500]},stroke:{primary:e.grayscale[200],brand:e.brand[500],negative:{lightAlt:e.negative[100],vibrant:e.negative[700]},warning:{lightAlt:e.warning[100],vibrant:e.warning[500]},positive:{lightAlt:e.positive[100],vibrant:e.positive[700]},brandLightAlt:"#DDCCF0",blue:{lightAlt:"#C3D5E5"},ai:{lightAlt:"#FEBAD2",vibrant:"#F23275"}},special:{whatsapp:{brand:"#25D366",gradient:"linear-gradient(360deg, #20B038 0%, #60D66A 100%)",dark:"#455A64",gradientArr:["#20B038","#60D66A"]},brand:{google:"#DD4B39",facebook:"#1877F2"}},text:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],disabled:e.grayscale[400],white:e.grayscale.white,brand:e.brand[500],altPrimary:e.brand[900],altSecondary:e.brand[800]}},i={display:{fontWeight:"400",fontSize:32,lineHeight:40,letterSpacing:0},titleXLarge:{fontWeight:"600",fontSize:32,lineHeight:40,letterSpacing:0},titleLarge:{fontWeight:"600",fontSize:28,lineHeight:40,letterSpacing:0},titleMedium:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},titleRegular:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},titleSmall:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},bodyPrimary:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodyLarge:{fontWeight:"400",fontSize:20,lineHeight:28,letterSpacing:0},bodySecondary:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},caption:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},tiny:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},subHeading:{fontWeight:"600",fontSize:10,lineHeight:12,letterSpacing:0},title1:{fontWeight:"600",fontSize:24,lineHeight:32,letterSpacing:0},title1Mobile:{fontWeight:"600",fontSize:20,lineHeight:30,letterSpacing:0},title2:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},title2Mobile:{fontWeight:"600",fontSize:18,lineHeight:24,letterSpacing:0},title3:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},title3Mobile:{fontWeight:"500",fontSize:14,lineHeight:20,letterSpacing:0},title4:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},textPlaceholder:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},title4Mobile:{fontWeight:"400",fontSize:10,lineHeight:16,letterSpacing:0},bodyRegularMobile:{fontWeight:"400",fontSize:14,lineHeight:18,letterSpacing:0},bodyRegular:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodySmall:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},buttonLarge:{fontWeight:"600",fontSize:16,lineHeight:20,letterSpacing:0},buttonRegular:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},captionMobile:{fontWeight:"500",fontSize:10,lineHeight:12,letterSpacing:0},captionBold:{fontWeight:"700",fontSize:12,lineHeight:16,letterSpacing:0},text1Bold:{fontWeight:"700",fontSize:10,lineHeight:14,letterSpacing:0},toast:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},toastMobile:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0}},n={colorsV2:t,fonts:i};exports.BASE_COLORS=e,exports.COLORS=t,exports.DEFAULT_THEME=n,exports.FONTS=i;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e={brand:{900:"#28034E",800:"#4B1583",500:"#731DCF",100:"#F3EDF9",50:"#EFE6F9",10:"#F9F3FF"},grayscale:{900:"#212121",700:"#616161",500:"#9E9E9E",400:"#BDBDBD",200:"#E0E0E0",100:"#F0F0F0",70:"#F7F7F7",50:"#FAFAFA",white:"#FFFFFF",alpha:"#00000088"},negative:{900:"#B92321",700:"#D53434",100:"#FFCED4",50:"#FFEBEF"},warning:{900:"#99631B",500:"#FEC02D",100:"#FFEABE",50:"#FFF7E5"},positive:{900:"#00580E",700:"#1A872C",100:"#C3E4C4",50:"#E6F4E7"},bikAi:{500:"linear-gradient(93deg, #FF166A 0.37%, #FB5F08 100%)",100:"linear-gradient(93deg, #FEBAD2 0.37%, #FDD1B9 100%)",50:"linear-gradient(93deg, #FFE6EE 0.37%, #FFF0E7 100%)"}},t={background:{inactive:e.grayscale[200],base:e.grayscale[100],inverse:e.brand[900],inverseLight:e.brand[800],brand:e.brand[500],brandLight:e.brand[50],brandVeryLight:e.brand[10],pureWhite:e.grayscale.white,brandTint:e.brand[100],negative:{vibrant:e.negative[700],light:e.negative[50]},warning:{vibrant:e.warning[500],light:e.warning[50]},positive:{vibrant:e.positive[700],light:e.positive[50]},blue:{light:"#E5F2FF"},white:e.grayscale.white,lightbrand:"#F3EDF9"},icon:{placeholder:"#9E9E9E"},scrim:{standard:"#00000099"},surface:{standard:e.grayscale.white,subdued:e.grayscale[50],hovered:e.grayscale[100],grey:e.grayscale[70],ai:e.bikAi[500],aiLight:e.bikAi[50]},content:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],inactive:e.grayscale[400],brand:e.brand[500],primaryInverse:e.grayscale.white,secondaryInverse:"#ffffffcc",negative:e.negative[900],warning:e.warning[900],positive:e.positive[900],blue:"#28458F",ai:e.bikAi[500]},stroke:{primary:e.grayscale[200],brand:e.brand[500],negative:{lightAlt:e.negative[100],vibrant:e.negative[700]},warning:{lightAlt:e.warning[100],vibrant:e.warning[500]},positive:{lightAlt:e.positive[100],vibrant:e.positive[700]},brandLightAlt:"#DDCCF0",blue:{lightAlt:"#C3D5E5"},ai:{lightAlt:"#FEBAD2",vibrant:"#F23275"}},special:{whatsapp:{brand:"#25D366",gradient:"linear-gradient(360deg, #20B038 0%, #60D66A 100%)",dark:"#455A64",gradientArr:["#20B038","#60D66A"]},brand:{google:"#DD4B39",facebook:"#1877F2"}},text:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],disabled:e.grayscale[400],white:e.grayscale.white,brand:e.brand[500],altPrimary:e.brand[900],altSecondary:e.brand[800]}},i={display:{fontWeight:"400",fontSize:32,lineHeight:40,letterSpacing:0},titleXLarge:{fontWeight:"600",fontSize:32,lineHeight:40,letterSpacing:0},titleLarge:{fontWeight:"600",fontSize:28,lineHeight:40,letterSpacing:0},titleMedium:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},titleRegular:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},titleSmall:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},bodyPrimary:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodyLarge:{fontWeight:"400",fontSize:20,lineHeight:28,letterSpacing:0},bodySecondary:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},caption:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},tiny:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},subHeading:{fontWeight:"600",fontSize:10,lineHeight:12,letterSpacing:0},title1:{fontWeight:"600",fontSize:24,lineHeight:32,letterSpacing:0},title1Mobile:{fontWeight:"600",fontSize:20,lineHeight:30,letterSpacing:0},title2:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},title2Mobile:{fontWeight:"600",fontSize:18,lineHeight:24,letterSpacing:0},title3:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},title3Mobile:{fontWeight:"500",fontSize:14,lineHeight:20,letterSpacing:0},title4:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},textPlaceholder:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},title4Mobile:{fontWeight:"400",fontSize:10,lineHeight:16,letterSpacing:0},bodyRegularMobile:{fontWeight:"400",fontSize:14,lineHeight:18,letterSpacing:0},bodyRegular:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodySmall:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},buttonLarge:{fontWeight:"600",fontSize:16,lineHeight:20,letterSpacing:0},buttonRegular:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},captionMobile:{fontWeight:"500",fontSize:10,lineHeight:12,letterSpacing:0},captionBold:{fontWeight:"700",fontSize:12,lineHeight:16,letterSpacing:0},text1Bold:{fontWeight:"700",fontSize:10,lineHeight:14,letterSpacing:0},toast:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},toastMobile:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0}},n={colorsV2:t,fonts:i};exports.BASE_COLORS=e,exports.COLORS=t,exports.DEFAULT_THEME=n,exports.FONTS=i;

package/dist/esm/components/BikGiftedChat/Bubble/Bubble.js

@@ -1 +1 @@
-import{jsxs as e,jsx as i}from"react/jsx-runtime";import n,{useMemo as t,useCallback as a}from"react";import{COLORS as l}from"../../../constants/Theme.js";import{useWindowSize as o}from"../../../hooks/useWindowSize.js";import{MESSAGE_CHANNELS as r}from"../GiftedChat/types.js";import{Constants as d,isStringifiedArray as s}from"../GiftedChat/utils.js";const c=n=>{var c,u,v,g;const{currentMessage:m,position:f,renderMessageText:h,renderTicks:y,renderTime:b,renderCustomView:p,isCustomViewBottom:T,isUnsatisfactoryMessageFn:j,messagesGroupedByAiTraceId:I}=n,x=o(),k=m,A=t((()=>k.category===d.ChatActivity.Category.ACTIVITY&&k.activityType===d.ChatActivity.Type.PRIVATE_NOTE),[k.category,k.activityType]),C=t((()=>{const[e,i]=s(null==k?void 0:k.message);return e&&i&&Array.isArray(i)}),[null==k?void 0:k.message]),O=t((()=>{var e,i,n;const t={borderRadius:8,minHeight:20,margin:0,flexGrow:x?1:0},a=(null==k?void 0:k.channelId)===r.GMAIL||(null==k?void 0:k.channelName)===r.GMAIL,o=(null==k?void 0:k.channelId)===r.SMTP||(null==k?void 0:k.channelName)===r.SMTP;let d={};if("left"===f)d=Object.assign(Object.assign({},x||a||o?{maxWidth:"100%"}:{}),A?{background:(null===(e=null==k?void 0:k.meta)||void 0===e?void 0:e.aiUsed)?"linear-gradient(90deg, #ffe6ee 0%, #fff0e7 100%)":l.background.warning.light}:{backgroundColor:(null==k?void 0:k.isPrivateMail)?l.background.blue.light:l.surface.hovered});else if("right"===f){const e=j&&j({aiTraceId:null===(i=k.eventProperties)||void 0===i?void 0:i.aiTraceId,messagesGroupedByAiTraceId:I});d=Object.assign(Object.assign({backgroundColor:"failed"===k.status||e?l.background.negative.light:l.background.brandVeryLight},A?{background:(null===(n=null==k?void 0:k.meta)||void 0===n?void 0:n.aiUsed)?"linear-gradient(90deg, #ffe6ee 0%, #fff0e7 100%)":l.background.warning.light}:{}),!x&&C?{maxWidth:500}:{})}return Object.assign(Object.assign({},t),d)}),[null==k?void 0:k.channelId,null==k?void 0:k.channelName,null===(c=null==k?void 0:k.meta)||void 0===c?void 0:c.aiUsed,null==k?void 0:k.status,null===(u=null==k?void 0:k.eventProperties)||void 0===u?void 0:u.aiTraceId,f,x,A,C,j,I,null==k?void 0:k.isPrivateMail]),M=a((()=>e("div",{children:[!T&&(null==p?void 0:p(n)),null==h?void 0:h(n),T&&(null==p?void 0:p(n))]})),[T,p,h,n]);return i("div",Object.assign({style:{display:"flex",marginTop:6,marginBottom:(null===(g=null===(v=null==m?void 0:m.messageInformation)||void 0===v?void 0:v.reactions)||void 0===g?void 0:g.length)>0?24:6,flexGrow:x?1:0}},{children:i("div",Object.assign({style:O},{children:e("div",{children:[i("div",Object.assign({id:m.chatActivityId||`message-${m.psqlId}`},{children:M()})),e("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",marginLeft:"32px"}},{children:[null==b?void 0:b(n),null==y?void 0:y(m)]}))]})}))}))},u=n.memo(c);export{u as Bubble,u as default};
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import t,{useMemo as n,useCallback as o}from"react";import{COLORS as l}from"../../../constants/Theme.js";import{useWindowSize as r}from"../../../hooks/useWindowSize.js";import{MESSAGE_CHANNELS as a}from"../GiftedChat/types.js";import{Constants as s,isStringifiedArray as d}from"../GiftedChat/utils.js";import{GiftedChatAppType as c}from"./types.js";const g=t=>{var g,u,v,f;const{currentMessage:m,position:h,renderMessageText:b,renderTicks:y,renderTime:p,renderCustomView:j,isCustomViewBottom:T,isUnsatisfactoryMessageFn:I,messagesGroupedByAiTraceId:O,onPress:k,containerStyle:x,bubbleStyles:C,appType:A=c.Bik}=t,M=r(),w=m,G=A===c.Manifest,P=n((()=>w.category===s.ChatActivity.Category.ACTIVITY&&w.activityType===s.ChatActivity.Type.PRIVATE_NOTE),[w.category,w.activityType]),B=n((()=>{const[e,i]=d(null==w?void 0:w.message);return e&&i&&Array.isArray(i)}),[null==w?void 0:w.message]),S=n((()=>{var e,i,t;const n={borderRadius:8,minHeight:20,margin:0,flexGrow:M?1:0},o=(null==w?void 0:w.channelId)===a.GMAIL||(null==w?void 0:w.channelName)===a.GMAIL,r=(null==w?void 0:w.channelId)===a.SMTP||(null==w?void 0:w.channelName)===a.SMTP;let s={};if(G)return s="left"===h?C&&"object"==typeof C.left?C.left:{}:C&&"object"==typeof C.right?C.right:{},Object.assign({},s);if("left"===h)s=Object.assign(Object.assign({},M||o||r?{maxWidth:"100%"}:{}),P?{background:(null===(e=null==w?void 0:w.meta)||void 0===e?void 0:e.aiUsed)?"linear-gradient(90deg, #ffe6ee 0%, #fff0e7 100%)":l.background.warning.light}:{backgroundColor:(null==w?void 0:w.isPrivateMail)?l.background.blue.light:l.surface.hovered});else{const e=I&&I({aiTraceId:null===(i=w.eventProperties)||void 0===i?void 0:i.aiTraceId,messagesGroupedByAiTraceId:O});s=Object.assign(Object.assign({backgroundColor:"failed"===w.status||e?l.background.negative.light:l.background.brandVeryLight},P?{background:(null===(t=null==w?void 0:w.meta)||void 0===t?void 0:t.aiUsed)?"linear-gradient(90deg, #ffe6ee 0%, #fff0e7 100%)":l.background.warning.light}:{}),!M&&B?{maxWidth:500}:{})}return Object.assign(Object.assign({},n),s)}),[null==w?void 0:w.channelId,null==w?void 0:w.channelName,null===(g=null==w?void 0:w.meta)||void 0===g?void 0:g.aiUsed,null==w?void 0:w.status,null===(u=null==w?void 0:w.eventProperties)||void 0===u?void 0:u.aiTraceId,h,M,P,B,I,O,null==w?void 0:w.isPrivateMail,C,G]),V=o((()=>e("div",{children:[!T&&(null==j?void 0:j(t)),null==b?void 0:b(t),T&&(null==j?void 0:j(t))]})),[T,j,b,t]),L=n((()=>G&&"object"==typeof x?"left"===h&&"left"in x&&x.left&&"object"==typeof x.left?x.left:"right"===h&&"right"in x&&x.right&&"object"==typeof x.right?x.right:{}:{}),[G,x,h]);return i("div",Object.assign({style:Object.assign(Object.assign({display:"flex",marginTop:G?0:6,marginBottom:G?0:(null===(f=null===(v=null==m?void 0:m.messageInformation)||void 0===v?void 0:v.reactions)||void 0===f?void 0:f.length)>0?24:6,flexGrow:M?1:0},G?Object.assign({alignItems:"flex-end"},"right"===h?{cursor:"pointer"}:{}):{}),L)},G?{onClick:k}:{},{children:i("div",Object.assign({style:S},{children:e("div",{children:[i("div",Object.assign({id:m.chatActivityId||`message-${m.psqlId}`},{children:V()})),e("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",marginLeft:"32px"}},{children:[null==p?void 0:p(t),null==y?void 0:y(m)]}))]})}))}))},u=t.memo(g);export{u as Bubble,u as default};

package/dist/esm/components/BikGiftedChat/Bubble/types.d.ts

@@ -1,5 +1,9 @@
 import React from 'react';
 import { IMessage, User } from '../types';
+export declare enum GiftedChatAppType {
+    Bik = "bik",
+    Manifest = "manifest"
+}
 export interface BubbleProps<TMessage extends IMessage = IMessage> {
     currentMessage: TMessage;
     previousMessage?: TMessage;
@@ -22,4 +26,13 @@ export interface BubbleProps<TMessage extends IMessage = IMessage> {
         messagesGroupedByAiTraceId?: any;
     }) => boolean;
     messagesGroupedByAiTraceId?: any;
+    containerStyle?: {
+        left?: React.CSSProperties;
+        right?: React.CSSProperties;
+    } | React.CSSProperties;
+    bubbleStyles?: {
+        left?: React.CSSProperties;
+        right?: React.CSSProperties;
+    } | React.CSSProperties;
+    appType?: GiftedChatAppType;
 }

package/dist/esm/components/BikGiftedChat/Bubble/types.js

@@ -0,0 +1 @@
+var i;!function(i){i.Bik="bik",i.Manifest="manifest"}(i||(i={}));export{i as GiftedChatAppType};

package/dist/esm/components/BikGiftedChat/GiftedChat/Day.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { GiftedChatAppType } from '../Bubble/types';
 export interface DayProps {
     createdAt?: Date | number | string;
     dateFormat?: string;
@@ -10,6 +11,7 @@ export interface DayProps {
         lastWeek?: string;
         sameElse?: string;
     };
+    appType?: GiftedChatAppType;
 }
 export declare const Day: React.NamedExoticComponent<DayProps>;
 export default Day;

package/dist/esm/components/BikGiftedChat/GiftedChat/Day.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{startOfDay as r,isSameYear as n,format as o,differenceInDays as a}from"date-fns";import s,{useMemo as i}from"react";import{COLORS as l}from"../../../constants/Theme.js";import{BodyCaption as d}from"../../TypographyStyle.js";const p=s=>{let{createdAt:p,dateFormat:m="D MMMM YY",dateFormatCalendar:y}=s;const c=i((()=>{if(null==p)return null;const e=r(new Date);let t;if("number"==typeof p)t=r(new Date(p));else if(p instanceof Date)t=r(p);else{if("string"!=typeof p)return null;t=r(new Date(p))}if(!n(e,t))return o(t,"EEEE, d MMMM yy");const s=a(e,t);return s<1?(null==y?void 0:y.sameDay)?y.sameDay.replace(/\[|\]/g,""):"Today":1===s?"Yesterday":o(t,"EEEE, d MMMM yy")}),[p,m,y]);return c?e("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"center",margin:"12px 0px 12px 8px"}},{children:[t("div",{style:{flex:1,height:"1px",backgroundColor:l.stroke.primary}}),t("div",Object.assign({style:{border:`1px solid ${l.stroke.primary}`,borderRadius:"16px",padding:"4px 12px"}},{children:t(d,Object.assign({style:{color:l.content.secondary}},{children:c}))})),t("div",{style:{flex:1,height:"1px",backgroundColor:l.stroke.primary}})]})):null},m=s.memo(p);export{m as Day,m as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{startOfDay as r,format as n,isSameYear as a,differenceInDays as i}from"date-fns";import o,{useMemo as s}from"react";import{COLORS as l}from"../../../constants/Theme.js";import{BodyCaption as p}from"../../TypographyStyle.js";import{GiftedChatAppType as d}from"../Bubble/types.js";const y=o=>{let{createdAt:y,dateFormat:c="D MMMM YY",dateFormatCalendar:m,appType:f=d.Bik}=o;const g=s((()=>{if(null==y)return null;let e;if("number"==typeof y)e=r(new Date(y));else if(y instanceof Date)e=r(y);else{if("string"!=typeof y)return null;e=r(new Date(y))}if(f===d.Manifest)return n(e,"MMM d, yyyy");const t=r(new Date);if(!a(t,e))return n(e,"EEEE, d MMMM yy");const o=i(t,e);return o<1?(null==m?void 0:m.sameDay)?m.sameDay.replace(/\[|\]/g,""):"Today":1===o?"Yesterday":n(e,"EEEE, d MMMM yy")}),[y,c,m,f]);return g?f===d.Manifest?e("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"center",marginTop:5,marginBottom:10}},{children:e("span",Object.assign({style:{background:"transparent",color:"#b2b2b2",fontSize:12,fontWeight:600,padding:"2px 8px"}},{children:g}))})):t("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"center",margin:"12px 0px 12px 8px"}},{children:[e("div",{style:{flex:1,height:"1px",backgroundColor:l.stroke.primary}}),e("div",Object.assign({style:{border:`1px solid ${l.stroke.primary}`,borderRadius:"16px",padding:"4px 12px"}},{children:e(p,Object.assign({style:{color:l.content.secondary}},{children:g}))})),e("div",{style:{flex:1,height:"1px",backgroundColor:l.stroke.primary}})]})):null},c=o.memo(y);export{c as Day,c as default};

package/dist/esm/components/BikGiftedChat/GiftedChat/GiftedChat.js

@@ -1 +1 @@
-import{__rest as e}from"../../../_virtual/_tslib.js";import{jsx as r,Fragment as t,jsxs as s}from"react/jsx-runtime";import i,{forwardRef as n,useRef as o,useMemo as a,useImperativeHandle as l,useCallback as d}from"react";import{COLORS as g}from"../../../constants/Theme.js";import{useWindowSize as c}from"../../../hooks/useWindowSize.js";import{BodySecondary as u}from"../../TypographyStyle.js";import{Day as v}from"./Day.js";import{getMessagePlacement as h,shouldCenterAlign as m}from"./messageHelpers.js";import{useScrollToBottom as p,useInitialMountScroll as f,useScrollCleanup as y,useRestoreScrollPosition as b,useAutoScrollOnNewMessages as j,useResizeObserverForFirstMessage as x,useScrollHandler as A}from"./scrollHooks.js";import{MESSAGE_CHANNELS as O}from"./types.js";import{normalizeRef as T,isSameDay as w,Constants as M,TOP_THRESHOLD as _}from"./utils.js";var E=n(((n,E)=>{var S;const C=n||{},{messages:k=[],user:I,renderBubble:L,renderAvatar:B,renderDay:R,renderLoading:D,renderChatEmpty:P,listViewProps:$={},renderAvatarOnTop:F=!1,showUserAvatar:U=!1,showAvatarForEveryMessage:V=!1,inverted:G=!1,messageIdGenerator:H,topThreshold:N=_}=C,W=e(C,["messages","user","renderBubble","renderAvatar","renderDay","renderLoading","renderChatEmpty","listViewProps","renderAvatarOnTop","showUserAvatar","showAvatarForEveryMessage","inverted","messageIdGenerator","topThreshold"]),Y=c(),z=o(null),X=T($.ref||E,z),q=o({isInitialMount:!0,isUserScrolling:!1,isLoadingOldMessages:!1,isAtBottom:!0,hasTriggeredEndReached:!1,lastMessagesLength:null!==(S=null==k?void 0:k.length)&&void 0!==S?S:0,previousScrollHeight:0,previousScrollTop:0,scrollTimeout:null}),J=a((()=>k&&0!==k.length?[...k].reverse():[]),[k]),K=p(X,q);l(E,(()=>X.current)),f(X,q,J.length,K),y(q),b(X,q,J.length),j(X,q,k.length,K),x(null==k?void 0:k[0],q,K,H);const Q=A(q,$.onEndReached,$.onScroll,N),Z=d((e=>{var r;return Boolean(e&&I&&(null===(r=e.user)||void 0===r?void 0:r._id)===I._id)}),[I]),ee=d(((e,r)=>!!U&&(!!V||(!r||r.user._id!==e.user._id))),[U,V]),re=d(((e,t,s)=>{const i=Z(e)?"right":"left",n=Object.assign({currentMessage:e,previousMessage:t,nextMessage:s,position:i,user:I},W);return L?L(n):r("div",Object.assign({style:{maxWidth:"70%",width:"fit-content",padding:"8px 12px",borderRadius:4,backgroundColor:"right"===i?g.background.brandLight:g.background.inactive,color:g.content.primary,wordBreak:"break-word"}},{children:r(u,{children:e.text})}))}),[Z,I,L,W]),te=d(((e,r,t)=>{if(!ee(e,t))return null;const s=Z(e)?"right":"left";return B?B({currentMessage:e,previousMessage:r,nextMessage:t,position:s,user:I,renderAvatarOnTop:F,showUserAvatar:U,showAvatarForEveryMessage:V}):null}),[ee,Z,I,F,U,V,B]);return k&&0!==k.length?s("div",Object.assign({ref:X,style:Object.assign({flex:1,overflowY:"auto",overflowX:"hidden",display:"flex",flexDirection:"column"},$.style),onScroll:Q},{children:[r("div",{style:{flex:"1 0 auto"}}),r("div",Object.assign({style:{display:"flex",flexDirection:"column",flex:"0 0 auto"}},{children:J.map(((e,t)=>{var n,o,a,l,d;const g=Z(e)?"right":"left",c=J[t-1],u=J[t+1],p=!w(e,c),f=h(e,g),y=m(e),b=(null==e?void 0:e.channelId)===O.SMTP||(null==e?void 0:e.channelName)===O.SMTP,j=e.category===M.ChatActivity.Category.ACTIVITY&&e.activityType===M.ChatActivity.Type.PRIVATE_NOTE;return s(i.Fragment,{children:[p&&(R?R({createdAt:e.createdAt}):r(v,{createdAt:e.createdAt})),s("div",Object.assign({style:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},Y?{margin:"0 4px"}:{}),y?{}:{display:"flex"}),Y||2!==(null===(n=null==e?void 0:e.user)||void 0===n?void 0:n._id)?{marginRight:8}:{marginLeft:8}),b&&!j&&Y?{marginLeft:8,marginRight:8}:{}),{justifyContent:f,marginBottom:8})},{children:[!Y&&"left"===g&&r("div",Object.assign({style:{margin:"0 8px"}},{children:te(e,c,u)})),r("div",Object.assign({id:`message-bubble-${null!==(o=e._id)&&void 0!==o?o:`${t}-${null!==(a=null==H?void 0:H())&&void 0!==a?a:"id"}`}`,style:Y&&b?{display:"flex",flexGrow:1}:{}},{children:re(e,c,u)})),!Y&&"right"===g&&r("div",Object.assign({style:{margin:"0 8px"}},{children:te(e,c,u)}))]}))]},null!==(l=e._id)&&void 0!==l?l:`${t}-${null!==(d=null==H?void 0:H())&&void 0!==d?d:"id"}`)}))}))]})):P?r(t,{children:P()}):null}));export{E as default};
+import{__rest as e}from"../../../_virtual/_tslib.js";import{jsx as r,Fragment as t,jsxs as i}from"react/jsx-runtime";import s,{forwardRef as n,useRef as a,useMemo as o,useImperativeHandle as l,useCallback as d}from"react";import{COLORS as g}from"../../../constants/Theme.js";import{useWindowSize as c}from"../../../hooks/useWindowSize.js";import{BodySecondary as u}from"../../TypographyStyle.js";import{GiftedChatAppType as p}from"../Bubble/types.js";import{Day as v}from"./Day.js";import{getMessagePlacement as h,shouldCenterAlign as m}from"./messageHelpers.js";import{useScrollToBottom as f,useInitialMountScroll as y,useScrollCleanup as b,useRestoreScrollPosition as j,useAutoScrollOnNewMessages as x,useResizeObserverForFirstMessage as M,useScrollHandler as T}from"./scrollHooks.js";import{MESSAGE_CHANNELS as O}from"./types.js";import{TOP_THRESHOLD as A,normalizeRef as w,isSameDay as k,Constants as _}from"./utils.js";var E=n(((n,E)=>{var S;const B=n||{},{messages:C=[],user:I,renderBubble:L,renderAvatar:R,renderDay:D,renderLoading:P,renderChatEmpty:$,listViewProps:F={},renderAvatarOnTop:U=!1,showUserAvatar:V=!1,showAvatarForEveryMessage:W=!1,inverted:G=!1,messageIdGenerator:H,topThreshold:N=A,appType:Y=p.Bik}=B,z=e(B,["messages","user","renderBubble","renderAvatar","renderDay","renderLoading","renderChatEmpty","listViewProps","renderAvatarOnTop","showUserAvatar","showAvatarForEveryMessage","inverted","messageIdGenerator","topThreshold","appType"]),X=c(),q=a(null),J=w(F.ref||E,q),K=a({isInitialMount:!0,isUserScrolling:!1,isLoadingOldMessages:!1,isAtBottom:!0,hasTriggeredEndReached:!1,lastMessagesLength:null!==(S=null==C?void 0:C.length)&&void 0!==S?S:0,previousScrollHeight:0,previousScrollTop:0,scrollTimeout:null}),Q=o((()=>C&&0!==C.length?[...C].reverse():[]),[C]),Z=f(J,K);l(E,(()=>J.current)),y(J,K,Q.length,Z),b(K),j(J,K,Q.length),x(J,K,C.length,Z),M(null==C?void 0:C[0],K,Z,H);const ee=T(K,F.onEndReached,F.onScroll,N),re=d((e=>{var r;return Boolean(e&&I&&(null===(r=e.user)||void 0===r?void 0:r._id)===I._id)}),[I]),te=d(((e,r)=>!!V&&(!!W||(!r||r.user._id!==e.user._id))),[V,W]),ie=d(((e,t,i)=>{const s=re(e)?"right":"left",n=Object.assign({currentMessage:e,previousMessage:t,nextMessage:i,position:s,user:I},z);return L?L(n):r("div",Object.assign({style:Object.assign(Object.assign({maxWidth:Y===p.Manifest?"50%":"70%",width:"fit-content"},Y===p.Manifest?{minWidth:"130px"}:{}),{padding:"8px 12px",borderRadius:Y===p.Manifest?16:4,border:"left"===s&&Y===p.Manifest?"1px solid rgb(224, 224, 224)":"none",backgroundColor:"right"===s?Y===p.Manifest?g.background.brandTint:g.background.brandLight:Y===p.Manifest?g.background.pureWhite:g.background.inactive,color:g.content.primary,wordBreak:"break-word"})},{children:r(u,{children:e.text})}))}),[re,I,L,z]),se=d(((e,r,t)=>{if(!te(e,t))return null;const i=re(e)?"right":"left";return R?R({currentMessage:e,previousMessage:r,nextMessage:t,position:i,user:I,renderAvatarOnTop:U,showUserAvatar:V,showAvatarForEveryMessage:W}):null}),[te,re,I,U,V,W,R]);return C&&0!==C.length?i("div",Object.assign({ref:J,style:Object.assign({flex:1,overflowY:"auto",overflowX:"hidden",display:"flex",flexDirection:"column"},F.style),onScroll:ee},{children:[r("div",{style:{flex:"1 0 auto"}}),r("div",Object.assign({style:{display:"flex",flexDirection:"column",flex:"0 0 auto"}},{children:Q.map(((e,t)=>{var n,a,o,l,d;const g=re(e)?"right":"left",c=Q[t-1],u=Q[t+1],f=!k(e,c),y=h(e,g),b=m(e),j=(null==e?void 0:e.channelId)===O.SMTP||(null==e?void 0:e.channelName)===O.SMTP,x=e.category===_.ChatActivity.Category.ACTIVITY&&e.activityType===_.ChatActivity.Type.PRIVATE_NOTE;return i(s.Fragment,{children:[f&&(D?D({createdAt:e.createdAt}):r(v,{createdAt:e.createdAt,appType:Y})),i("div",Object.assign({style:Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({},X?{margin:"0 4px"}:{}),b?{}:{display:"flex"}),Y!==p.Manifest?X||2!==(null===(n=null==e?void 0:e.user)||void 0===n?void 0:n._id)?{marginRight:8}:{marginLeft:8}:{}),j&&!x&&X?{marginLeft:8,marginRight:8}:{}),{justifyContent:y,marginBottom:8})},{children:[!X&&"left"===g&&r("div",Object.assign({style:{margin:"0 8px"}},{children:se(e,c,u)})),r("div",Object.assign({id:`message-bubble-${null!==(a=e._id)&&void 0!==a?a:`${t}-${null!==(o=null==H?void 0:H())&&void 0!==o?o:"id"}`}`,style:Y===p.Manifest?{width:"100%"}:X&&j?{display:"flex",flexGrow:1}:{}},{children:ie(e,c,u)})),!X&&"right"===g&&r("div",Object.assign({style:{margin:"0 8px"}},{children:se(e,c,u)}))]}))]},null!==(l=e._id)&&void 0!==l?l:`${t}-${null!==(d=null==H?void 0:H())&&void 0!==d?d:"id"}`)}))}))]})):$?r(t,{children:$()}):null}));export{E as default};

package/dist/esm/components/BikGiftedChat/GiftedChat/types.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BubbleProps } from '../Bubble/types';
+import { BubbleProps, GiftedChatAppType } from '../Bubble/types';
 import { IMessage, LeftRightStyle, User } from '../types';
 export interface ListViewProps {
     /** Custom styles for the container. */
@@ -90,6 +90,7 @@ export interface GiftedChatProps<TMessage extends IMessage = IMessage> {
     onPress?: (context?: any, message?: TMessage) => void;
     /** Function to generate message IDs. */
     messageIdGenerator?: (message?: TMessage) => string;
+    appType?: GiftedChatAppType;
     [key: string]: any;
 }
 export interface ScrollState {

package/dist/esm/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
 declare const EventsTrigger: React.FC<QueryBuilderNodeProps>;
 export default EventsTrigger;

package/dist/esm/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/esm/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
 declare const IGTrigger: React.FC<QueryBuilderNodeProps>;
 export default IGTrigger;

package/dist/esm/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { DropdownOption } from "../../../dropdown/type";
-import { QueryBuilderProperty } from "../../types/QueryBuilder.type";
-import { QueryBuilderNodeProps } from "../../types/QueryBuilderNodeProps.type";
+import { QueryBuilderProperty } from "../../Types/QueryBuilder.type";
+import { QueryBuilderNodeProps } from "../../Types/QueryBuilderNodeProps.type";
 declare const BaseTriggerQueryBuilderNode: React.FC<QueryBuilderNodeProps & {
     cacheKey: string;
     propertyAddBtnText: string;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Menus: ({
     displayName: string;
     key: number;

package/dist/esm/constants/Theme.d.ts

@@ -3,6 +3,7 @@ export declare const BASE_COLORS: {
         900: string;
         800: string;
         500: string;
+        100: string;
         50: string;
         10: string;
     };
@@ -51,6 +52,8 @@ export declare const COLORS: {
         brand: string;
         brandLight: string;
         brandVeryLight: string;
+        pureWhite: string;
+        brandTint: string;
         negative: {
             vibrant: string;
             light: string;
@@ -66,6 +69,8 @@ export declare const COLORS: {
         blue: {
             light: string;
         };
+        white: string;
+        lightbrand: string;
     };
     icon: {
         placeholder: string;
@@ -340,6 +345,8 @@ export declare const DEFAULT_THEME: {
             brand: string;
             brandLight: string;
             brandVeryLight: string;
+            pureWhite: string;
+            brandTint: string;
             negative: {
                 vibrant: string;
                 light: string;
@@ -355,6 +362,8 @@ export declare const DEFAULT_THEME: {
             blue: {
                 light: string;
             };
+            white: string;
+            lightbrand: string;
         };
         icon: {
             placeholder: string;

package/dist/esm/constants/Theme.js

@@ -1 +1 @@
-const e={brand:{900:"#28034E",800:"#4B1583",500:"#731DCF",50:"#EFE6F9",10:"#F9F3FF"},grayscale:{900:"#212121",700:"#616161",500:"#9E9E9E",400:"#BDBDBD",200:"#E0E0E0",100:"#F0F0F0",70:"#F7F7F7",50:"#FAFAFA",white:"#FFFFFF",alpha:"#00000088"},negative:{900:"#B92321",700:"#D53434",100:"#FFCED4",50:"#FFEBEF"},warning:{900:"#99631B",500:"#FEC02D",100:"#FFEABE",50:"#FFF7E5"},positive:{900:"#00580E",700:"#1A872C",100:"#C3E4C4",50:"#E6F4E7"},bikAi:{500:"linear-gradient(93deg, #FF166A 0.37%, #FB5F08 100%)",100:"linear-gradient(93deg, #FEBAD2 0.37%, #FDD1B9 100%)",50:"linear-gradient(93deg, #FFE6EE 0.37%, #FFF0E7 100%)"}},t={background:{inactive:e.grayscale[200],base:e.grayscale[100],inverse:e.brand[900],inverseLight:e.brand[800],brand:e.brand[500],brandLight:e.brand[50],brandVeryLight:e.brand[10],negative:{vibrant:e.negative[700],light:e.negative[50]},warning:{vibrant:e.warning[500],light:e.warning[50]},positive:{vibrant:e.positive[700],light:e.positive[50]},blue:{light:"#E5F2FF"}},icon:{placeholder:"#9E9E9E"},scrim:{standard:"#00000099"},surface:{standard:e.grayscale.white,subdued:e.grayscale[50],hovered:e.grayscale[100],grey:e.grayscale[70],ai:e.bikAi[500],aiLight:e.bikAi[50]},content:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],inactive:e.grayscale[400],brand:e.brand[500],primaryInverse:e.grayscale.white,secondaryInverse:"#ffffffcc",negative:e.negative[900],warning:e.warning[900],positive:e.positive[900],blue:"#28458F",ai:e.bikAi[500]},stroke:{primary:e.grayscale[200],brand:e.brand[500],negative:{lightAlt:e.negative[100],vibrant:e.negative[700]},warning:{lightAlt:e.warning[100],vibrant:e.warning[500]},positive:{lightAlt:e.positive[100],vibrant:e.positive[700]},brandLightAlt:"#DDCCF0",blue:{lightAlt:"#C3D5E5"},ai:{lightAlt:"#FEBAD2",vibrant:"#F23275"}},special:{whatsapp:{brand:"#25D366",gradient:"linear-gradient(360deg, #20B038 0%, #60D66A 100%)",dark:"#455A64",gradientArr:["#20B038","#60D66A"]},brand:{google:"#DD4B39",facebook:"#1877F2"}},text:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],disabled:e.grayscale[400],white:e.grayscale.white,brand:e.brand[500],altPrimary:e.brand[900],altSecondary:e.brand[800]}},i={display:{fontWeight:"400",fontSize:32,lineHeight:40,letterSpacing:0},titleXLarge:{fontWeight:"600",fontSize:32,lineHeight:40,letterSpacing:0},titleLarge:{fontWeight:"600",fontSize:28,lineHeight:40,letterSpacing:0},titleMedium:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},titleRegular:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},titleSmall:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},bodyPrimary:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodyLarge:{fontWeight:"400",fontSize:20,lineHeight:28,letterSpacing:0},bodySecondary:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},caption:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},tiny:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},subHeading:{fontWeight:"600",fontSize:10,lineHeight:12,letterSpacing:0},title1:{fontWeight:"600",fontSize:24,lineHeight:32,letterSpacing:0},title1Mobile:{fontWeight:"600",fontSize:20,lineHeight:30,letterSpacing:0},title2:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},title2Mobile:{fontWeight:"600",fontSize:18,lineHeight:24,letterSpacing:0},title3:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},title3Mobile:{fontWeight:"500",fontSize:14,lineHeight:20,letterSpacing:0},title4:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},textPlaceholder:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},title4Mobile:{fontWeight:"400",fontSize:10,lineHeight:16,letterSpacing:0},bodyRegularMobile:{fontWeight:"400",fontSize:14,lineHeight:18,letterSpacing:0},bodyRegular:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodySmall:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},buttonLarge:{fontWeight:"600",fontSize:16,lineHeight:20,letterSpacing:0},buttonRegular:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},captionMobile:{fontWeight:"500",fontSize:10,lineHeight:12,letterSpacing:0},captionBold:{fontWeight:"700",fontSize:12,lineHeight:16,letterSpacing:0},text1Bold:{fontWeight:"700",fontSize:10,lineHeight:14,letterSpacing:0},toast:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},toastMobile:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0}},n={colorsV2:t,fonts:i};export{e as BASE_COLORS,t as COLORS,n as DEFAULT_THEME,i as FONTS};
+const e={brand:{900:"#28034E",800:"#4B1583",500:"#731DCF",100:"#F3EDF9",50:"#EFE6F9",10:"#F9F3FF"},grayscale:{900:"#212121",700:"#616161",500:"#9E9E9E",400:"#BDBDBD",200:"#E0E0E0",100:"#F0F0F0",70:"#F7F7F7",50:"#FAFAFA",white:"#FFFFFF",alpha:"#00000088"},negative:{900:"#B92321",700:"#D53434",100:"#FFCED4",50:"#FFEBEF"},warning:{900:"#99631B",500:"#FEC02D",100:"#FFEABE",50:"#FFF7E5"},positive:{900:"#00580E",700:"#1A872C",100:"#C3E4C4",50:"#E6F4E7"},bikAi:{500:"linear-gradient(93deg, #FF166A 0.37%, #FB5F08 100%)",100:"linear-gradient(93deg, #FEBAD2 0.37%, #FDD1B9 100%)",50:"linear-gradient(93deg, #FFE6EE 0.37%, #FFF0E7 100%)"}},t={background:{inactive:e.grayscale[200],base:e.grayscale[100],inverse:e.brand[900],inverseLight:e.brand[800],brand:e.brand[500],brandLight:e.brand[50],brandVeryLight:e.brand[10],pureWhite:e.grayscale.white,brandTint:e.brand[100],negative:{vibrant:e.negative[700],light:e.negative[50]},warning:{vibrant:e.warning[500],light:e.warning[50]},positive:{vibrant:e.positive[700],light:e.positive[50]},blue:{light:"#E5F2FF"},white:e.grayscale.white,lightbrand:"#F3EDF9"},icon:{placeholder:"#9E9E9E"},scrim:{standard:"#00000099"},surface:{standard:e.grayscale.white,subdued:e.grayscale[50],hovered:e.grayscale[100],grey:e.grayscale[70],ai:e.bikAi[500],aiLight:e.bikAi[50]},content:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],inactive:e.grayscale[400],brand:e.brand[500],primaryInverse:e.grayscale.white,secondaryInverse:"#ffffffcc",negative:e.negative[900],warning:e.warning[900],positive:e.positive[900],blue:"#28458F",ai:e.bikAi[500]},stroke:{primary:e.grayscale[200],brand:e.brand[500],negative:{lightAlt:e.negative[100],vibrant:e.negative[700]},warning:{lightAlt:e.warning[100],vibrant:e.warning[500]},positive:{lightAlt:e.positive[100],vibrant:e.positive[700]},brandLightAlt:"#DDCCF0",blue:{lightAlt:"#C3D5E5"},ai:{lightAlt:"#FEBAD2",vibrant:"#F23275"}},special:{whatsapp:{brand:"#25D366",gradient:"linear-gradient(360deg, #20B038 0%, #60D66A 100%)",dark:"#455A64",gradientArr:["#20B038","#60D66A"]},brand:{google:"#DD4B39",facebook:"#1877F2"}},text:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],disabled:e.grayscale[400],white:e.grayscale.white,brand:e.brand[500],altPrimary:e.brand[900],altSecondary:e.brand[800]}},i={display:{fontWeight:"400",fontSize:32,lineHeight:40,letterSpacing:0},titleXLarge:{fontWeight:"600",fontSize:32,lineHeight:40,letterSpacing:0},titleLarge:{fontWeight:"600",fontSize:28,lineHeight:40,letterSpacing:0},titleMedium:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},titleRegular:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},titleSmall:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},bodyPrimary:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodyLarge:{fontWeight:"400",fontSize:20,lineHeight:28,letterSpacing:0},bodySecondary:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},caption:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},tiny:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},subHeading:{fontWeight:"600",fontSize:10,lineHeight:12,letterSpacing:0},title1:{fontWeight:"600",fontSize:24,lineHeight:32,letterSpacing:0},title1Mobile:{fontWeight:"600",fontSize:20,lineHeight:30,letterSpacing:0},title2:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},title2Mobile:{fontWeight:"600",fontSize:18,lineHeight:24,letterSpacing:0},title3:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},title3Mobile:{fontWeight:"500",fontSize:14,lineHeight:20,letterSpacing:0},title4:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},textPlaceholder:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},title4Mobile:{fontWeight:"400",fontSize:10,lineHeight:16,letterSpacing:0},bodyRegularMobile:{fontWeight:"400",fontSize:14,lineHeight:18,letterSpacing:0},bodyRegular:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodySmall:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},buttonLarge:{fontWeight:"600",fontSize:16,lineHeight:20,letterSpacing:0},buttonRegular:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},captionMobile:{fontWeight:"500",fontSize:10,lineHeight:12,letterSpacing:0},captionBold:{fontWeight:"700",fontSize:12,lineHeight:16,letterSpacing:0},text1Bold:{fontWeight:"700",fontSize:10,lineHeight:14,letterSpacing:0},toast:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},toastMobile:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0}},n={colorsV2:t,fonts:i};export{e as BASE_COLORS,t as COLORS,n as DEFAULT_THEME,i as FONTS};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.747",
+	"version": "0.0.748-beta-12",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",
@@ -159,10 +159,10 @@
 		"@emotion/react": "^11.0.0",
 		"@emotion/styled": "^11.0.0",
 		"date-fns": "^2.29.3",
-		"react": "^16.8.0 || ^17 || ^18",
+		"react": "^16.8.0 || ^17 || ^18 || ^19",
 		"react-calendar": "^3.7.0",
 		"react-chips": "^0.8.0",
-		"react-dom": "^16.8.0 || ^17 || ^18",
+		"react-dom": "^16.8.0 || ^17 || ^18 || ^19",
 		"react-redux": "^7.2.6",
 		"redux": "^4.1.2",
 		"styled-components": "^5.3.3"