@bikdotai/bik-component-library 0.0.77-4.beta.0.9 → 0.0.78

package/dist/cjs/assets/icons/upload.svg.js

@@ -1 +0,0 @@
-"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r,a=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},n.apply(this,arguments)}var l=e=>a.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 17 18"},e),t||(t=a.createElement("path",{fill:"currentColor",d:"M9.09.911a.833.833 0 0 0-1.18 0L3.745 5.078a.833.833 0 1 0 1.179 1.178l2.744-2.744V11.5a.833.833 0 1 0 1.666 0V3.512l2.744 2.744a.833.833 0 1 0 1.179-1.178L9.089.91Z"})),r||(r=a.createElement("path",{fill:"currentColor",d:"M1.833 11.5a.833.833 0 0 0-1.666 0v3.334a2.5 2.5 0 0 0 2.5 2.5h11.666a2.5 2.5 0 0 0 2.5-2.5V11.5a.833.833 0 0 0-1.666 0v3.334a.833.833 0 0 1-.834.833H2.667a.833.833 0 0 1-.834-.833V11.5Z"})));exports.default=l;

package/dist/cjs/assets/icons/website.svg.js

@@ -1 +0,0 @@
-"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var c=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,c.get?c:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r=e(require("react"));function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var c in r)Object.prototype.hasOwnProperty.call(r,c)&&(e[c]=r[c])}return e},c.apply(this,arguments)}var a=e=>r.createElement("svg",c({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},e),t||(t=r.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M14.667 8A6.667 6.667 0 0 1 8 14.668h-.004a6.667 6.667 0 1 1 6.67-6.666Zm-1.888 2.37a5.356 5.356 0 0 1-2.41 2.41c.043-.087.085-.175.126-.266.2-.452.37-.962.502-1.516a8.789 8.789 0 0 0 1.516-.502c.09-.04.18-.082.266-.126ZM13.333 8c0 .152-.066.346-.287.58-.225.235-.582.478-1.074.697-.221.098-.463.189-.724.27a13.914 13.914 0 0 0 0-3.093c.26.081.503.172.724.27.492.219.849.462 1.074.698.221.233.287.427.287.579Zm-.554-2.369a6.57 6.57 0 0 0-.266-.125c-.451-.201-.962-.37-1.516-.503a8.796 8.796 0 0 0-.502-1.516c-.04-.09-.082-.179-.126-.266a5.356 5.356 0 0 1 2.41 2.41Zm-3.233-.879a6.724 6.724 0 0 0-.27-.723c-.219-.492-.462-.85-.698-1.074-.233-.221-.427-.288-.578-.288-.152 0-.346.067-.579.288-.236.225-.48.582-.698 1.074-.098.22-.188.463-.27.723a13.908 13.908 0 0 1 3.093 0Zm-4.544.251a8.79 8.79 0 0 1 .503-1.516c.04-.09.082-.179.125-.265a5.356 5.356 0 0 0-2.41 2.41 6.59 6.59 0 0 1 .267-.126c.451-.2.961-.37 1.515-.503ZM3.221 10.37a5.356 5.356 0 0 0 2.409 2.41 6.638 6.638 0 0 1-.125-.266c-.2-.452-.37-.962-.503-1.516a8.794 8.794 0 0 1-1.515-.502c-.09-.04-.18-.082-.266-.126Zm1.53-.823a6.722 6.722 0 0 1-.723-.27c-.492-.219-.849-.462-1.074-.698-.221-.233-.287-.427-.287-.578 0-.152.066-.346.287-.579.225-.236.582-.48 1.074-.698.22-.098.463-.188.723-.27a13.91 13.91 0 0 0 0 3.093Zm1.387.315A12.293 12.293 0 0 1 6 8.001c0-.658.049-1.284.138-1.862A12.293 12.293 0 0 1 8 6.001c.657 0 1.284.049 1.861.138C9.951 6.717 10 7.343 10 8c0 .657-.05 1.284-.139 1.861-.577.09-1.204.139-1.861.139-.658 0-1.284-.05-1.862-.139Zm.315 1.387c.082.26.172.503.27.723.219.492.462.85.698 1.074.233.222.427.288.579.288.15 0 .345-.066.578-.288.236-.225.48-.582.698-1.073a6.73 6.73 0 0 0 .27-.724 13.907 13.907 0 0 1-3.093 0Z",clipRule:"evenodd"})));exports.default=a;

package/dist/cjs/assets/icons/whatsNew.svg.js

@@ -1 +0,0 @@
-"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r,n=e(require("react"));function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}var l=e=>n.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 32 32"},e),t||(t=n.createElement("g",{stroke:"currentColor",strokeLinecap:"round",strokeWidth:1.5,clipPath:"url(#whatsNew_svg__a)"},n.createElement("path",{strokeLinejoin:"round",d:"m22.18 15.305-6.725 9.097a.75.75 0 0 0-.102.7l.42 1.165a.75.75 0 0 0 1.183.325l3.78-3.027"}),n.createElement("path",{strokeLinejoin:"round",d:"M6.446 17.664a.75.75 0 0 0 .65 1.194c6.4-.393 10.625 2.478 10.625 2.478l3.016 2.23a3.75 3.75 0 1 0 4.458-6.032l-3.015-2.229s-3.985-3.197-5.486-9.43a.75.75 0 0 0-1.332-.273L6.446 17.664Z"}),n.createElement("path",{d:"m7.692 12.082-2.443-.73m5.693-2.995L9.89 6.036m-.97 3.65L5.667 6.87"}))),r||(r=n.createElement("defs",null,n.createElement("clipPath",{id:"whatsNew_svg__a"},n.createElement("path",{fill:"#fff",d:"M4 4h24v24H4z"})))));exports.default=l;

package/dist/cjs/assets/icons/whatsapp-channel.svg.js

@@ -1 +0,0 @@
-"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,a,r=e(require("react"));function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},n.apply(this,arguments)}var l=e=>r.createElement("svg",n({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 18 18"},e),t||(t=r.createElement("g",{clipPath:"url(#whatsapp-channel_svg__a)"},r.createElement("path",{fill:"url(#whatsapp-channel_svg__b)",d:"M.383 8.892c0 1.513.398 2.99 1.155 4.29L.311 17.63l4.586-1.193a8.702 8.702 0 0 0 4.135 1.044h.003c4.769 0 8.65-3.85 8.652-8.582.001-2.293-.898-4.45-2.532-6.072A8.632 8.632 0 0 0 9.035.311C4.266.31.385 4.16.383 8.892"}),r.createElement("path",{fill:"url(#whatsapp-channel_svg__c)",d:"M.075 8.89c0 1.566.412 3.096 1.197 4.444L0 17.941l4.751-1.237a9.014 9.014 0 0 0 4.283 1.083h.004c4.939 0 8.96-3.989 8.962-8.89 0-2.376-.93-4.61-2.623-6.29A8.942 8.942 0 0 0 9.037 0C4.098 0 .078 3.988.076 8.89Zm2.83 4.212-.178-.28A7.327 7.327 0 0 1 1.588 8.89C1.59 4.816 4.932 1.501 9.04 1.501c1.99.001 3.86.77 5.267 2.167a7.316 7.316 0 0 1 2.18 5.228c-.002 4.074-3.344 7.39-7.45 7.39h-.002a7.485 7.485 0 0 1-3.792-1.031l-.272-.16-2.82.733.754-2.726Z"}),r.createElement("path",{fill:"#fff",d:"M6.796 5.17c-.167-.37-.344-.377-.503-.384-.131-.005-.28-.005-.43-.005a.826.826 0 0 0-.597.278c-.205.223-.784.76-.784 1.853 0 1.094.803 2.15.915 2.298.112.149 1.549 2.464 3.825 3.354 1.892.74 2.277.593 2.687.556.41-.037 1.325-.537 1.512-1.056.187-.519.187-.963.13-1.056-.055-.093-.205-.149-.429-.26-.224-.11-1.325-.648-1.53-.723-.205-.074-.354-.11-.504.112-.15.222-.578.722-.709.87-.13.15-.261.168-.485.056-.224-.111-.945-.345-1.8-1.102-.667-.59-1.116-1.317-1.247-1.54-.13-.221-.014-.342.099-.452.1-.1.224-.26.336-.39.111-.13.149-.222.223-.37.075-.148.038-.278-.018-.39-.056-.11-.491-1.21-.69-1.649"}))),a||(a=r.createElement("defs",null,r.createElement("linearGradient",{id:"whatsapp-channel_svg__b",x1:8.999,x2:8.999,y1:17.63,y2:.311,gradientUnits:"userSpaceOnUse"},r.createElement("stop",{stopColor:"#1FAF38"}),r.createElement("stop",{offset:1,stopColor:"#60D669"})),r.createElement("linearGradient",{id:"whatsapp-channel_svg__c",x1:9,x2:9,y1:17.941,y2:0,gradientUnits:"userSpaceOnUse"},r.createElement("stop",{stopColor:"#F9F9F9"}),r.createElement("stop",{offset:1,stopColor:"#fff"})),r.createElement("clipPath",{id:"whatsapp-channel_svg__a"},r.createElement("path",{fill:"#fff",d:"M0 0h18v18H0z"})))));exports.default=l;

package/dist/cjs/assets/icons/whatsapp_color.svg.js

@@ -1 +0,0 @@
-"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r,a,n=e(require("react"));function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},c.apply(this,arguments)}var l=e=>n.createElement("svg",c({xmlns:"http://www.w3.org/2000/svg","aria-label":"WhatsApp",viewBox:"0 0 512 512"},e),t||(t=n.createElement("rect",{width:512,height:512,fill:"#25d366",rx:"15%"})),r||(r=n.createElement("path",{fill:"#25d366",stroke:"#fff",strokeWidth:26,d:"m123 393 14-65a138 138 0 1 1 50 47z"})),a||(a=n.createElement("path",{fill:"#fff",d:"M308 273c-3-2-6-3-9 1l-12 16c-3 2-5 3-9 1-15-8-36-17-54-47-1-4 1-6 3-8l9-14c2-2 1-4 0-6l-12-29c-3-8-6-7-9-7h-8c-2 0-6 1-10 5-22 22-13 53 3 73 3 4 23 40 66 59 32 14 39 12 48 10 11-1 22-10 27-19 1-3 6-16 2-18"})));exports.default=l;

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

@@ -1,5 +0,0 @@
-import React from 'react';
-import { IMessage } from '../types';
-import { BubbleProps } from './types';
-export declare const Bubble: <TMessage extends IMessage<import("../types").User> = IMessage<import("../types").User>>(props: BubbleProps<TMessage>) => React.ReactElement;
-export default Bubble;

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

@@ -1 +0,0 @@
-"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,38 +0,0 @@
-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;
-    nextMessage?: TMessage;
-    position: 'left' | 'right';
-    user: User;
-    tickStyle?: React.CSSProperties;
-    usernameStyle?: React.CSSProperties;
-    renderMessageText?: (props: BubbleProps<TMessage>) => React.ReactNode;
-    renderTicks?: (currentMessage: TMessage) => React.ReactNode;
-    renderTime?: (props: BubbleProps<TMessage>) => React.ReactNode;
-    renderCustomView?: (props: BubbleProps<TMessage>) => React.ReactNode;
-    renderUsername?: (props: BubbleProps<TMessage>) => React.ReactNode;
-    onPress?: (context?: any, message?: TMessage) => void;
-    onLongPress?: (context?: any, message?: TMessage) => void;
-    isCustomViewBottom?: boolean;
-    renderUsernameOnMessage?: boolean;
-    isUnsatisfactoryMessageFn?: (params: {
-        aiTraceId?: string;
-        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

@@ -1 +0,0 @@
-"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,17 +0,0 @@
-import React from 'react';
-import { GiftedChatAppType } from '../Bubble/types';
-export interface DayProps {
-    createdAt?: Date | number | string;
-    dateFormat?: string;
-    dateFormatCalendar?: {
-        sameDay?: string;
-        nextDay?: string;
-        nextWeek?: string;
-        lastDay?: string;
-        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 +0,0 @@
-"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.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { IMessage } from '../types';
-import { GiftedChatProps } from './types';
-declare const _default: React.ForwardRefExoticComponent<Omit<GiftedChatProps<IMessage<import("../types").User>>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default _default;

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

@@ -1 +0,0 @@
-"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/messageHelpers.d.ts

@@ -1,6 +0,0 @@
-import { IMessage } from '../types';
-export declare const isChatActivity: (message: IMessage) => boolean;
-export declare const isPrivateNote: (message: IMessage) => boolean;
-export declare const isCallBubble: (message: IMessage) => boolean;
-export declare const shouldCenterAlign: (message: IMessage) => boolean;
-export declare const getMessagePlacement: (message: IMessage, defaultPosition: 'left' | 'right') => 'left' | 'right' | 'center';

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./types.js");const t=e=>"ACTIVITY"===(null==e?void 0:e.category),r=e=>"PRIVATE_NOTE"===(null==e?void 0:e.activityType),i=t=>{const r=null==t?void 0:t.activityType;return Object.values(e.CHAT_ACTIVITY_TYPES_FOR_CALL_BUBBLE).includes(r)},l=e=>t(e)&&!r(e)&&!i(e);exports.getMessagePlacement=(e,r)=>{var s;if(l(e))return"center";if(t(e)&&i(e)){return"INCOMING"===(null===(s=null==e?void 0:e.meta)||void 0===s?void 0:s.callType)?"left":"right"}return r},exports.isCallBubble=i,exports.isChatActivity=t,exports.isPrivateNote=r,exports.shouldCenterAlign=l;

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

@@ -1,10 +0,0 @@
-import { IMessage } from '../types';
-import { ScrollState } from './types';
-export declare const useScrollToBottom: (scrollRef: React.MutableRefObject<HTMLDivElement | null>, scrollState: React.MutableRefObject<ScrollState>) => () => void;
-export declare const useInitialMountScroll: (scrollRef: React.MutableRefObject<HTMLDivElement | null>, scrollState: React.MutableRefObject<ScrollState>, messagesLength: number, scrollToBottom: () => void) => void;
-export declare const useScrollCleanup: (scrollState: React.MutableRefObject<ScrollState>) => void;
-export declare const useRestoreScrollPosition: (scrollRef: React.MutableRefObject<HTMLDivElement | null>, scrollState: React.MutableRefObject<ScrollState>, messagesLength: number) => void;
-export declare const useAutoScrollOnNewMessages: (scrollRef: React.MutableRefObject<HTMLDivElement | null>, scrollState: React.MutableRefObject<ScrollState>, messagesLength: number, scrollToBottom: () => void) => void;
-export declare const useResizeObserverForFirstMessage: (firstMessage: IMessage | undefined, scrollState: React.MutableRefObject<ScrollState>, scrollToBottom: () => void, messageIdGenerator?: ((message?: IMessage) => string) | undefined) => void;
-export declare const handleInfiniteScroll: (scrollTop: number, scrollHeight: number, state: ScrollState, onEndReached?: () => void, topThreshold?: number) => void;
-export declare const useScrollHandler: (scrollState: React.MutableRefObject<ScrollState>, onEndReached?: () => void, onScroll?: ((event: React.UIEvent<HTMLDivElement>) => void) | undefined, topThreshold?: number) => (event: React.UIEvent<HTMLDivElement>) => void;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("./utils.js");const t=function(e,t,o,s){let l=arguments.length>4&&void 0!==arguments[4]?arguments[4]:r.TOP_THRESHOLD;if(!s)return;const i=e<=l;if(i&&!o.hasTriggeredEndReached){o.previousScrollHeight=t,o.previousScrollTop=e,o.hasTriggeredEndReached=!0,o.isLoadingOldMessages=!0;try{s()}catch(e){}}else!i&&o.hasTriggeredEndReached&&(o.hasTriggeredEndReached=!1)};exports.handleInfiniteScroll=t,exports.useAutoScrollOnNewMessages=(t,o,s,l)=>{e.useEffect((()=>{const e=!o.current.isInitialMount,s=r.isScrollAtBottom(t.current);e&&s&&l()}),[s])},exports.useInitialMountScroll=(r,t,o,s)=>{e.useLayoutEffect((()=>{r.current&&0!==o&&t.current.isInitialMount&&requestAnimationFrame((()=>{requestAnimationFrame((()=>{s(),t.current.isInitialMount=!1}))}))}),[o])},exports.useResizeObserverForFirstMessage=(r,t,o,s)=>{e.useEffect((()=>{var e,l;if(!r)return;const i=`message-bubble-${null!==(e=r._id)&&void 0!==e?e:`0-${null!==(l=null==s?void 0:s(r))&&void 0!==l?l:"id"}`}`,n=document.getElementById(i);if(!n)return;const c=new ResizeObserver((()=>{t.current.isAtBottom&&o()}));return c.observe(n),()=>{c.disconnect()}}),[null==r?void 0:r._id])},exports.useRestoreScrollPosition=(r,t,o)=>{e.useEffect((()=>{const e=t.current,s=o,l=r.current,i=s>e.lastMessagesLength;if(e.isLoadingOldMessages&&i&&l){const r=l.scrollHeight-e.previousScrollHeight;r>0&&(l.scrollTop=e.previousScrollTop+r),e.isLoadingOldMessages=!1}e.lastMessagesLength=s}),[o])},exports.useScrollCleanup=r=>{e.useEffect((()=>{const e=r.current;return()=>{e.scrollTimeout&&(window.clearTimeout(e.scrollTimeout),e.scrollTimeout=null)}}),[])},exports.useScrollHandler=function(o,s,l){let i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:r.TOP_THRESHOLD;return e.useCallback((e=>{const n=e.currentTarget,{scrollTop:c,scrollHeight:u}=n,a=o.current;a.isUserScrolling=!0,a.scrollTimeout&&window.clearTimeout(a.scrollTimeout),a.scrollTimeout=window.setTimeout((()=>{a.isUserScrolling=!1,a.scrollTimeout=null}),r.SCROLL_IDLE_MS),a.previousScrollTop=c,a.previousScrollHeight=u,a.isAtBottom=r.isScrollAtBottom(n),t(c,u,a,s,i),l&&l(e)}),[o,s,l,i])},exports.useScrollToBottom=(r,t)=>e.useCallback((()=>{const e=r.current;e&&(e.scrollTop=e.scrollHeight,t.current.isAtBottom=!0)}),[]);

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

@@ -1,154 +0,0 @@
-import React from 'react';
-import { BubbleProps, GiftedChatAppType } from '../Bubble/types';
-import { IMessage, LeftRightStyle, User } from '../types';
-export interface ListViewProps {
-    /** Custom styles for the container. */
-    style?: React.CSSProperties;
-    /** Callback when end of list is reached. */
-    onEndReached?: () => void;
-    /** Threshold for triggering end reached. */
-    onEndReachedThreshold?: number;
-    /** Scroll event handler. */
-    onScroll?: (event: React.UIEvent<HTMLDivElement>) => void;
-    /** Ref for the scrollable container. */
-    ref?: React.RefObject<HTMLDivElement> | React.MutableRefObject<HTMLDivElement | null>;
-}
-export interface AvatarProps<TMessage extends IMessage = IMessage> {
-    /** The current message for the avatar. */
-    currentMessage: TMessage;
-    /** The previous message. */
-    previousMessage?: TMessage;
-    /** The next message. */
-    nextMessage?: TMessage;
-    /** Position of the avatar ('left' or 'right'). */
-    position: 'left' | 'right';
-    /** The user object. */
-    user: User;
-    /** Whether to render avatar on top. */
-    renderAvatarOnTop?: boolean;
-    /** Whether to show user avatar. */
-    showUserAvatar?: boolean;
-    /** Show avatar for every message. */
-    showAvatarForEveryMessage?: boolean;
-    /** Custom styles for avatar image. */
-    imageStyle?: LeftRightStyle<React.CSSProperties>;
-    /** Custom styles for avatar container. */
-    containerStyle?: LeftRightStyle<React.CSSProperties>;
-    [key: string]: any;
-}
-export interface DayProps {
-    /** Date/time for the separator. */
-    createdAt?: Date | number | string;
-    /** Format for displaying the date. */
-    dateFormat?: string;
-    /** Calendar format options. */
-    dateFormatCalendar?: {
-        /** Format for same day. */
-        sameDay?: string;
-        /** Format for next day. */
-        nextDay?: string;
-        /** Format for next week. */
-        nextWeek?: string;
-        /** Format for last day. */
-        lastDay?: string;
-        /** Format for last week. */
-        lastWeek?: string;
-        /** Format for other days. */
-        sameElse?: string;
-    };
-}
-export interface GiftedChatProps<TMessage extends IMessage = IMessage> {
-    /** Array of chat messages. */
-    messages: TMessage[];
-    /** The current user object. */
-    user: User;
-    /** Custom bubble renderer. */
-    renderBubble?: (props: BubbleProps<TMessage>) => React.ReactNode;
-    /** Custom avatar renderer. */
-    renderAvatar?: (props: AvatarProps<TMessage>) => React.ReactNode;
-    /** Custom day separator renderer. */
-    renderDay?: (props: DayProps) => React.ReactNode;
-    /** Custom loading renderer. */
-    renderLoading?: () => React.ReactNode;
-    /** Custom empty chat renderer. */
-    renderChatEmpty?: () => React.ReactNode;
-    /** Props for the scrollable list view. */
-    listViewProps?: ListViewProps;
-    /** Scroll threshold for loading old messages. */
-    topThreshold?: number;
-    /** Whether to render avatar on top. */
-    renderAvatarOnTop?: boolean;
-    /** Whether to show user avatar. */
-    showUserAvatar?: boolean;
-    /** Show avatar for every message. */
-    showAvatarForEveryMessage?: boolean;
-    /** Whether to invert the message list. */
-    inverted?: boolean;
-    /** Handler for long press on message. */
-    onLongPress?: (context?: any, message?: TMessage) => void;
-    /** Handler for press on message. */
-    onPress?: (context?: any, message?: TMessage) => void;
-    /** Function to generate message IDs. */
-    messageIdGenerator?: (message?: TMessage) => string;
-    appType?: GiftedChatAppType;
-    [key: string]: any;
-}
-export interface ScrollState {
-    /** Is initial mount of the component. */
-    isInitialMount: boolean;
-    /** Is user currently scrolling. */
-    isUserScrolling: boolean;
-    /** Is loading old messages. */
-    isLoadingOldMessages: boolean;
-    /** Is scroll at bottom. */
-    isAtBottom: boolean;
-    /** Has end reached been triggered. */
-    hasTriggeredEndReached: boolean;
-    /** Last known messages length. */
-    lastMessagesLength: number;
-    /** Previous scroll height. */
-    previousScrollHeight: number;
-    /** Previous scroll top position. */
-    previousScrollTop: number;
-    /** Debounce timer for scroll events. */
-    scrollTimeout: number | null;
-}
-export declare enum CHAT_ACTIVITY_TYPES_FOR_CALL_BUBBLE {
-    /** User is calling another user. */
-    CALLING_CALL = "CALLING_CALL",
-    /** Call is ringing for the recipient. */
-    RINGING_CALL = "RINGING_CALL",
-    /** Call is ongoing between users. */
-    ONGOING_CALL = "ONGOING_CALL",
-    /** Call has been completed. */
-    COMPLETED_CALL = "COMPLETED_CALL",
-    /** Call was missed by the recipient. */
-    MISSED_CALL = "MISSED_CALL",
-    /** Callback was requested. */
-    REQUESTED_CALLBACK = "REQUESTED_CALLBACK",
-    /** Call was declined by the recipient. */
-    DECLINED_CALL = "DECLINED_CALL",
-    /** Call was disconnected. */
-    DISCONNECTED_CALL = "DISCONNECTED_CALL",
-    /** Call was unanswered. */
-    UNANSWERED_CALL = "UNANSWERED_CALL"
-}
-export declare const enum MESSAGE_CHANNELS {
-    INSTAGRAM = "instagram",
-    MESSENGER = "messenger",
-    WHATSAPP = "whatsapp",
-    GMAIL = "gmail",
-    LIVECHAT = "livechat",
-    GOOGLE_BUSINESS_CHAT = "gbm",
-    SHOPIFY = "shopify",
-    FACEBOOK = "facebook",
-    EMAIL = "email",
-    SMTP = "smtp",
-    FACEBOOK_CATALOG = "facebook-catalog",
-    WHATSAPP_VOICE_CALL = "whatsapp-voice-call",
-    CREATE_SIGNATURE = "create-signature",
-    EDIT_SIGNATURE = "edit-signature",
-    WEBPUSH = "webpush",
-    TASKS = "tasks",
-    RCS = "rcs"
-}

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

@@ -1 +0,0 @@
-"use strict";var L,A;Object.defineProperty(exports,"__esModule",{value:!0}),exports.CHAT_ACTIVITY_TYPES_FOR_CALL_BUBBLE=void 0,(L=exports.CHAT_ACTIVITY_TYPES_FOR_CALL_BUBBLE||(exports.CHAT_ACTIVITY_TYPES_FOR_CALL_BUBBLE={})).CALLING_CALL="CALLING_CALL",L.RINGING_CALL="RINGING_CALL",L.ONGOING_CALL="ONGOING_CALL",L.COMPLETED_CALL="COMPLETED_CALL",L.MISSED_CALL="MISSED_CALL",L.REQUESTED_CALLBACK="REQUESTED_CALLBACK",L.DECLINED_CALL="DECLINED_CALL",L.DISCONNECTED_CALL="DISCONNECTED_CALL",L.UNANSWERED_CALL="UNANSWERED_CALL",exports.MESSAGE_CHANNELS=void 0,(A=exports.MESSAGE_CHANNELS||(exports.MESSAGE_CHANNELS={})).INSTAGRAM="instagram",A.MESSENGER="messenger",A.WHATSAPP="whatsapp",A.GMAIL="gmail",A.LIVECHAT="livechat",A.GOOGLE_BUSINESS_CHAT="gbm",A.SHOPIFY="shopify",A.FACEBOOK="facebook",A.EMAIL="email",A.SMTP="smtp",A.FACEBOOK_CATALOG="facebook-catalog",A.WHATSAPP_VOICE_CALL="whatsapp-voice-call",A.CREATE_SIGNATURE="create-signature",A.EDIT_SIGNATURE="edit-signature",A.WEBPUSH="webpush",A.TASKS="tasks",A.RCS="rcs";

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

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import { IMessage } from '../types';
-export declare const BOTTOM_THRESHOLD = 100;
-export declare const TOP_THRESHOLD = 600;
-export declare const SCROLL_IDLE_MS = 300;
-export declare const Constants: {
-    readonly ChatActivity: {
-        readonly Category: {
-            readonly ACTIVITY: "ACTIVITY";
-            readonly MESSAGE: "MESSAGE";
-        };
-        readonly Type: {
-            readonly PRIVATE_NOTE: "PRIVATE_NOTE";
-            readonly CALL: "CALL";
-            readonly AUTOMATION: "AUTOMATION";
-        };
-    };
-};
-export declare const isSameDay: (a?: IMessage, b?: IMessage) => boolean;
-export declare const normalizeRef: <T>(ref: import("react").Ref<T> | undefined, fallback: import("react").RefObject<T>) => import("react").MutableRefObject<T | null>;
-export declare const isScrollAtBottom: (el: HTMLDivElement | null) => boolean;
-export declare const isStringifiedArray: (value: any) => [boolean, [] | null];

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("date-fns");exports.BOTTOM_THRESHOLD=100,exports.Constants={ChatActivity:{Category:{ACTIVITY:"ACTIVITY",MESSAGE:"MESSAGE"},Type:{PRIVATE_NOTE:"PRIVATE_NOTE",CALL:"CALL",AUTOMATION:"AUTOMATION"}}},exports.SCROLL_IDLE_MS=300,exports.TOP_THRESHOLD=600,exports.isSameDay=(e,r)=>!(!(null==e?void 0:e.createdAt)||!(null==r?void 0:r.createdAt))&&t.isSameDay(new Date(e.createdAt),new Date(r.createdAt)),exports.isScrollAtBottom=t=>{if(!t)return!1;const{scrollTop:e,scrollHeight:r,clientHeight:n}=t;return e+n>=r-100},exports.isStringifiedArray=t=>{try{const e="string"==typeof t?JSON.parse(t):t;return[Array.isArray(e),e]}catch(t){return[!1,null]}},exports.normalizeRef=(t,e)=>{if(!t)return e;if("object"==typeof t&&null!==t&&"current"in t)return t;if("function"==typeof t){const r={current:e.current};return t(e.current),r}return e};

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

@@ -1,5 +0,0 @@
-export type { IMessage, User, LeftRightStyle } from './types';
-export { default as BikGiftedChat } from './GiftedChat/GiftedChat';
-export { Bubble } from './Bubble/Bubble';
-export type { BubbleProps } from './Bubble/types';
-export type { GiftedChatProps, DayProps, AvatarProps as GiftedChatAvatarProps, ListViewProps, ScrollState, } from './GiftedChat/types';

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

@@ -1,24 +0,0 @@
-export interface User {
-    _id: string | number;
-    name?: string;
-    avatar?: string | number;
-    [key: string]: any;
-}
-export interface IMessage<TUser extends User = User> {
-    _id: string | number;
-    text: string;
-    createdAt: Date | number | string;
-    user: TUser;
-    image?: string;
-    video?: string;
-    audio?: string;
-    system?: boolean;
-    sent?: boolean;
-    received?: boolean;
-    pending?: boolean;
-    [key: string]: any;
-}
-export interface LeftRightStyle<T> {
-    left?: T;
-    right?: T;
-}

package/dist/cjs/components/InfiniteScroll/InfiniteScroll.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-export interface InfiniteScrollProps {
-    children: React.ReactNode;
-    fetchMore: () => Promise<boolean>;
-    loadingComponent?: React.ReactNode;
-    containerRef: React.RefObject<HTMLDivElement>;
-    hasData: boolean;
-}
-export declare const InfiniteScroll: React.FC<InfiniteScrollProps>;

package/dist/cjs/components/InfiniteScroll/InfiniteScroll.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../product-picker-v2/ProductPickerShimmer.js");exports.InfiniteScroll=n=>{let{children:c,fetchMore:s,loadingComponent:i=e.jsx(t.ProductPickerShimmer,{limit:2}),containerRef:o,hasData:u}=n;const l=r.useRef(!1),[a,d]=r.useState(!1),h=r.useRef(null),f=e=>{const[r]=e;r.isIntersecting&&!a&&(d(!0),s().then((e=>{e&&(l.current=!0),d(!1)})))};return r.useEffect((()=>{if(!o.current||!h.current)return;const e=new IntersectionObserver(f,{root:o.current,rootMargin:"0px",threshold:.1});return e.observe(h.current),()=>{h.current&&e.unobserve(h.current)}}),[s,a,o]),console.log({hasData:u,hasAllProductsLoaded:l}),e.jsxs("div",{children:[c,!!u&&!l.current&&e.jsx("div",Object.assign({ref:h,style:{minHeight:"10px"}},{children:i}))]})};

package/dist/cjs/components/ProgressChecklist/MultiChecklistItem.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { MultiChecklistItemType } from './ProgressChecklist';
-interface MultiChecklistItemProps {
-    item: MultiChecklistItemType;
-    children?: React.ReactNode;
-    isOpen?: boolean;
-    onToggle?: (open: boolean) => void;
-}
-declare const MultiChecklistItem: React.FC<MultiChecklistItemProps>;
-export default MultiChecklistItem;

package/dist/cjs/components/ProgressChecklist/MultiChecklistItem.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../accordion/Accordion.js"),i=require("./SimpleChecklistItem.js");exports.default=o=>{let{item:t,children:s,isOpen:c,onToggle:d}=o;const n="boolean"==typeof c?c:!!t.isActive,a=e.jsx(i.default,{header:t.header,subheader:t.subheader,icon:t.icon,activeIcon:t.activeIcon,completedIcon:t.completedIcon,isCompleted:t.isCompleted,isActive:t.isActive,tag:t.tag});return e.jsx(r.BikAccordion,Object.assign({header:a,headerStyles:{height:"auto",cursor:"pointer"},onToggleAccordion:d||(()=>{}),isOpen:n,skipHoverHeader:!0,showBorders:!0,borderRadius:"8px"},{children:s?e.jsx("div",Object.assign({style:{border:"none",padding:16}},{children:s})):null}))};

package/dist/cjs/components/ProgressChecklist/ProgressChecklist.d.ts

@@ -1,75 +0,0 @@
-import React from 'react';
-import { ALERT_TYPES } from '../alerts';
-import { TooltipProps } from '../tooltips/Tooltip';
-export interface ChecklistItemType {
-    id: string;
-    label: string;
-    description?: string;
-    completed?: boolean;
-}
-export interface SingleChecklistItemType {
-    id: string;
-    header: string;
-    subheader: string;
-    icon?: React.ReactNode;
-    activeIcon?: React.ReactNode;
-    completedIcon?: React.ReactNode;
-    isActive?: boolean;
-    isCompleted?: boolean;
-    onSetup?: () => void;
-    alertText?: string | React.ReactNode;
-    alertType?: ALERT_TYPES;
-    tag?: {
-        tagText: string | number;
-        variant?: 'regular' | 'circle' | 'compressed';
-        type?: 'negative' | 'warning' | 'positive' | 'neutral' | 'white' | 'purple' | 'blue' | 'grey' | 'ai';
-        theme?: 'light' | 'dark';
-        tooltip?: Omit<TooltipProps, 'children'>;
-    };
-    type: 'single';
-    buttonType?: 'primary' | 'secondary' | 'tertiary';
-    buttonText?: string;
-    buttonDisabled?: boolean;
-    hideRedirectButton?: boolean;
-    hideSetupButton?: boolean;
-}
-export interface MultiChecklistItemType {
-    id: string;
-    header: string;
-    subheader?: string;
-    icon?: React.ReactNode;
-    activeIcon?: React.ReactNode;
-    completedIcon?: React.ReactNode;
-    isActive?: boolean;
-    isCompleted?: boolean;
-    onSetup?: () => void;
-    tag?: {
-        tagText: string | number;
-        variant?: 'regular' | 'circle' | 'compressed';
-        type?: 'negative' | 'warning' | 'positive' | 'neutral' | 'white' | 'purple' | 'blue' | 'grey' | 'ai';
-        theme?: 'light' | 'dark';
-        tooltip?: Omit<TooltipProps, 'children'>;
-    };
-    type: 'multiple';
-    alertType?: ALERT_TYPES;
-    steps?: Array<{
-        id?: string;
-        text: string;
-        onClick?: () => void;
-        isCompleted?: boolean;
-    }>;
-    buttonType?: 'primary' | 'secondary' | 'tertiary';
-}
-export interface ProgressChecklistProps {
-    header?: string;
-    subheader?: string;
-    items?: Array<SingleChecklistItemType | MultiChecklistItemType>;
-    progressBarColor?: string;
-    headerAction?: React.ReactNode;
-    /** Whether to render the progress bar. Defaults to true. */
-    showProgressBar?: boolean;
-    /** Whether to remove border, border-radius, and padding. Defaults to false. */
-    noBorder?: boolean;
-}
-declare const ProgressChecklist: React.FC<ProgressChecklistProps>;
-export default ProgressChecklist;

package/dist/cjs/components/ProgressChecklist/ProgressChecklist.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../assets/icons/ActiveChecklistIcon.js"),s=require("../../assets/icons/CompletedChecklistIcon.js"),i=require("../../assets/icons/InactiveChecklistIcon.js");require("../../_virtual/_tslib.js");var r=require("../../assets/icons/chevronRight.svg.js"),l=require("../../assets/icons/info.svg.js"),n=require("react"),o=require("../../constants/Theme.js"),c=require("../alerts/Alert.js"),a=require("../alerts/AlertHelper.js"),d=require("../button/Button.js"),g=require("../progress-bar-v2/ProgressBarV2.js"),p=require("../tag/Tag.js"),u=require("../tooltips/Tooltip.js"),j=require("../TypographyStyle.js"),h=require("./MultiChecklistItem.js"),x=require("./ProgressChecklist.style.js"),C=require("./ProgressStepper.js");exports.default=v=>{let{header:y,subheader:b,items:m=[],progressBarColor:T,headerAction:f,showProgressBar:S=!0,noBorder:O=!1}=v;const[k,A]=n.useState(m);n.useEffect((()=>{A(m)}),[m]);const I=k.filter((e=>e.isCompleted)).length,q=k.length,B=q>0?I/q*100:0;return e.jsxs(x.ProgressChecklistContainer,Object.assign({noBorder:O},{children:[e.jsxs(x.HeaderSection,{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"center"}},{children:[e.jsx(j.TitleMedium,{children:y}),f&&e.jsx("div",{children:f})]})),e.jsx(j.BodySecondary,Object.assign({color:o.COLORS.content.secondary},{children:b}))]}),S&&e.jsxs(x.ProgressBarSection,Object.assign({style:{display:"flex",alignItems:"center",gap:"16px"}},{children:[e.jsx("div",Object.assign({style:{flex:1}},{children:e.jsx(g.ProgressBarV2,{progress:Math.round(B),type:g.ProgressBarType.LINE,matchParentWidth:!0,showProgress:!1,color:null!=T?T:o.COLORS.background.positive.vibrant,progressBarThickness:12})})),e.jsx("div",Object.assign({style:{display:"flex",justifyContent:"flex-end",alignItems:"center",minWidth:12}},{children:e.jsxs(j.TitleSmall,Object.assign({style:{color:o.COLORS.content.secondary,textAlign:"right"}},{children:[I," / ",q]}))}))]})),e.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"16px"}},{children:k.map((n=>{var g,j,v,y,b,m,T,f;if("single"===n.type)return e.jsxs(x.SingleChecklistItem,Object.assign({isActive:n.isActive||!1},{children:[e.jsxs(x.SingleChecklistMainRow,{children:[e.jsx(x.SingleChecklistIconWrapper,{children:n.isCompleted?null!==(g=n.completedIcon)&&void 0!==g?g:e.jsx(s.CompletedChecklistIcon,{}):n.isActive?null!==(j=n.activeIcon)&&void 0!==j?j:e.jsx(t.ActiveChecklistIcon,{}):null!==(v=n.icon)&&void 0!==v?v:e.jsx(i.InactiveChecklistIcon,{})}),e.jsxs(x.SingleChecklistContent,{children:[e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",gap:12}},{children:[e.jsx(x.SingleChecklistHeader,Object.assign({completed:!!n.isCompleted,isActive:!!n.isActive},{children:n.header})),(null===(y=n.tag)||void 0===y?void 0:y.tagText)&&(n.tag.tooltip?e.jsx(u.Tooltip,Object.assign({},n.tag.tooltip,{children:e.jsx("span",Object.assign({style:{display:"inline-flex"}},{children:e.jsx(p.Tag,{tagText:n.tag.tagText,variant:n.tag.variant,type:n.tag.type,theme:n.tag.theme})}))})):e.jsx(p.Tag,{tagText:n.tag.tagText,variant:n.tag.variant,type:n.tag.type,theme:n.tag.theme}))]})),e.jsx(x.SingleChecklistSubheader,{children:n.subheader})]}),n.isCompleted&&!n.hideRedirectButton&&e.jsx("div",Object.assign({onClick:n.onSetup,style:{cursor:"pointer"}},{children:e.jsx(r.default,{style:{marginLeft:"12px"},width:12,height:12,color:o.COLORS.content.secondary})})),!n.isCompleted&&n.isActive&&!n.hideSetupButton&&e.jsx(x.SingleChecklistActionWrapper,{children:e.jsx(d.Button,{buttonText:null!==(b=n.buttonText)&&void 0!==b?b:"Setup",buttonType:null!==(m=n.buttonType)&&void 0!==m?m:"primary",onClick:n.onSetup,disabled:null!==(T=n.buttonDisabled)&&void 0!==T&&T})})]}),n.alertText&&e.jsx(x.SingleChecklistAlertRow,{children:e.jsx(c.Alert,{text:n.alertText,type:null!==(f=n.alertType)&&void 0!==f?f:a.ALERT_TYPES.WARNING,contentPosition:a.CONTENT_POSITION.START,textColor:n.alertType===a.ALERT_TYPES.BRAND?"#4B1583":"",icon:t=>e.jsx(l.default,Object.assign({},t))})})]}),n.id);if("multiple"===n.type){const t=n.steps&&n.steps.length>0?n.steps.map(((e,t)=>{var s;return{id:null!==(s=e.id)&&void 0!==s?s:`${n.id}-sub-${t+1}`,text:e.text,label:e.text,onClick:e.onClick,isCompleted:!!e.isCompleted}})):[{id:`${n.id}-sub-1`,text:"Connect",label:"Connect",isCompleted:!1},{id:`${n.id}-sub-2`,text:"Configure",label:"Configure",isCompleted:!1},{id:`${n.id}-sub-3`,text:"Verify",label:"Verify",isCompleted:!1}];return e.jsx(h.default,Object.assign({item:n},{children:e.jsx(C.default,{steps:t,isStepperActive:n.isActive})}),n.id)}}))}))]}))};

package/dist/cjs/components/ProgressChecklist/ProgressChecklist.style.d.ts

@@ -1,32 +0,0 @@
-export declare const ProgressChecklistContainer: import("styled-components").StyledComponent<"div", any, {
-    noBorder?: boolean | undefined;
-}, never>;
-export declare const HeaderSection: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ProgressBarSection: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ChecklistItemsSection: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ChecklistItem: import("styled-components").StyledComponent<"div", any, {
-    completed?: boolean | undefined;
-}, never>;
-export declare const ChecklistCheckbox: import("styled-components").StyledComponent<"input", any, {}, never>;
-export declare const ChecklistItemContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ChecklistItemText: import("styled-components").StyledComponent<"p", any, {
-    completed?: boolean | undefined;
-}, never>;
-export declare const ChecklistItemDescription: import("styled-components").StyledComponent<"p", any, {
-    completed?: boolean | undefined;
-}, never>;
-export declare const SingleChecklistItem: import("styled-components").StyledComponent<"div", any, {
-    isActive: boolean;
-}, never>;
-export declare const SingleChecklistMainRow: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SingleChecklistIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SingleChecklistContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SingleChecklistHeader: import("styled-components").StyledComponent<"div", any, {
-    completed?: boolean | undefined;
-    isActive?: boolean | undefined;
-}, never>;
-export declare const SingleChecklistSubheader: import("styled-components").StyledComponent<"div", any, {
-    isActive?: boolean | undefined;
-}, never>;
-export declare const SingleChecklistActionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SingleChecklistAlertRow: import("styled-components").StyledComponent<"div", any, {}, never>;