npm - @bikdotai/bik-component-library - Versions diffs - 0.0.808-beta.0 → 0.0.808 - Mend

@bikdotai/bik-component-library 0.0.808-beta.0 → 0.0.808

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1557) hide show

package/dist/esm/assets/icons/warningIcon.svg.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"warningIcon.svg.js","sources":["../../../../src/assets/icons/warningIcon.svg"],"sourcesContent":["<svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<rect width=\"64\" height=\"64\" rx=\"32\" fill=\"#FEC02D\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M30.0373 19.0441C30.6364 18.7068 31.3122 18.5297 31.9997 18.5297C32.6872 18.5297 33.3631 18.7068 33.9621 19.0441C34.5612 19.3814 35.0632 19.8674 35.4197 20.4552L35.4236 20.4615L46.7169 39.3148L46.7277 39.3332C47.077 39.9381 47.2618 40.6238 47.2637 41.3223C47.2657 42.0207 47.0847 42.7075 46.7388 43.3143C46.393 43.9211 45.8942 44.4267 45.2923 44.7809C44.6903 45.1351 44.0061 45.3256 43.3077 45.3332L43.293 45.3334L20.6917 45.3333C19.9933 45.3256 19.3091 45.1351 18.7071 44.7809C18.1052 44.4267 17.6064 43.9211 17.2606 43.3143C16.9147 42.7075 16.7337 42.0207 16.7357 41.3223C16.7377 40.6238 16.9225 39.9381 17.2717 39.3332L17.2826 39.3148L28.5759 20.4615L28.5797 20.4552C28.9363 19.8674 29.4383 19.3814 30.0373 19.0441ZM30.8613 21.8355L19.5766 40.6744C19.4631 40.8742 19.403 41.0999 19.4024 41.3297C19.4017 41.5626 19.462 41.7915 19.5773 41.9938C19.6926 42.196 19.8589 42.3646 20.0595 42.4826C20.2584 42.5997 20.4842 42.6631 20.7149 42.6667H43.2845C43.5152 42.6631 43.741 42.5997 43.9399 42.4826C44.1406 42.3646 44.3068 42.196 44.4221 41.9938C44.5374 41.7915 44.5977 41.5626 44.5971 41.3297C44.5964 41.0999 44.5364 40.8742 44.4228 40.6745L33.1397 21.8382L33.1381 21.8355C33.0194 21.6408 32.8526 21.4797 32.6538 21.3678C32.4542 21.2554 32.2289 21.1963 31.9997 21.1963C31.7706 21.1963 31.5453 21.2554 31.3456 21.3678C31.1468 21.4797 30.9801 21.6408 30.8613 21.8355ZM32 26.6667C32.7364 26.6667 33.3333 27.2636 33.3333 28V33.3333C33.3333 34.0697 32.7364 34.6667 32 34.6667C31.2636 34.6667 30.6667 34.0697 30.6667 33.3333V28C30.6667 27.2636 31.2636 26.6667 32 26.6667ZM32 37.3333C31.2636 37.3333 30.6667 37.9303 30.6667 38.6667C30.6667 39.403 31.2636 40 32 40H32.0133C32.7497 40 33.3467 39.403 33.3467 38.6667C33.3467 37.9303 32.7497 37.3333 32.0133 37.3333H32Z\" fill=\"white\"/>\n</svg>\n"],"names":["_rect","_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","WarningIcon","props","React","createElement","xmlns","fill","viewBox","width","height","rx","fillRule","d","clipRule"],"mappings":"wBAAA,IAAIA,EAAOC,EACX,SAASC,~~IAAa~~,~~OAAOA~~,EAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,~~GAAK~~,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,~~EAAIF~~,UAAUD,GAAI,IAAK,IAAII,~~KAAKD~~,~~GAAG~~,~~CAAG~~,~~GAAEE~~,eAAeC,~~KAAKH~~,~~EAAGC~~,~~KAAOL~~,~~EAAEK~~,~~GAAKD~~,~~EAAEC~~,~~IAAO~~,OAAOL,~~CAAE~~,~~EAAIJ~~,~~EAASY~~,~~MAAM~~,~~KAAMN~~,UAAa,~~CAiBpR~~,~~IAAAO~~,EAfuBC,GAAsBC,EAAMC,cAAc,~~MAAOhB~~,EAAS,CAC/~~EiB~~,MAAO,6BACPC,KAAM,OACNC,QAAS,aACRL,~~GAAQhB~~,IAAUA,~~EAAqBiB~~,EAAMC,cAAc,OAAQ,CACpEI,MAAO,GACPC,OAAQ,GACRH,KAAM,UACNI,GAAI,~~MACDvB~~,IAAUA,~~EAAqBgB~~,EAAMC,cAAc,OAAQ,CAC9DE,KAAM,OACNK,SAAU,UACVC,EAAG,qeACHC,SAAU"}
1	+ {"version":3,"file":"warningIcon.svg.js","sources":["../../../../src/assets/icons/warningIcon.svg"],"sourcesContent":["<svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<rect width=\"64\" height=\"64\" rx=\"32\" fill=\"#FEC02D\"/>\n<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M30.0373 19.0441C30.6364 18.7068 31.3122 18.5297 31.9997 18.5297C32.6872 18.5297 33.3631 18.7068 33.9621 19.0441C34.5612 19.3814 35.0632 19.8674 35.4197 20.4552L35.4236 20.4615L46.7169 39.3148L46.7277 39.3332C47.077 39.9381 47.2618 40.6238 47.2637 41.3223C47.2657 42.0207 47.0847 42.7075 46.7388 43.3143C46.393 43.9211 45.8942 44.4267 45.2923 44.7809C44.6903 45.1351 44.0061 45.3256 43.3077 45.3332L43.293 45.3334L20.6917 45.3333C19.9933 45.3256 19.3091 45.1351 18.7071 44.7809C18.1052 44.4267 17.6064 43.9211 17.2606 43.3143C16.9147 42.7075 16.7337 42.0207 16.7357 41.3223C16.7377 40.6238 16.9225 39.9381 17.2717 39.3332L17.2826 39.3148L28.5759 20.4615L28.5797 20.4552C28.9363 19.8674 29.4383 19.3814 30.0373 19.0441ZM30.8613 21.8355L19.5766 40.6744C19.4631 40.8742 19.403 41.0999 19.4024 41.3297C19.4017 41.5626 19.462 41.7915 19.5773 41.9938C19.6926 42.196 19.8589 42.3646 20.0595 42.4826C20.2584 42.5997 20.4842 42.6631 20.7149 42.6667H43.2845C43.5152 42.6631 43.741 42.5997 43.9399 42.4826C44.1406 42.3646 44.3068 42.196 44.4221 41.9938C44.5374 41.7915 44.5977 41.5626 44.5971 41.3297C44.5964 41.0999 44.5364 40.8742 44.4228 40.6745L33.1397 21.8382L33.1381 21.8355C33.0194 21.6408 32.8526 21.4797 32.6538 21.3678C32.4542 21.2554 32.2289 21.1963 31.9997 21.1963C31.7706 21.1963 31.5453 21.2554 31.3456 21.3678C31.1468 21.4797 30.9801 21.6408 30.8613 21.8355ZM32 26.6667C32.7364 26.6667 33.3333 27.2636 33.3333 28V33.3333C33.3333 34.0697 32.7364 34.6667 32 34.6667C31.2636 34.6667 30.6667 34.0697 30.6667 33.3333V28C30.6667 27.2636 31.2636 26.6667 32 26.6667ZM32 37.3333C31.2636 37.3333 30.6667 37.9303 30.6667 38.6667C30.6667 39.403 31.2636 40 32 40H32.0133C32.7497 40 33.3467 39.403 33.3467 38.6667C33.3467 37.9303 32.7497 37.3333 32.0133 37.3333H32Z\" fill=\"white\"/>\n</svg>\n"],"names":["_rect","_path","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","WarningIcon","props","React","createElement","xmlns","fill","viewBox","width","height","rx","fillRule","d","clipRule"],"mappings":"wBAAA,IAAIA,EAAOC,EACX,SAASC,IAAiS,OAApRA,EAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,EAAcP,OAAOS,UAAUC,eAAeC,KAAKJ,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,CAAS,EAASJ,EAASa,MAAMC,KAAMR,UAAa,CAiBnV,IAAAS,EAfuBC,GAAsBC,EAAMC,cAAc,MAAOlB,EAAS,CAC/EmB,MAAO,6BACPC,KAAM,OACNC,QAAS,aACRL,GAAQlB,IAAUA,EAAqBmB,EAAMC,cAAc,OAAQ,CACpEI,MAAO,GACPC,OAAQ,GACRH,KAAM,UACNI,GAAI,MACDzB,IAAUA,EAAqBkB,EAAMC,cAAc,OAAQ,CAC9DE,KAAM,OACNK,SAAU,UACVC,EAAG,qeACHC,SAAU"}

package/dist/esm/assets/icons/website.svg.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import*as a from"react";var c;function e(){return e=Object.assign?Object.assign.bind():function(a){for(var c=1;c<arguments.length;c++){var e=arguments[c];for(var r in e)({}).hasOwnProperty.call(e,r)&&(a[r]=e[r])}return a},e.apply(null,arguments)}var r=r=>a.createElement("svg",e({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},r),c||(c=a.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"})));export{r as default};
+import*as a from"react";var e;function c(){return c=Object.assign?Object.assign.bind():function(a){for(var e=1;e<arguments.length;e++){var c=arguments[e];for(var r in c)Object.prototype.hasOwnProperty.call(c,r)&&(a[r]=c[r])}return a},c.apply(this,arguments)}var r=r=>a.createElement("svg",c({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},r),e||(e=a.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"})));export{r as default};
 //# sourceMappingURL=website.svg.js.map

package/dist/esm/assets/icons/website.svg.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"website.svg.js","sources":["../../../../src/assets/icons/website.svg"],"sourcesContent":["<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.6667 8.00065C14.6667 11.6825 11.6819 14.6673 8 14.6673L7.99625 14.6673C4.31608 14.6653 1.33334 11.6813 1.33334 8.00065C1.33334 4.31875 4.3181 1.33398 8 1.33398C11.6819 1.33398 14.6667 4.31875 14.6667 8.00065ZM12.7793 10.3702C12.2613 11.4131 11.412 12.2623 10.3692 12.7802C10.4125 12.6933 10.4543 12.6045 10.4945 12.5141C10.6952 12.0624 10.8644 11.5521 10.9971 10.9982C11.5512 10.8655 12.0617 10.6963 12.5134 10.4955C12.6038 10.4553 12.6925 10.4136 12.7793 10.3702ZM13.3333 8.00065C13.3333 8.15192 13.2671 8.34622 13.0456 8.57905C12.8207 8.81531 12.4639 9.05841 11.9719 9.27706C11.751 9.37524 11.5088 9.46585 11.248 9.54734C11.3038 9.0495 11.333 8.53128 11.333 8.00065C11.333 7.47002 11.3038 6.9518 11.248 6.45396C11.5088 6.53545 11.751 6.62606 11.9719 6.72424C12.4639 6.9429 12.8207 7.18599 13.0456 7.42225C13.2671 7.65508 13.3333 7.84938 13.3333 8.00065ZM12.7793 5.63106C12.6925 5.58774 12.6038 5.546 12.5134 5.50583C12.0617 5.30505 11.5512 5.13582 10.9971 5.00314C10.8644 4.44921 10.6952 3.93889 10.4945 3.48725C10.4543 3.39678 10.4125 3.30798 10.3692 3.2211C11.412 3.73903 12.2613 4.58824 12.7793 5.63106ZM9.54625 4.75232C9.46479 4.49165 9.37422 4.24956 9.27609 4.02877C9.05743 3.5368 8.81434 3.17993 8.57807 2.95509C8.34525 2.73352 8.1508 2.66732 7.99953 2.66732C7.84828 2.66736 7.65403 2.73359 7.42128 2.95509C7.18502 3.17993 6.94192 3.5368 6.72327 4.02877C6.62513 4.24959 6.53454 4.4917 6.45308 4.7524C6.95099 4.69656 7.46929 4.66732 8 4.66732C8.53047 4.66732 9.04855 4.69653 9.54625 4.75232ZM5.00223 5.0033C5.1349 4.44931 5.3041 3.93893 5.50485 3.48725C5.54499 3.39693 5.5867 3.30828 5.62998 3.22153C4.5875 3.7395 3.73855 4.58853 3.22066 5.63106C3.30748 5.58774 3.39621 5.546 3.4866 5.50583C3.93817 5.30513 4.4484 5.13596 5.00223 5.0033ZM3.22066 10.3702C3.73855 11.4128 4.5875 12.2618 5.62998 12.7798C5.5867 12.693 5.54499 12.6044 5.50485 12.5141C5.3041 12.0624 5.1349 11.552 5.00222 10.998C4.4484 10.8653 3.93817 10.6962 3.4866 10.4955C3.39621 10.4553 3.30748 10.4136 3.22066 10.3702ZM4.75137 9.54713C4.49082 9.4657 4.24883 9.37516 4.02812 9.27706C3.53615 9.05841 3.17929 8.81531 2.95444 8.57905C2.73287 8.34622 2.66667 8.15192 2.66667 8.00065C2.66667 7.84938 2.73287 7.65508 2.95444 7.42225C3.17929 7.18599 3.53615 6.9429 4.02812 6.72424C4.24883 6.62615 4.49082 6.5356 4.75137 6.45417C4.69557 6.95195 4.66634 7.4701 4.66634 8.00065C4.66634 8.5312 4.69557 9.04936 4.75137 9.54713ZM6.13792 9.86235C6.04902 9.28448 5.99968 8.65823 5.99968 8.00065C5.99968 7.34308 6.04902 6.71682 6.13792 6.13895C6.7159 6.05002 7.34228 6.00065 8 6.00065C8.65747 6.00065 9.28363 6.04998 9.86142 6.13885C9.95033 6.71675 9.99968 7.34304 9.99968 8.00065C9.99968 8.65827 9.95033 9.28455 9.86142 9.86245C9.28363 9.95132 8.65747 10.0007 8 10.0007C7.34228 10.0007 6.7159 9.95128 6.13792 9.86235ZM6.45308 11.2489C6.53454 11.5096 6.62513 11.7517 6.72327 11.9725C6.94192 12.4645 7.18502 12.8214 7.42128 13.0462C7.65411 13.2678 7.84841 13.334 7.99968 13.334C8.15095 13.334 8.34525 13.2678 8.57807 13.0462C8.81434 12.8214 9.05743 12.4645 9.27609 11.9725C9.37422 11.7517 9.46479 11.5096 9.54625 11.249C9.04855 11.3048 8.53047 11.334 8 11.334C7.46929 11.334 6.95099 11.3047 6.45308 11.2489Z\" fill=\"currentColor\"/>\n</svg>\n"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","WebsiteIcon","props","React","createElement","xmlns","fill","viewBox","fillRule","d","clipRule"],"mappings":"wBAAA,IAAIA,EACJ,SAASC,~~IAAa~~,~~OAAOA~~,EAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,~~GAAK~~,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,~~EAAIF~~,UAAUD,GAAI,IAAK,IAAII,~~KAAKD~~,~~GAAG~~,~~CAAG~~,~~GAAEE~~,eAAeC,~~KAAKH~~,~~EAAGC~~,~~KAAOL~~,~~EAAEK~~,~~GAAKD~~,~~EAAEC~~,~~IAAO~~,OAAOL,~~CAAE~~,~~EAAIJ~~,~~EAASY~~,~~MAAM~~,~~KAAMN~~,UAAa,~~CAYpR~~,~~IAAAO~~,EAVmBC,GAAsBC,EAAMC,cAAc,~~MAAOhB~~,EAAS,~~CAC3EiB~~,MAAO,6BACPC,KAAM,OACNC,QAAS,aACRL,~~GAAQf~~,IAAUA,~~EAAqBgB~~,EAAMC,cAAc,OAAQ,CACpEE,KAAM,eACNE,SAAU,UACVC,EAAG,oqDACHC,SAAU"}
1	+ {"version":3,"file":"website.svg.js","sources":["../../../../src/assets/icons/website.svg"],"sourcesContent":["<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.6667 8.00065C14.6667 11.6825 11.6819 14.6673 8 14.6673L7.99625 14.6673C4.31608 14.6653 1.33334 11.6813 1.33334 8.00065C1.33334 4.31875 4.3181 1.33398 8 1.33398C11.6819 1.33398 14.6667 4.31875 14.6667 8.00065ZM12.7793 10.3702C12.2613 11.4131 11.412 12.2623 10.3692 12.7802C10.4125 12.6933 10.4543 12.6045 10.4945 12.5141C10.6952 12.0624 10.8644 11.5521 10.9971 10.9982C11.5512 10.8655 12.0617 10.6963 12.5134 10.4955C12.6038 10.4553 12.6925 10.4136 12.7793 10.3702ZM13.3333 8.00065C13.3333 8.15192 13.2671 8.34622 13.0456 8.57905C12.8207 8.81531 12.4639 9.05841 11.9719 9.27706C11.751 9.37524 11.5088 9.46585 11.248 9.54734C11.3038 9.0495 11.333 8.53128 11.333 8.00065C11.333 7.47002 11.3038 6.9518 11.248 6.45396C11.5088 6.53545 11.751 6.62606 11.9719 6.72424C12.4639 6.9429 12.8207 7.18599 13.0456 7.42225C13.2671 7.65508 13.3333 7.84938 13.3333 8.00065ZM12.7793 5.63106C12.6925 5.58774 12.6038 5.546 12.5134 5.50583C12.0617 5.30505 11.5512 5.13582 10.9971 5.00314C10.8644 4.44921 10.6952 3.93889 10.4945 3.48725C10.4543 3.39678 10.4125 3.30798 10.3692 3.2211C11.412 3.73903 12.2613 4.58824 12.7793 5.63106ZM9.54625 4.75232C9.46479 4.49165 9.37422 4.24956 9.27609 4.02877C9.05743 3.5368 8.81434 3.17993 8.57807 2.95509C8.34525 2.73352 8.1508 2.66732 7.99953 2.66732C7.84828 2.66736 7.65403 2.73359 7.42128 2.95509C7.18502 3.17993 6.94192 3.5368 6.72327 4.02877C6.62513 4.24959 6.53454 4.4917 6.45308 4.7524C6.95099 4.69656 7.46929 4.66732 8 4.66732C8.53047 4.66732 9.04855 4.69653 9.54625 4.75232ZM5.00223 5.0033C5.1349 4.44931 5.3041 3.93893 5.50485 3.48725C5.54499 3.39693 5.5867 3.30828 5.62998 3.22153C4.5875 3.7395 3.73855 4.58853 3.22066 5.63106C3.30748 5.58774 3.39621 5.546 3.4866 5.50583C3.93817 5.30513 4.4484 5.13596 5.00223 5.0033ZM3.22066 10.3702C3.73855 11.4128 4.5875 12.2618 5.62998 12.7798C5.5867 12.693 5.54499 12.6044 5.50485 12.5141C5.3041 12.0624 5.1349 11.552 5.00222 10.998C4.4484 10.8653 3.93817 10.6962 3.4866 10.4955C3.39621 10.4553 3.30748 10.4136 3.22066 10.3702ZM4.75137 9.54713C4.49082 9.4657 4.24883 9.37516 4.02812 9.27706C3.53615 9.05841 3.17929 8.81531 2.95444 8.57905C2.73287 8.34622 2.66667 8.15192 2.66667 8.00065C2.66667 7.84938 2.73287 7.65508 2.95444 7.42225C3.17929 7.18599 3.53615 6.9429 4.02812 6.72424C4.24883 6.62615 4.49082 6.5356 4.75137 6.45417C4.69557 6.95195 4.66634 7.4701 4.66634 8.00065C4.66634 8.5312 4.69557 9.04936 4.75137 9.54713ZM6.13792 9.86235C6.04902 9.28448 5.99968 8.65823 5.99968 8.00065C5.99968 7.34308 6.04902 6.71682 6.13792 6.13895C6.7159 6.05002 7.34228 6.00065 8 6.00065C8.65747 6.00065 9.28363 6.04998 9.86142 6.13885C9.95033 6.71675 9.99968 7.34304 9.99968 8.00065C9.99968 8.65827 9.95033 9.28455 9.86142 9.86245C9.28363 9.95132 8.65747 10.0007 8 10.0007C7.34228 10.0007 6.7159 9.95128 6.13792 9.86235ZM6.45308 11.2489C6.53454 11.5096 6.62513 11.7517 6.72327 11.9725C6.94192 12.4645 7.18502 12.8214 7.42128 13.0462C7.65411 13.2678 7.84841 13.334 7.99968 13.334C8.15095 13.334 8.34525 13.2678 8.57807 13.0462C8.81434 12.8214 9.05743 12.4645 9.27609 11.9725C9.37422 11.7517 9.46479 11.5096 9.54625 11.249C9.04855 11.3048 8.53047 11.334 8 11.334C7.46929 11.334 6.95099 11.3047 6.45308 11.2489Z\" fill=\"currentColor\"/>\n</svg>\n"],"names":["_path","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","WebsiteIcon","props","React","createElement","xmlns","fill","viewBox","fillRule","d","clipRule"],"mappings":"wBAAA,IAAIA,EACJ,SAASC,IAAiS,OAApRA,EAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,EAAcP,OAAOS,UAAUC,eAAeC,KAAKJ,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,CAAS,EAASJ,EAASa,MAAMC,KAAMR,UAAa,CAYnV,IAAAS,EAVmBC,GAAsBC,EAAMC,cAAc,MAAOlB,EAAS,CAC3EmB,MAAO,6BACPC,KAAM,OACNC,QAAS,aACRL,GAAQjB,IAAUA,EAAqBkB,EAAMC,cAAc,OAAQ,CACpEE,KAAM,eACNE,SAAU,UACVC,EAAG,oqDACHC,SAAU"}

package/dist/esm/assets/icons/whatsNew.svg.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import*as e from"react";var t,a;function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},r.apply(null,arguments)}var n=n=>e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 32 32"},n),t||(t=e.createElement("g",{stroke:"currentColor",strokeLinecap:"round",strokeWidth:1.5,clipPath:"url(#whatsNew_svg__a)"},e.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"}),e.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"}),e.createElement("path",{d:"m7.692 12.082-2.443-.73m5.693-2.995L9.89 6.036m-.97 3.65L5.667 6.87"}))),a||(a=e.createElement("defs",null,e.createElement("clipPath",{id:"whatsNew_svg__a"},e.createElement("path",{fill:"#fff",d:"M4 4h24v24H4z"})))));export{n as default};
+import*as e from"react";var t,r;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 a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},a.apply(this,arguments)}var n=n=>e.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 32 32"},n),t||(t=e.createElement("g",{stroke:"currentColor",strokeLinecap:"round",strokeWidth:1.5,clipPath:"url(#whatsNew_svg__a)"},e.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"}),e.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"}),e.createElement("path",{d:"m7.692 12.082-2.443-.73m5.693-2.995L9.89 6.036m-.97 3.65L5.667 6.87"}))),r||(r=e.createElement("defs",null,e.createElement("clipPath",{id:"whatsNew_svg__a"},e.createElement("path",{fill:"#fff",d:"M4 4h24v24H4z"})))));export{n as default};
 //# sourceMappingURL=whatsNew.svg.js.map

package/dist/esm/assets/icons/whatsNew.svg.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"whatsNew.svg.js","sources":["../../../../src/assets/icons/whatsNew.svg"],"sourcesContent":["<svg viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t<g clip-path=\"url(#what_is_new_svg__a)\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\">\n\t\t<path 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\" stroke-linejoin=\"round\"></path>\n\t\t<path 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\" stroke-linejoin=\"round\"></path>\n\t\t<path d=\"m7.692 12.082-2.443-.73M10.942 8.357 9.89 6.036M8.92 9.686 5.667 6.87\"></path>\n\t</g>\n\t<defs>\n\t\t<clipPath id=\"what_is_new_svg__a\">\n\t\t\t<path fill=\"#fff\" transform=\"translate(4 4)\" d=\"M0 0h24v24H0z\"></path>\n\t\t</clipPath>\n\t</defs>\n</svg>\n"],"names":["_g","_defs","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","WhatsNewIcon","props","React","createElement","xmlns","fill","viewBox","stroke","strokeLinecap","strokeWidth","clipPath","strokeLinejoin","d","id"],"mappings":"wBAAA,IAAIA,EAAIC,EACR,SAASC,~~IAAa~~,~~OAAOA~~,EAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,~~GAAK~~,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,~~EAAIF~~,UAAUD,GAAI,IAAK,IAAII,~~KAAKD~~,~~GAAG~~,~~CAAG~~,~~GAAEE~~,eAAeC,~~KAAKH~~,~~EAAGC~~,~~KAAOL~~,~~EAAEK~~,~~GAAKD~~,~~EAAEC~~,~~IAAO~~,OAAOL,~~CAAE~~,~~EAAIJ~~,~~EAASY~~,~~MAAM~~,~~KAAMN~~,UAAa,~~CAyBpR~~,~~IAAAO~~,EAvBoBC,GAAsBC,EAAMC,cAAc,~~MAAOhB~~,EAAS,~~CAC5EiB~~,MAAO,6BACPC,KAAM,OACNC,QAAS,aACRL,~~GAAQhB~~,IAAOA,~~EAAkBiB~~,EAAMC,cAAc,IAAK,CAC3DI,OAAQ,eACRC,cAAe,QACfC,YAAa,IACbC,SAAU,yBACIR,EAAMC,cAAc,OAAQ,CAC1CQ,eAAgB,QAChBC,EAAG,8FACYV,EAAMC,cAAc,OAAQ,CAC3CQ,eAAgB,QAChBC,EAAG,8LACYV,EAAMC,cAAc,OAAQ,CAC3CS,EAAG,~~0EACC1B~~,IAAUA,~~EAAqBgB~~,EAAMC,cAAc,OAAQ,KAAmBD,EAAMC,cAAc,WAAY,CAClHU,GAAI,mBACUX,EAAMC,cAAc,OAAQ,CAC1CE,KAAM,OACNO,EAAG"}
1	+ {"version":3,"file":"whatsNew.svg.js","sources":["../../../../src/assets/icons/whatsNew.svg"],"sourcesContent":["<svg viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t<g clip-path=\"url(#what_is_new_svg__a)\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\">\n\t\t<path 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\" stroke-linejoin=\"round\"></path>\n\t\t<path 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\" stroke-linejoin=\"round\"></path>\n\t\t<path d=\"m7.692 12.082-2.443-.73M10.942 8.357 9.89 6.036M8.92 9.686 5.667 6.87\"></path>\n\t</g>\n\t<defs>\n\t\t<clipPath id=\"what_is_new_svg__a\">\n\t\t\t<path fill=\"#fff\" transform=\"translate(4 4)\" d=\"M0 0h24v24H0z\"></path>\n\t\t</clipPath>\n\t</defs>\n</svg>\n"],"names":["_g","_defs","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","WhatsNewIcon","props","React","createElement","xmlns","fill","viewBox","stroke","strokeLinecap","strokeWidth","clipPath","strokeLinejoin","d","id"],"mappings":"wBAAA,IAAIA,EAAIC,EACR,SAASC,IAAiS,OAApRA,EAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,EAAcP,OAAOS,UAAUC,eAAeC,KAAKJ,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,CAAS,EAASJ,EAASa,MAAMC,KAAMR,UAAa,CAyBnV,IAAAS,EAvBoBC,GAAsBC,EAAMC,cAAc,MAAOlB,EAAS,CAC5EmB,MAAO,6BACPC,KAAM,OACNC,QAAS,aACRL,GAAQlB,IAAOA,EAAkBmB,EAAMC,cAAc,IAAK,CAC3DI,OAAQ,eACRC,cAAe,QACfC,YAAa,IACbC,SAAU,yBACIR,EAAMC,cAAc,OAAQ,CAC1CQ,eAAgB,QAChBC,EAAG,8FACYV,EAAMC,cAAc,OAAQ,CAC3CQ,eAAgB,QAChBC,EAAG,8LACYV,EAAMC,cAAc,OAAQ,CAC3CS,EAAG,0EACC5B,IAAUA,EAAqBkB,EAAMC,cAAc,OAAQ,KAAmBD,EAAMC,cAAc,WAAY,CAClHU,GAAI,mBACUX,EAAMC,cAAc,OAAQ,CAC1CE,KAAM,OACNO,EAAG"}

package/dist/esm/assets/icons/whatsapp-channel.svg.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import*as e from"react";var t,a;function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)({}).hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},l.apply(null,arguments)}var n=n=>e.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 18 18"},n),t||(t=e.createElement("g",{clipPath:"url(#whatsapp-channel_svg__a)"},e.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"}),e.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"}),e.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=e.createElement("defs",null,e.createElement("linearGradient",{id:"whatsapp-channel_svg__b",x1:8.999,x2:8.999,y1:17.63,y2:.311,gradientUnits:"userSpaceOnUse"},e.createElement("stop",{stopColor:"#1FAF38"}),e.createElement("stop",{offset:1,stopColor:"#60D669"})),e.createElement("linearGradient",{id:"whatsapp-channel_svg__c",x1:9,x2:9,y1:17.941,y2:0,gradientUnits:"userSpaceOnUse"},e.createElement("stop",{stopColor:"#F9F9F9"}),e.createElement("stop",{offset:1,stopColor:"#fff"})),e.createElement("clipPath",{id:"whatsapp-channel_svg__a"},e.createElement("path",{fill:"#fff",d:"M0 0h18v18H0z"})))));export{n as default};
+import*as e from"react";var t,a;function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},l.apply(this,arguments)}var n=n=>e.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 18 18"},n),t||(t=e.createElement("g",{clipPath:"url(#whatsapp-channel_svg__a)"},e.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"}),e.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"}),e.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=e.createElement("defs",null,e.createElement("linearGradient",{id:"whatsapp-channel_svg__b",x1:8.999,x2:8.999,y1:17.63,y2:.311,gradientUnits:"userSpaceOnUse"},e.createElement("stop",{stopColor:"#1FAF38"}),e.createElement("stop",{offset:1,stopColor:"#60D669"})),e.createElement("linearGradient",{id:"whatsapp-channel_svg__c",x1:9,x2:9,y1:17.941,y2:0,gradientUnits:"userSpaceOnUse"},e.createElement("stop",{stopColor:"#F9F9F9"}),e.createElement("stop",{offset:1,stopColor:"#fff"})),e.createElement("clipPath",{id:"whatsapp-channel_svg__a"},e.createElement("path",{fill:"#fff",d:"M0 0h18v18H0z"})))));export{n as default};
 //# sourceMappingURL=whatsapp-channel.svg.js.map

package/dist/esm/assets/icons/whatsapp-channel.svg.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"whatsapp-channel.svg.js","sources":["../../../../src/assets/icons/whatsapp-channel.svg"],"sourcesContent":["<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<g id=\"logos:whatsapp-icon\" clip-path=\"url(#clip0_2328_7316)\">\n<path id=\"Vector\" d=\"M0.382969 8.89222C0.382547 10.4046 0.780797 11.8813 1.53806 13.1828L0.310547 17.63L4.89717 16.4367C6.16577 17.1219 7.58715 17.481 9.03155 17.4811H9.03534C13.8036 17.4811 17.685 13.6311 17.6871 8.89899C17.688 6.60594 16.7888 4.44971 15.1552 2.82748C13.5218 1.20538 11.3495 0.311593 9.03499 0.310547C4.26619 0.310547 0.385008 4.16031 0.383039 8.89222\" fill=\"url(#paint0_linear_2328_7316)\"/>\n<path id=\"Vector_2\" d=\"M0.0752344 8.88949C0.0747422 10.4563 0.487266 11.9858 1.27153 13.334L0 17.9405L4.75109 16.7044C6.06016 17.4126 7.53405 17.786 9.03382 17.7866H9.03769C13.977 17.7866 17.9979 13.7981 18 8.8966C18.0008 6.52116 17.0693 4.28742 15.3773 2.60707C13.6851 0.92693 11.4351 0.000976744 9.03769 0C4.09753 0 0.0772734 3.98791 0.0753047 8.88949H0.0752344ZM2.90461 13.1018L2.72721 12.8223C1.98148 11.6458 1.58787 10.2862 1.58843 8.89005C1.59005 4.81598 4.93158 1.5014 9.0405 1.5014C11.0303 1.50223 12.9004 2.27191 14.3069 3.66837C15.7134 5.06498 16.4873 6.92149 16.4868 8.89605C16.485 12.9701 13.1434 16.2851 9.03769 16.2851H9.03473C7.69788 16.2844 6.38677 15.9282 5.24334 15.255L4.97123 15.0949L2.15184 15.8283L2.90461 13.1017V13.1018Z\" fill=\"url(#paint1_linear_2328_7316)\"/>\n<path id=\"Vector_3\" d=\"M6.79641 5.17035C6.62864 4.80037 6.45209 4.79291 6.29255 4.78642C6.16191 4.78084 6.01256 4.78126 5.86336 4.78126C5.71402 4.78126 5.47137 4.837 5.26627 5.05921C5.06095 5.28163 4.48242 5.81912 4.48242 6.9123C4.48242 8.00556 5.2849 9.06205 5.39677 9.21044C5.50877 9.35856 6.94596 11.6737 9.22212 12.5644C11.1138 13.3045 11.4988 13.1573 11.9093 13.1202C12.3199 13.0832 13.2343 12.5829 13.4208 12.064C13.6075 11.5452 13.6075 11.1005 13.5515 11.0076C13.4956 10.915 13.3462 10.8594 13.1223 10.7483C12.8983 10.6372 11.7973 10.0996 11.5921 10.0255C11.3868 9.95137 11.2375 9.9144 11.0881 10.1369C10.9388 10.359 10.51 10.8594 10.3792 11.0076C10.2487 11.1561 10.118 11.1746 9.89409 11.0635C9.67001 10.952 8.94881 10.7176 8.09318 9.96072C7.42746 9.37175 6.97802 8.64442 6.84738 8.42193C6.71674 8.19979 6.83339 8.07937 6.94568 7.96865C7.0463 7.86909 7.16969 7.70919 7.28177 7.57949C7.39343 7.44972 7.4307 7.35714 7.50537 7.20895C7.58011 7.06063 7.5427 6.93086 7.4868 6.81972C7.4307 6.70858 6.99553 5.60975 6.79641 5.17042\" fill=\"white\"/>\n</g>\n<defs>\n<linearGradient id=\"paint0_linear_2328_7316\" x1=\"8.99882\" y1=\"17.63\" x2=\"8.99882\" y2=\"0.310547\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#1FAF38\"/>\n<stop offset=\"1\" stop-color=\"#60D669\"/>\n</linearGradient>\n<linearGradient id=\"paint1_linear_2328_7316\" x1=\"9\" y1=\"17.9405\" x2=\"9\" y2=\"0\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#F9F9F9\"/>\n<stop offset=\"1\" stop-color=\"white\"/>\n</linearGradient>\n<clipPath id=\"clip0_2328_7316\">\n<rect width=\"18\" height=\"18\" fill=\"white\"/>\n</clipPath>\n</defs>\n</svg>\n"],"names":["_g","_defs","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","WhatsappIcon","props","React","createElement","xmlns","fill","viewBox","clipPath","d","id","x1","x2","y1","y2","gradientUnits","stopColor","offset"],"mappings":"wBAAA,IAAIA,EAAIC,EACR,SAASC,~~IAAa~~,~~OAAOA~~,EAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,~~GAAK~~,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,~~EAAIF~~,UAAUD,GAAI,IAAK,IAAII,~~KAAKD~~,~~GAAG~~,~~CAAG~~,~~GAAEE~~,eAAeC,~~KAAKH~~,~~EAAGC~~,~~KAAOL~~,~~EAAEK~~,~~GAAKD~~,~~EAAEC~~,~~IAAO~~,OAAOL,~~CAAE~~,~~EAAIJ~~,~~EAASY~~,~~MAAM~~,~~KAAMN~~,UAAa,CA+~~CpR~~,~~IAAAO~~,EA7C2BC,GAAsBC,EAAMC,cAAc,~~MAAOhB~~,EAAS,~~CACnFiB~~,MAAO,6BACPC,KAAM,OACNC,QAAS,aACRL,~~GAAQhB~~,IAAOA,~~EAAkBiB~~,EAAMC,cAAc,IAAK,CAC3DI,SAAU,iCACIL,EAAMC,cAAc,OAAQ,CAC1CE,KAAM,gCACNG,EAAG,4NACYN,EAAMC,cAAc,OAAQ,CAC3CE,KAAM,gCACNG,EAAG,scACYN,EAAMC,cAAc,OAAQ,CAC3CE,KAAM,OACNG,EAAG,~~4lBACCtB~~,IAAUA,~~EAAqBgB~~,EAAMC,cAAc,OAAQ,KAAmBD,EAAMC,cAAc,iBAAkB,CACxHM,GAAI,0BACJC,GAAI,MACJC,GAAI,MACJC,GAAI,MACJC,GAAI,KACJC,cAAe,kBACDZ,EAAMC,cAAc,OAAQ,CAC1CY,UAAW,YACIb,EAAMC,cAAc,OAAQ,CAC3Ca,OAAQ,EACRD,UAAW,aACKb,EAAMC,cAAc,iBAAkB,CACtDM,GAAI,0BACJC,GAAI,EACJC,GAAI,EACJC,GAAI,OACJC,GAAI,EACJC,cAAe,kBACDZ,EAAMC,cAAc,OAAQ,CAC1CY,UAAW,YACIb,EAAMC,cAAc,OAAQ,CAC3Ca,OAAQ,EACRD,UAAW,UACKb,EAAMC,cAAc,WAAY,CAChDM,GAAI,2BACUP,EAAMC,cAAc,OAAQ,CAC1CE,KAAM,OACNG,EAAG"}
1	+ {"version":3,"file":"whatsapp-channel.svg.js","sources":["../../../../src/assets/icons/whatsapp-channel.svg"],"sourcesContent":["<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<g id=\"logos:whatsapp-icon\" clip-path=\"url(#clip0_2328_7316)\">\n<path id=\"Vector\" d=\"M0.382969 8.89222C0.382547 10.4046 0.780797 11.8813 1.53806 13.1828L0.310547 17.63L4.89717 16.4367C6.16577 17.1219 7.58715 17.481 9.03155 17.4811H9.03534C13.8036 17.4811 17.685 13.6311 17.6871 8.89899C17.688 6.60594 16.7888 4.44971 15.1552 2.82748C13.5218 1.20538 11.3495 0.311593 9.03499 0.310547C4.26619 0.310547 0.385008 4.16031 0.383039 8.89222\" fill=\"url(#paint0_linear_2328_7316)\"/>\n<path id=\"Vector_2\" d=\"M0.0752344 8.88949C0.0747422 10.4563 0.487266 11.9858 1.27153 13.334L0 17.9405L4.75109 16.7044C6.06016 17.4126 7.53405 17.786 9.03382 17.7866H9.03769C13.977 17.7866 17.9979 13.7981 18 8.8966C18.0008 6.52116 17.0693 4.28742 15.3773 2.60707C13.6851 0.92693 11.4351 0.000976744 9.03769 0C4.09753 0 0.0772734 3.98791 0.0753047 8.88949H0.0752344ZM2.90461 13.1018L2.72721 12.8223C1.98148 11.6458 1.58787 10.2862 1.58843 8.89005C1.59005 4.81598 4.93158 1.5014 9.0405 1.5014C11.0303 1.50223 12.9004 2.27191 14.3069 3.66837C15.7134 5.06498 16.4873 6.92149 16.4868 8.89605C16.485 12.9701 13.1434 16.2851 9.03769 16.2851H9.03473C7.69788 16.2844 6.38677 15.9282 5.24334 15.255L4.97123 15.0949L2.15184 15.8283L2.90461 13.1017V13.1018Z\" fill=\"url(#paint1_linear_2328_7316)\"/>\n<path id=\"Vector_3\" d=\"M6.79641 5.17035C6.62864 4.80037 6.45209 4.79291 6.29255 4.78642C6.16191 4.78084 6.01256 4.78126 5.86336 4.78126C5.71402 4.78126 5.47137 4.837 5.26627 5.05921C5.06095 5.28163 4.48242 5.81912 4.48242 6.9123C4.48242 8.00556 5.2849 9.06205 5.39677 9.21044C5.50877 9.35856 6.94596 11.6737 9.22212 12.5644C11.1138 13.3045 11.4988 13.1573 11.9093 13.1202C12.3199 13.0832 13.2343 12.5829 13.4208 12.064C13.6075 11.5452 13.6075 11.1005 13.5515 11.0076C13.4956 10.915 13.3462 10.8594 13.1223 10.7483C12.8983 10.6372 11.7973 10.0996 11.5921 10.0255C11.3868 9.95137 11.2375 9.9144 11.0881 10.1369C10.9388 10.359 10.51 10.8594 10.3792 11.0076C10.2487 11.1561 10.118 11.1746 9.89409 11.0635C9.67001 10.952 8.94881 10.7176 8.09318 9.96072C7.42746 9.37175 6.97802 8.64442 6.84738 8.42193C6.71674 8.19979 6.83339 8.07937 6.94568 7.96865C7.0463 7.86909 7.16969 7.70919 7.28177 7.57949C7.39343 7.44972 7.4307 7.35714 7.50537 7.20895C7.58011 7.06063 7.5427 6.93086 7.4868 6.81972C7.4307 6.70858 6.99553 5.60975 6.79641 5.17042\" fill=\"white\"/>\n</g>\n<defs>\n<linearGradient id=\"paint0_linear_2328_7316\" x1=\"8.99882\" y1=\"17.63\" x2=\"8.99882\" y2=\"0.310547\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#1FAF38\"/>\n<stop offset=\"1\" stop-color=\"#60D669\"/>\n</linearGradient>\n<linearGradient id=\"paint1_linear_2328_7316\" x1=\"9\" y1=\"17.9405\" x2=\"9\" y2=\"0\" gradientUnits=\"userSpaceOnUse\">\n<stop stop-color=\"#F9F9F9\"/>\n<stop offset=\"1\" stop-color=\"white\"/>\n</linearGradient>\n<clipPath id=\"clip0_2328_7316\">\n<rect width=\"18\" height=\"18\" fill=\"white\"/>\n</clipPath>\n</defs>\n</svg>\n"],"names":["_g","_defs","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","WhatsappIcon","props","React","createElement","xmlns","fill","viewBox","clipPath","d","id","x1","x2","y1","y2","gradientUnits","stopColor","offset"],"mappings":"wBAAA,IAAIA,EAAIC,EACR,SAASC,IAAiS,OAApRA,EAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,EAAcP,OAAOS,UAAUC,eAAeC,KAAKJ,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,CAAS,EAASJ,EAASa,MAAMC,KAAMR,UAAa,CA+CnV,IAAAS,EA7C2BC,GAAsBC,EAAMC,cAAc,MAAOlB,EAAS,CACnFmB,MAAO,6BACPC,KAAM,OACNC,QAAS,aACRL,GAAQlB,IAAOA,EAAkBmB,EAAMC,cAAc,IAAK,CAC3DI,SAAU,iCACIL,EAAMC,cAAc,OAAQ,CAC1CE,KAAM,gCACNG,EAAG,4NACYN,EAAMC,cAAc,OAAQ,CAC3CE,KAAM,gCACNG,EAAG,scACYN,EAAMC,cAAc,OAAQ,CAC3CE,KAAM,OACNG,EAAG,4lBACCxB,IAAUA,EAAqBkB,EAAMC,cAAc,OAAQ,KAAmBD,EAAMC,cAAc,iBAAkB,CACxHM,GAAI,0BACJC,GAAI,MACJC,GAAI,MACJC,GAAI,MACJC,GAAI,KACJC,cAAe,kBACDZ,EAAMC,cAAc,OAAQ,CAC1CY,UAAW,YACIb,EAAMC,cAAc,OAAQ,CAC3Ca,OAAQ,EACRD,UAAW,aACKb,EAAMC,cAAc,iBAAkB,CACtDM,GAAI,0BACJC,GAAI,EACJC,GAAI,EACJC,GAAI,OACJC,GAAI,EACJC,cAAe,kBACDZ,EAAMC,cAAc,OAAQ,CAC1CY,UAAW,YACIb,EAAMC,cAAc,OAAQ,CAC3Ca,OAAQ,EACRD,UAAW,UACKb,EAAMC,cAAc,WAAY,CAChDM,GAAI,2BACUP,EAAMC,cAAc,OAAQ,CAC1CE,KAAM,OACNG,EAAG"}

package/dist/esm/assets/icons/whatsapp_color.svg.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import*as e from"react";var t,r,a;function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},l.apply(null,arguments)}var n=n=>e.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg","aria-label":"WhatsApp",viewBox:"0 0 512 512"},n),t||(t=e.createElement("rect",{width:512,height:512,fill:"#25d366",rx:"15%"})),r||(r=e.createElement("path",{fill:"#25d366",stroke:"#fff",strokeWidth:26,d:"m123 393 14-65a138 138 0 1 1 50 47z"})),a||(a=e.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"})));export{n as default};
+import*as t from"react";var e,r,a;function l(){return l=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t},l.apply(this,arguments)}var c=c=>t.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg","aria-label":"WhatsApp",viewBox:"0 0 512 512"},c),e||(e=t.createElement("rect",{width:512,height:512,fill:"#25d366",rx:"15%"})),r||(r=t.createElement("path",{fill:"#25d366",stroke:"#fff",strokeWidth:26,d:"m123 393 14-65a138 138 0 1 1 50 47z"})),a||(a=t.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"})));export{c as default};
 //# sourceMappingURL=whatsapp_color.svg.js.map

package/dist/esm/assets/icons/whatsapp_color.svg.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"whatsapp_color.svg.js","sources":["../../../../src/assets/icons/whatsapp_color.svg"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"utf-8\"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->\n<svg xmlns=\"http://www.w3.org/2000/svg\"\naria-label=\"WhatsApp\" role=\"img\"\nviewBox=\"0 0 512 512\"><rect\nwidth=\"512\" height=\"512\"\nrx=\"15%\"\nfill=\"#25d366\"/><path fill=\"#25d366\" stroke=\"#ffffff\" stroke-width=\"26\" d=\"M123 393l14-65a138 138 0 1150 47z\"/><path fill=\"#ffffff\" 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\"/></svg>"],"names":["_rect","_path","_path2","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","WhatsappIcon","props","React","createElement","xmlns","viewBox","width","height","fill","rx","stroke","strokeWidth","d"],"mappings":"wBAAA,IAAIA,EAAOC,EAAOC,EAClB,SAASC,~~IAAa~~,~~OAAOA~~,EAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,~~GAAK~~,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,~~EAAIF~~,UAAUD,GAAI,IAAK,IAAII,~~KAAKD~~,~~GAAG~~,~~CAAG~~,~~GAAEE~~,eAAeC,~~KAAKH~~,~~EAAGC~~,~~KAAOL~~,~~EAAEK~~,~~GAAKD~~,~~EAAEC~~,~~IAAO~~,OAAOL,~~CAAE~~,~~EAAIJ~~,~~EAASY~~,~~MAAM~~,~~KAAMN~~,UAAa,~~CAoBpR~~,~~IAAAO~~,EAlByBC,GAAsBC,EAAMC,cAAc,~~MAAOhB~~,EAAS,~~CACjFiB~~,MAAO,6BACP,aAAc,WACdC,QAAS,eACRJ,~~GAAQjB~~,IAAUA,~~EAAqBkB~~,EAAMC,cAAc,OAAQ,CACpEG,MAAO,IACPC,OAAQ,IACRC,KAAM,UACNC,GAAI,~~SACDxB~~,IAAUA,~~EAAqBiB~~,EAAMC,cAAc,OAAQ,CAC9DK,KAAM,UACNE,OAAQ,OACRC,YAAa,GACbC,EAAG,~~yCACA1B~~,IAAWA,~~EAAsBgB~~,EAAMC,cAAc,OAAQ,CAChEK,KAAM,OACNI,EAAG"}
1	+ {"version":3,"file":"whatsapp_color.svg.js","sources":["../../../../src/assets/icons/whatsapp_color.svg"],"sourcesContent":["<?xml version=\"1.0\" encoding=\"utf-8\"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->\n<svg xmlns=\"http://www.w3.org/2000/svg\"\naria-label=\"WhatsApp\" role=\"img\"\nviewBox=\"0 0 512 512\"><rect\nwidth=\"512\" height=\"512\"\nrx=\"15%\"\nfill=\"#25d366\"/><path fill=\"#25d366\" stroke=\"#ffffff\" stroke-width=\"26\" d=\"M123 393l14-65a138 138 0 1150 47z\"/><path fill=\"#ffffff\" 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\"/></svg>"],"names":["_rect","_path","_path2","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","WhatsappIcon","props","React","createElement","xmlns","viewBox","width","height","fill","rx","stroke","strokeWidth","d"],"mappings":"wBAAA,IAAIA,EAAOC,EAAOC,EAClB,SAASC,IAAiS,OAApRA,EAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,EAAcP,OAAOS,UAAUC,eAAeC,KAAKJ,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,CAAS,EAASJ,EAASa,MAAMC,KAAMR,UAAa,CAoBnV,IAAAS,EAlByBC,GAAsBC,EAAMC,cAAc,MAAOlB,EAAS,CACjFmB,MAAO,6BACP,aAAc,WACdC,QAAS,eACRJ,GAAQnB,IAAUA,EAAqBoB,EAAMC,cAAc,OAAQ,CACpEG,MAAO,IACPC,OAAQ,IACRC,KAAM,UACNC,GAAI,SACD1B,IAAUA,EAAqBmB,EAAMC,cAAc,OAAQ,CAC9DK,KAAM,UACNE,OAAQ,OACRC,YAAa,GACbC,EAAG,yCACA5B,IAAWA,EAAsBkB,EAAMC,cAAc,OAAQ,CAChEK,KAAM,OACNI,EAAG"}

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

@@ -1,2 +1,2 @@
-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=({createdAt:o,dateFormat:y="D MMMM YY",dateFormatCalendar:c,appType:m=d.Bik})=>{const f=s((()=>{if(null==o)return null;let e;if("number"==typeof o)e=r(new Date(o));else if(o instanceof Date)e=r(o);else{if("string"!=typeof o)return null;e=r(new Date(o))}if(m===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 s=i(t,e);return s<1?(null==c?void 0:c.sameDay)?c.sameDay.replace(/\[|\]/g,""):"Today":1===s?"Yesterday":n(e,"EEEE, d MMMM yy")}),[o,y,c,m]);return f?m===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:f}))})):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:f}))})),e("div",{style:{flex:1,height:"1px",backgroundColor:l.stroke.primary}})]})):null},c=o.memo(y);export{c as Day,c 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};
 //# sourceMappingURL=Day.js.map

package/dist/esm/components/BikGiftedChat/GiftedChat/Day.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Day.js","sources":["../../../../../src/components/BikGiftedChat/GiftedChat/Day.tsx"],"sourcesContent":["import { differenceInDays, format, isSameYear, startOfDay } from 'date-fns';\nimport React, { useMemo } from 'react';\nimport { COLORS } from '../../../constants/Theme';\nimport { BodyCaption } from '../../TypographyStyle';\nimport { GiftedChatAppType } from '../Bubble/types';\n\n// Props for Day component\nexport interface DayProps {\n\tcreatedAt?: Date \| number \| string;\n\tdateFormat?: string;\n\tdateFormatCalendar?: {\n\t\tsameDay?: string;\n\t\tnextDay?: string;\n\t\tnextWeek?: string;\n\t\tlastDay?: string;\n\t\tlastWeek?: string;\n\t\tsameElse?: string;\n\t};\n\tappType?: GiftedChatAppType;\n}\n\n// Day component - renders date separator in chat\n// Shows formatted date with smart labeling (Today, Yesterday, etc.)\nconst DayComponent: React.FC<DayProps> = ({\n\tcreatedAt,\n\tdateFormat = 'D MMMM YY',\n\tdateFormatCalendar,\n\tappType = GiftedChatAppType.Bik,\n}) => {\n\t// Format date for display with smart labeling\n\tconst dateStr = useMemo(() => {\n\t\tif (createdAt == null) return null;\n\n\t\tlet date: Date;\n\t\tif (typeof createdAt === 'number') {\n\t\t\tdate = startOfDay(new Date(createdAt));\n\t\t} else if (createdAt instanceof Date) {\n\t\t\tdate = startOfDay(createdAt);\n\t\t} else if (typeof createdAt === 'string') {\n\t\t\tdate = startOfDay(new Date(createdAt));\n\t\t} else {\n\t\t\treturn null;\n\t\t}\n\n\t\t// For manifest, always show 'Jan 9, 2026' format\n\t\tif (appType === GiftedChatAppType.Manifest) {\n\t\t\treturn format(date, 'MMM d, yyyy');\n\t\t}\n\n\t\tconst now = startOfDay(new Date());\n\t\t// If not same year, show full date with day of week\n\t\tif (!isSameYear(now, date)) {\n\t\t\treturn format(date, 'EEEE, d MMMM yy');\n\t\t}\n\n\t\tconst daysDiff = differenceInDays(now, date);\n\n\t\t// If today\n\t\tif (daysDiff < 1) {\n\t\t\tif (dateFormatCalendar?.sameDay) {\n\t\t\t\treturn dateFormatCalendar.sameDay.replace(/\\[\|\\]/g, '');\n\t\t\t}\n\t\t\treturn 'Today';\n\t\t}\n\n\t\t// If yesterday\n\t\tif (daysDiff === 1) {\n\t\t\treturn 'Yesterday';\n\t\t}\n\n\t\t// Format: \"Friday, 7 November 25\"\n\t\treturn format(date, 'EEEE, d MMMM yy');\n\t}, [createdAt, dateFormat, dateFormatCalendar, appType]);\n\n\tif (!dateStr) return null;\n\n\tif (appType === GiftedChatAppType.Manifest) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\tmarginTop: 5,\n\t\t\t\t\tmarginBottom: 10,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackground: 'transparent',\n\t\t\t\t\t\tcolor: '#b2b2b2',\n\t\t\t\t\t\tfontSize: 12,\n\t\t\t\t\t\tfontWeight: 600,\n\t\t\t\t\t\tpadding: '2px 8px',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{dateStr}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tdisplay: 'flex',\n\t\t\t\talignItems: 'center',\n\t\t\t\tjustifyContent: 'center',\n\t\t\t\tmargin: '12px 0px 12px 8px',\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tflex: 1,\n\t\t\t\t\theight: '1px',\n\t\t\t\t\tbackgroundColor: COLORS.stroke.primary,\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tborder: `1px solid ${COLORS.stroke.primary}`,\n\t\t\t\t\tborderRadius: '16px',\n\t\t\t\t\tpadding: '4px 12px',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<BodyCaption style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t{dateStr}\n\t\t\t\t</BodyCaption>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tflex: 1,\n\t\t\t\t\theight: '1px',\n\t\t\t\t\tbackgroundColor: COLORS.stroke.primary,\n\t\t\t\t}}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\n// Export memoized version for performance\nexport const Day = React.memo(DayComponent);\n\nexport default Day;\n"],"names":["DayComponent","createdAt","dateFormat","dateFormatCalendar","appType","GiftedChatAppType","Bik","dateStr","useMemo","date","startOfDay","Date","Manifest","format","now","isSameYear","daysDiff","differenceInDays","sameDay","replace","_jsx","Object","assign","style","display","alignItems","justifyContent","marginTop","marginBottom","children","background","color","fontSize","fontWeight","padding","_jsxs","margin","flex","height","backgroundColor","COLORS","stroke","primary","border","borderRadius","BodyCaption","content","secondary","Day","React","memo"],"mappings":"gVAuBA,MAAMA,~~EAAmCA~~,~~EACxCC~~,~~YACAC~~,~~aAAa~~,~~YACbC~~,~~qBACAC~~,~~UAAUC~~,EAAkBC,~~QAG5B~~,~~MAAMC~~,EAAUC,GAAQ,KACvB,GAAiB,MAAbP,EAAmB,OAAO,KAE9B,IAAIQ,EACJ,GAAyB,iBAAdR,EACVQ,EAAOC,EAAW,IAAIC,KAAKV,SACrB,GAAIA,aAAqBU,KAC/BF,EAAOC,EAAWT,OACZ,IAAyB,iBAAdA,EAGjB,OAAO,KAFPQ,EAAOC,EAAW,IAAIC,KAAKV,GAG3B,CAGD,GAAIG,IAAYC,EAAkBO,SACjC,OAAOC,EAAOJ,EAAM,eAGrB,MAAMK,EAAMJ,EAAW,IAAIC,MAE3B,IAAKI,EAAWD,EAAKL,GACpB,OAAOI,EAAOJ,EAAM,mBAGrB,MAAMO,EAAWC,EAAiBH,EAAKL,GAGvC,OAAIO,EAAW,GACVb,eAAAA,EAAoBe,SAChBf,EAAmBe,QAAQC,QAAQ,SAAU,IAE9C,QAIS,IAAbH,EACI,YAIDH,EAAOJ,EAAM,kBAAkB,GACpC,CAACR,EAAWC,EAAYC,EAAoBC,IAE/C,OAAKG,EAEDH,IAAYC,EAAkBO,SAEhCQ,EACC,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CACNC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,UAAW,EACXC,aAAc,KAGf,CAAAC,SAAAT,EAAA,OAAAC,OAAAC,OAAA,CACCC,MAAO,CACNO,WAAY,cACZC,MAAO,UACPC,SAAU,GACVC,WAAY,IACZC,QAAS,YACT,CAAAL,SAEAtB,QAOJ4B,EACC,MAAAd,OAAAC,OAAA,CAAAC,MAAO,CACNC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBU,OAAQ,sBAGT,CAAAP,SAAA,CAAAT,EAAA,MAAA,CACCG,MAAO,CACNc,KAAM,EACNC,OAAQ,MACRC,gBAAiBC,EAAOC,OAAOC,WAGjCtB,EACC,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CACNoB,~~OAAQ~~,~~aAAaH~~,EAAOC,OAAOC,UACnCE,aAAc,OACdV,QAAS,aAGV,CAAAL,SAAAT,EAACyB,EAAYxB,OAAAC,OAAA,CAAAC,MAAO,CAAEQ,MAAOS,EAAOM,QAAQC,YAC1C,CAAAlB,SAAAtB,QAGHa,EACC,MAAA,CAAAG,MAAO,CACNc,KAAM,EACNC,OAAQ,MACRC,gBAAiBC,EAAOC,OAAOC,eA3Dd,IA8Dd,EAKKM,EAAMC,EAAMC,~~KAAKlD~~"}
1	+ {"version":3,"file":"Day.js","sources":["../../../../../src/components/BikGiftedChat/GiftedChat/Day.tsx"],"sourcesContent":["import { differenceInDays, format, isSameYear, startOfDay } from 'date-fns';\nimport React, { useMemo } from 'react';\nimport { COLORS } from '../../../constants/Theme';\nimport { BodyCaption } from '../../TypographyStyle';\nimport { GiftedChatAppType } from '../Bubble/types';\n\n// Props for Day component\nexport interface DayProps {\n\tcreatedAt?: Date \| number \| string;\n\tdateFormat?: string;\n\tdateFormatCalendar?: {\n\t\tsameDay?: string;\n\t\tnextDay?: string;\n\t\tnextWeek?: string;\n\t\tlastDay?: string;\n\t\tlastWeek?: string;\n\t\tsameElse?: string;\n\t};\n\tappType?: GiftedChatAppType;\n}\n\n// Day component - renders date separator in chat\n// Shows formatted date with smart labeling (Today, Yesterday, etc.)\nconst DayComponent: React.FC<DayProps> = ({\n\tcreatedAt,\n\tdateFormat = 'D MMMM YY',\n\tdateFormatCalendar,\n\tappType = GiftedChatAppType.Bik,\n}) => {\n\t// Format date for display with smart labeling\n\tconst dateStr = useMemo(() => {\n\t\tif (createdAt == null) return null;\n\n\t\tlet date: Date;\n\t\tif (typeof createdAt === 'number') {\n\t\t\tdate = startOfDay(new Date(createdAt));\n\t\t} else if (createdAt instanceof Date) {\n\t\t\tdate = startOfDay(createdAt);\n\t\t} else if (typeof createdAt === 'string') {\n\t\t\tdate = startOfDay(new Date(createdAt));\n\t\t} else {\n\t\t\treturn null;\n\t\t}\n\n\t\t// For manifest, always show 'Jan 9, 2026' format\n\t\tif (appType === GiftedChatAppType.Manifest) {\n\t\t\treturn format(date, 'MMM d, yyyy');\n\t\t}\n\n\t\tconst now = startOfDay(new Date());\n\t\t// If not same year, show full date with day of week\n\t\tif (!isSameYear(now, date)) {\n\t\t\treturn format(date, 'EEEE, d MMMM yy');\n\t\t}\n\n\t\tconst daysDiff = differenceInDays(now, date);\n\n\t\t// If today\n\t\tif (daysDiff < 1) {\n\t\t\tif (dateFormatCalendar?.sameDay) {\n\t\t\t\treturn dateFormatCalendar.sameDay.replace(/\\[\|\\]/g, '');\n\t\t\t}\n\t\t\treturn 'Today';\n\t\t}\n\n\t\t// If yesterday\n\t\tif (daysDiff === 1) {\n\t\t\treturn 'Yesterday';\n\t\t}\n\n\t\t// Format: \"Friday, 7 November 25\"\n\t\treturn format(date, 'EEEE, d MMMM yy');\n\t}, [createdAt, dateFormat, dateFormatCalendar, appType]);\n\n\tif (!dateStr) return null;\n\n\tif (appType === GiftedChatAppType.Manifest) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\talignItems: 'center',\n\t\t\t\t\tjustifyContent: 'center',\n\t\t\t\t\tmarginTop: 5,\n\t\t\t\t\tmarginBottom: 10,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tbackground: 'transparent',\n\t\t\t\t\t\tcolor: '#b2b2b2',\n\t\t\t\t\t\tfontSize: 12,\n\t\t\t\t\t\tfontWeight: 600,\n\t\t\t\t\t\tpadding: '2px 8px',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{dateStr}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\tdisplay: 'flex',\n\t\t\t\talignItems: 'center',\n\t\t\t\tjustifyContent: 'center',\n\t\t\t\tmargin: '12px 0px 12px 8px',\n\t\t\t}}\n\t\t>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tflex: 1,\n\t\t\t\t\theight: '1px',\n\t\t\t\t\tbackgroundColor: COLORS.stroke.primary,\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tborder: `1px solid ${COLORS.stroke.primary}`,\n\t\t\t\t\tborderRadius: '16px',\n\t\t\t\t\tpadding: '4px 12px',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<BodyCaption style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t{dateStr}\n\t\t\t\t</BodyCaption>\n\t\t\t</div>\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tflex: 1,\n\t\t\t\t\theight: '1px',\n\t\t\t\t\tbackgroundColor: COLORS.stroke.primary,\n\t\t\t\t}}\n\t\t\t/>\n\t\t</div>\n\t);\n};\n\n// Export memoized version for performance\nexport const Day = React.memo(DayComponent);\n\nexport default Day;\n"],"names":["DayComponent","_ref","createdAt","dateFormat","dateFormatCalendar","appType","GiftedChatAppType","Bik","dateStr","useMemo","date","startOfDay","Date","Manifest","format","now","isSameYear","daysDiff","differenceInDays","sameDay","replace","_jsx","Object","assign","style","display","alignItems","justifyContent","marginTop","marginBottom","children","background","color","fontSize","fontWeight","padding","_jsxs","margin","flex","height","backgroundColor","COLORS","stroke","primary","border","borderRadius","BodyCaption","content","secondary","Day","React","memo"],"mappings":"gVAuBA,MAAMA,EAAmCC,IAKpC,IALqCC,UACzCA,EAASC,WACTA,EAAa,YAAWC,mBACxBA,EAAkBC,QAClBA,EAAUC,EAAkBC,KAC5BN,EAEA,MAAMO,EAAUC,GAAQ,KACvB,GAAiB,MAAbP,EAAmB,OAAO,KAE9B,IAAIQ,EACJ,GAAyB,iBAAdR,EACVQ,EAAOC,EAAW,IAAIC,KAAKV,SACrB,GAAIA,aAAqBU,KAC/BF,EAAOC,EAAWT,OACZ,IAAyB,iBAAdA,EAGjB,OAAO,KAFPQ,EAAOC,EAAW,IAAIC,KAAKV,GAG3B,CAGD,GAAIG,IAAYC,EAAkBO,SACjC,OAAOC,EAAOJ,EAAM,eAGrB,MAAMK,EAAMJ,EAAW,IAAIC,MAE3B,IAAKI,EAAWD,EAAKL,GACpB,OAAOI,EAAOJ,EAAM,mBAGrB,MAAMO,EAAWC,EAAiBH,EAAKL,GAGvC,OAAIO,EAAW,GACVb,eAAAA,EAAoBe,SAChBf,EAAmBe,QAAQC,QAAQ,SAAU,IAE9C,QAIS,IAAbH,EACI,YAIDH,EAAOJ,EAAM,kBAAkB,GACpC,CAACR,EAAWC,EAAYC,EAAoBC,IAE/C,OAAKG,EAEDH,IAAYC,EAAkBO,SAEhCQ,EACC,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CACNC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,UAAW,EACXC,aAAc,KAGf,CAAAC,SAAAT,EAAA,OAAAC,OAAAC,OAAA,CACCC,MAAO,CACNO,WAAY,cACZC,MAAO,UACPC,SAAU,GACVC,WAAY,IACZC,QAAS,YACT,CAAAL,SAEAtB,QAOJ4B,EACC,MAAAd,OAAAC,OAAA,CAAAC,MAAO,CACNC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBU,OAAQ,sBAGT,CAAAP,SAAA,CAAAT,EAAA,MAAA,CACCG,MAAO,CACNc,KAAM,EACNC,OAAQ,MACRC,gBAAiBC,EAAOC,OAAOC,WAGjCtB,EACC,MAAAC,OAAAC,OAAA,CAAAC,MAAO,CACNoB,OAAqB,aAAAH,EAAOC,OAAOC,UACnCE,aAAc,OACdV,QAAS,aAGV,CAAAL,SAAAT,EAACyB,EAAYxB,OAAAC,OAAA,CAAAC,MAAO,CAAEQ,MAAOS,EAAOM,QAAQC,YAC1C,CAAAlB,SAAAtB,QAGHa,EACC,MAAA,CAAAG,MAAO,CACNc,KAAM,EACNC,OAAQ,MACRC,gBAAiBC,EAAOC,OAAOC,eA3Dd,IA8Dd,EAKKM,EAAMC,EAAMC,KAAKnD"}

package/dist/esm/components/BikGiftedChat/GiftedChat/GiftedChat.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GiftedChat.js","sources":["../../../../../src/components/BikGiftedChat/GiftedChat/GiftedChat.tsx"],"sourcesContent":["import React, {\n\tforwardRef,\n\tuseCallback,\n\tuseImperativeHandle,\n\tuseMemo,\n\tuseRef,\n} from 'react';\nimport { COLORS } from '../../../constants/Theme';\nimport { useWindowSize } from '../../../hooks/useWindowSize';\nimport { BodySecondary } from '../../TypographyStyle';\nimport { BubbleProps, GiftedChatAppType } from '../Bubble/types';\nimport { IMessage } from '../types';\nimport { Day } from './Day';\nimport { getMessagePlacement, shouldCenterAlign } from './messageHelpers';\nimport {\n\tuseAutoScrollOnNewMessages,\n\tuseInitialMountScroll,\n\tuseResizeObserverForFirstMessage,\n\tuseRestoreScrollPosition,\n\tuseScrollCleanup,\n\tuseScrollHandler,\n\tuseScrollToBottom,\n} from './scrollHooks';\nimport { AvatarProps, GiftedChatProps, MESSAGE_CHANNELS } from './types';\nimport { isSameDay, normalizeRef } from './utils';\nimport { Constants, TOP_THRESHOLD } from './utils';\n\nconst GiftedChatInner = (\n\tprops: Omit<GiftedChatProps<IMessage>, 'ref'>,\n\tforwardedRef: React.Ref<HTMLDivElement>,\n) => {\n\tconst {\n\t\tmessages = [],\n\t\tuser,\n\t\trenderBubble,\n\t\trenderAvatar,\n\t\trenderDay,\n\t\trenderLoading,\n\t\trenderChatEmpty,\n\t\tlistViewProps = {},\n\t\trenderAvatarOnTop = false,\n\t\tshowUserAvatar = false,\n\t\tshowAvatarForEveryMessage = false,\n\t\tinverted = false,\n\t\tmessageIdGenerator,\n\t\ttopThreshold = TOP_THRESHOLD,\n\t\tappType = GiftedChatAppType.Bik,\n\t\t...extraProps\n\t} = props \|\| {};\n\n\tconst isMobile = useWindowSize();\n\n\tconst internalScrollRef = useRef<HTMLDivElement \| null>(null);\n\tconst scrollRef = normalizeRef(\n\t\tlistViewProps.ref \|\| forwardedRef,\n\t\tinternalScrollRef,\n\t);\n\n\tconst scrollState = useRef({\n\t\tisInitialMount: true,\n\t\tisUserScrolling: false,\n\t\tisLoadingOldMessages: false,\n\t\tisAtBottom: true,\n\t\thasTriggeredEndReached: false,\n\t\tlastMessagesLength: messages?.length ?? 0,\n\t\tpreviousScrollHeight: 0,\n\t\tpreviousScrollTop: 0,\n\t\tscrollTimeout: null,\n\t});\n\n\t// Reverse messages so newest appears last in DOM (natural reading order)\n\tconst reversedMessages = useMemo(() => {\n\t\tif (!messages \|\| messages.length === 0) return [] as IMessage[];\n\t\treturn [...messages].reverse() as IMessage[];\n\t}, [messages]);\n\n\tconst scrollToBottom = useScrollToBottom(scrollRef, scrollState);\n\n\tuseImperativeHandle(forwardedRef, () => scrollRef.current!);\n\n\tuseInitialMountScroll(\n\t\tscrollRef,\n\t\tscrollState,\n\t\treversedMessages.length,\n\t\tscrollToBottom,\n\t);\n\n\tuseScrollCleanup(scrollState);\n\n\tuseRestoreScrollPosition(scrollRef, scrollState, reversedMessages.length);\n\n\tuseAutoScrollOnNewMessages(\n\t\tscrollRef,\n\t\tscrollState,\n\t\tmessages.length,\n\t\tscrollToBottom,\n\t);\n\n\tuseResizeObserverForFirstMessage(\n\t\tmessages?.[0],\n\t\tscrollState,\n\t\tscrollToBottom,\n\t\tmessageIdGenerator,\n\t);\n\n\tconst handleScroll = useScrollHandler(\n\t\tscrollState,\n\t\tlistViewProps.onEndReached,\n\t\tlistViewProps.onScroll,\n\t\ttopThreshold,\n\t);\n\n\t// Check if a message belongs to the current user\n\tconst isUserMessage = useCallback(\n\t\t(message: IMessage) => {\n\t\t\treturn Boolean(message && user && message.user?._id === user._id);\n\t\t},\n\t\t[user],\n\t);\n\n\t// Determine if avatar should be shown for this message\n\tconst shouldShowAvatar = useCallback(\n\t\t(message: IMessage, nextMessage?: IMessage) => {\n\t\t\tif (!showUserAvatar) return false;\n\t\t\tif (showAvatarForEveryMessage) return true;\n\n\t\t\t// Show avatar only when next message is from different user\n\t\t\treturn !nextMessage \|\| nextMessage.user._id !== message.user._id;\n\t\t},\n\t\t[showUserAvatar, showAvatarForEveryMessage],\n\t);\n\n\t// Render a message bubble (or call custom renderBubble)\n\tconst renderMessageBubble = useCallback(\n\t\t(message: IMessage, previousMessage?: IMessage, nextMessage?: IMessage) => {\n\t\t\tconst position = isUserMessage(message) ? 'right' : 'left';\n\n\t\t\tconst bubbleProps: BubbleProps<IMessage> = {\n\t\t\t\tcurrentMessage: message,\n\t\t\t\tpreviousMessage,\n\t\t\t\tnextMessage,\n\t\t\t\tposition,\n\t\t\t\tuser,\n\t\t\t\t...extraProps,\n\t\t\t};\n\n\t\t\t// Use custom render function if provided\n\t\t\tif (renderBubble) {\n\t\t\t\treturn renderBubble(bubbleProps);\n\t\t\t}\n\n\t\t\t// Default bubble rendering\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tmaxWidth: appType === GiftedChatAppType.Manifest ? '50%' : '70%',\n\t\t\t\t\t\twidth: 'fit-content',\n\t\t\t\t\t\t...(appType === GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t? { minWidth: '130px' }\n\t\t\t\t\t\t\t: {}),\n\t\t\t\t\t\tpadding: '8px 12px',\n\t\t\t\t\t\tborderRadius: appType === GiftedChatAppType.Manifest ? 16 : 4,\n\t\t\t\t\t\tborder:\n\t\t\t\t\t\t\tposition === 'left' && appType === GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t\t? '1px solid rgb(224, 224, 224)'\n\t\t\t\t\t\t\t\t: 'none',\n\t\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\t\tposition === 'right'\n\t\t\t\t\t\t\t\t? appType === GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t\t\t? COLORS.background.brandTint\n\t\t\t\t\t\t\t\t\t: COLORS.background.brandLight\n\t\t\t\t\t\t\t\t: appType === GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t\t? COLORS.background.pureWhite\n\t\t\t\t\t\t\t\t: COLORS.background.inactive,\n\t\t\t\t\t\tcolor: COLORS.content.primary,\n\t\t\t\t\t\twordBreak: 'break-word',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<BodySecondary>{message.text}</BodySecondary>\n\t\t\t\t</div>\n\t\t\t);\n\t\t},\n\t\t[isUserMessage, user, renderBubble, extraProps],\n\t);\n\n\t// Render a message avatar (or call custom renderAvatar)\n\tconst renderMessageAvatar = useCallback(\n\t\t(message: IMessage, previousMessage?: IMessage, nextMessage?: IMessage) => {\n\t\t\tconst shouldShow = shouldShowAvatar(message, nextMessage);\n\n\t\t\tif (!shouldShow) return null;\n\n\t\t\tconst position = isUserMessage(message) ? 'right' : 'left';\n\n\t\t\tconst avatarProps: AvatarProps<IMessage> = {\n\t\t\t\tcurrentMessage: message,\n\t\t\t\tpreviousMessage,\n\t\t\t\tnextMessage,\n\t\t\t\tposition,\n\t\t\t\tuser,\n\t\t\t\trenderAvatarOnTop,\n\t\t\t\tshowUserAvatar,\n\t\t\t\tshowAvatarForEveryMessage,\n\t\t\t};\n\n\t\t\treturn renderAvatar ? renderAvatar(avatarProps) : null;\n\t\t},\n\t\t[\n\t\t\tshouldShowAvatar,\n\t\t\tisUserMessage,\n\t\t\tuser,\n\t\t\trenderAvatarOnTop,\n\t\t\tshowUserAvatar,\n\t\t\tshowAvatarForEveryMessage,\n\t\t\trenderAvatar,\n\t\t],\n\t);\n\n\t// Render: Empty State\n\tif (!messages \|\| messages.length === 0) {\n\t\treturn renderChatEmpty ? <>{renderChatEmpty()}</> : null;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tref={scrollRef as React.RefObject<HTMLDivElement>}\n\t\t\tstyle={{\n\t\t\t\tflex: 1,\n\t\t\t\toverflowY: 'auto',\n\t\t\t\toverflowX: 'hidden',\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tflexDirection: 'column',\n\t\t\t\t...listViewProps.style,\n\t\t\t}}\n\t\t\tonScroll={handleScroll}\n\t\t>\n\t\t\t{/* Spacer to push messages to bottom (newest appears last in DOM) /}\n\t\t\t<div style={{ flex: '1 0 auto' }} />\n\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\tflex: '0 0 auto',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{reversedMessages.map((message, index) => {\n\t\t\t\t\tconst position = isUserMessage(message) ? 'right' : 'left';\n\t\t\t\t\tconst previousMessage = reversedMessages[index - 1];\n\t\t\t\t\tconst nextMessage = reversedMessages[index + 1];\n\t\t\t\t\tconst shouldShowDay = !isSameDay(message, previousMessage);\n\t\t\t\t\tconst placement = getMessagePlacement(message, position);\n\t\t\t\t\tconst isCentered = shouldCenterAlign(message);\n\t\t\t\t\tconst isSmtp =\n\t\t\t\t\t\tmessage?.['channelId'] === MESSAGE_CHANNELS.SMTP \|\|\n\t\t\t\t\t\tmessage?.['channelName'] === MESSAGE_CHANNELS.SMTP;\n\t\t\t\t\t// Check if message is a private note\n\t\t\t\t\tconst isPrivateNote =\n\t\t\t\t\t\tmessage['category'] === Constants.ChatActivity.Category.ACTIVITY &&\n\t\t\t\t\t\tmessage['activityType'] ===\n\t\t\t\t\t\t\tConstants.ChatActivity.Type.PRIVATE_NOTE;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<React.Fragment\n\t\t\t\t\t\t\tkey={message._id ?? `${index}-${messageIdGenerator?.() ?? 'id'}`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{/ Day separator /}\n\t\t\t\t\t\t\t{shouldShowDay &&\n\t\t\t\t\t\t\t\t(renderDay ? (\n\t\t\t\t\t\t\t\t\trenderDay({ createdAt: message.createdAt })\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<Day createdAt={message.createdAt} appType={appType} />\n\t\t\t\t\t\t\t\t))}\n\n\t\t\t\t\t\t\t{/ Message container /}\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t...(isMobile ? { margin: '0 4px' } : {}),\n\t\t\t\t\t\t\t\t\t...(isCentered ? {} : { display: 'flex' }),\n\t\t\t\t\t\t\t\t\t...(appType !== GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t\t\t\t? !isMobile && message?.user?._id === 2\n\t\t\t\t\t\t\t\t\t\t\t? { marginLeft: 8 }\n\t\t\t\t\t\t\t\t\t\t\t: { marginRight: 8 }\n\t\t\t\t\t\t\t\t\t\t: {}),\n\t\t\t\t\t\t\t\t\t...(isSmtp && !isPrivateNote && isMobile\n\t\t\t\t\t\t\t\t\t\t? { marginLeft: 8, marginRight: 8 }\n\t\t\t\t\t\t\t\t\t\t: {}),\n\t\t\t\t\t\t\t\t\tjustifyContent: placement,\n\t\t\t\t\t\t\t\t\tmarginBottom: 8,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{/ Left avatar (for mobile, avatar is hidden) /}\n\t\t\t\t\t\t\t\t{!isMobile && position === 'left' && (\n\t\t\t\t\t\t\t\t\t<div style={{ margin: '0 8px' }}>\n\t\t\t\t\t\t\t\t\t\t{renderMessageAvatar(message, previousMessage, nextMessage)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{/ Message bubble /}\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tid={`message-bubble-${\n\t\t\t\t\t\t\t\t\t\tmessage._id ?? `${index}-${messageIdGenerator?.() ?? 'id'}`\n\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\tappType === GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t\t\t\t\t? { width: '100%' }\n\t\t\t\t\t\t\t\t\t\t\t: isMobile && isSmtp\n\t\t\t\t\t\t\t\t\t\t\t? { display: 'flex', flexGrow: 1 }\n\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{renderMessageBubble(message, previousMessage, nextMessage)}\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t{/ Right avatar (for mobile, avatar is hidden) */}\n\t\t\t\t\t\t\t\t{!isMobile && position === 'right' && (\n\t\t\t\t\t\t\t\t\t<div style={{ margin: '0 8px' }}>\n\t\t\t\t\t\t\t\t\t\t{renderMessageAvatar(message, previousMessage, nextMessage)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default forwardRef<HTMLDivElement, GiftedChatProps<IMessage>>(\n\tGiftedChatInner,\n);\n"],"names":["GiftedChat","forwardRef","GiftedChatInner","props","forwardedRef","_b","messages","user","renderBubble","renderAvatar","renderDay","renderLoading","renderChatEmpty","listViewProps","renderAvatarOnTop","showUserAvatar","showAvatarForEveryMessage","inverted","messageIdGenerator","topThreshold","TOP_THRESHOLD","appType","GiftedChatAppType","Bik","extraProps","__rest","isMobile","useWindowSize","internalScrollRef","useRef","scrollRef","normalizeRef","ref","scrollState","isInitialMount","isUserScrolling","isLoadingOldMessages","isAtBottom","hasTriggeredEndReached","lastMessagesLength","_a","length","previousScrollHeight","previousScrollTop","scrollTimeout","reversedMessages","useMemo","reverse","scrollToBottom","useScrollToBottom","useImperativeHandle","current","useInitialMountScroll","useScrollCleanup","useRestoreScrollPosition","useAutoScrollOnNewMessages","useResizeObserverForFirstMessage","handleScroll","useScrollHandler","onEndReached","onScroll","isUserMessage","useCallback","message","Boolean","_id","shouldShowAvatar","nextMessage","renderMessageBubble","previousMessage","position","bubbleProps","Object","assign","currentMessage","_jsx","style","maxWidth","Manifest","width","minWidth","padding","borderRadius","border","backgroundColor","COLORS","background","brandTint","brandLight","pureWhite","inactive","color","content","primary","wordBreak","children","BodySecondary","text","renderMessageAvatar","_jsxs","flex","overflowY","overflowX","display","flexDirection","map","index","shouldShowDay","isSameDay","placement","getMessagePlacement","isCentered","shouldCenterAlign","isSmtp","MESSAGE_CHANNELS","SMTP","isPrivateNote","Constants","ChatActivity","Category","ACTIVITY","Type","PRIVATE_NOTE","React","Fragment","createdAt","Day","margin","marginRight","marginLeft","justifyContent","marginBottom","id","_c","flexGrow","_d","_e","_Fragment"],"mappings":"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"}
1	+ {"version":3,"file":"GiftedChat.js","sources":["../../../../../src/components/BikGiftedChat/GiftedChat/GiftedChat.tsx"],"sourcesContent":["import React, {\n\tforwardRef,\n\tuseCallback,\n\tuseImperativeHandle,\n\tuseMemo,\n\tuseRef,\n} from 'react';\nimport { COLORS } from '../../../constants/Theme';\nimport { useWindowSize } from '../../../hooks/useWindowSize';\nimport { BodySecondary } from '../../TypographyStyle';\nimport { BubbleProps, GiftedChatAppType } from '../Bubble/types';\nimport { IMessage } from '../types';\nimport { Day } from './Day';\nimport { getMessagePlacement, shouldCenterAlign } from './messageHelpers';\nimport {\n\tuseAutoScrollOnNewMessages,\n\tuseInitialMountScroll,\n\tuseResizeObserverForFirstMessage,\n\tuseRestoreScrollPosition,\n\tuseScrollCleanup,\n\tuseScrollHandler,\n\tuseScrollToBottom,\n} from './scrollHooks';\nimport { AvatarProps, GiftedChatProps, MESSAGE_CHANNELS } from './types';\nimport { isSameDay, normalizeRef } from './utils';\nimport { Constants, TOP_THRESHOLD } from './utils';\n\nconst GiftedChatInner = (\n\tprops: Omit<GiftedChatProps<IMessage>, 'ref'>,\n\tforwardedRef: React.Ref<HTMLDivElement>,\n) => {\n\tconst {\n\t\tmessages = [],\n\t\tuser,\n\t\trenderBubble,\n\t\trenderAvatar,\n\t\trenderDay,\n\t\trenderLoading,\n\t\trenderChatEmpty,\n\t\tlistViewProps = {},\n\t\trenderAvatarOnTop = false,\n\t\tshowUserAvatar = false,\n\t\tshowAvatarForEveryMessage = false,\n\t\tinverted = false,\n\t\tmessageIdGenerator,\n\t\ttopThreshold = TOP_THRESHOLD,\n\t\tappType = GiftedChatAppType.Bik,\n\t\t...extraProps\n\t} = props \|\| {};\n\n\tconst isMobile = useWindowSize();\n\n\tconst internalScrollRef = useRef<HTMLDivElement \| null>(null);\n\tconst scrollRef = normalizeRef(\n\t\tlistViewProps.ref \|\| forwardedRef,\n\t\tinternalScrollRef,\n\t);\n\n\tconst scrollState = useRef({\n\t\tisInitialMount: true,\n\t\tisUserScrolling: false,\n\t\tisLoadingOldMessages: false,\n\t\tisAtBottom: true,\n\t\thasTriggeredEndReached: false,\n\t\tlastMessagesLength: messages?.length ?? 0,\n\t\tpreviousScrollHeight: 0,\n\t\tpreviousScrollTop: 0,\n\t\tscrollTimeout: null,\n\t});\n\n\t// Reverse messages so newest appears last in DOM (natural reading order)\n\tconst reversedMessages = useMemo(() => {\n\t\tif (!messages \|\| messages.length === 0) return [] as IMessage[];\n\t\treturn [...messages].reverse() as IMessage[];\n\t}, [messages]);\n\n\tconst scrollToBottom = useScrollToBottom(scrollRef, scrollState);\n\n\tuseImperativeHandle(forwardedRef, () => scrollRef.current!);\n\n\tuseInitialMountScroll(\n\t\tscrollRef,\n\t\tscrollState,\n\t\treversedMessages.length,\n\t\tscrollToBottom,\n\t);\n\n\tuseScrollCleanup(scrollState);\n\n\tuseRestoreScrollPosition(scrollRef, scrollState, reversedMessages.length);\n\n\tuseAutoScrollOnNewMessages(\n\t\tscrollRef,\n\t\tscrollState,\n\t\tmessages.length,\n\t\tscrollToBottom,\n\t);\n\n\tuseResizeObserverForFirstMessage(\n\t\tmessages?.[0],\n\t\tscrollState,\n\t\tscrollToBottom,\n\t\tmessageIdGenerator,\n\t);\n\n\tconst handleScroll = useScrollHandler(\n\t\tscrollState,\n\t\tlistViewProps.onEndReached,\n\t\tlistViewProps.onScroll,\n\t\ttopThreshold,\n\t);\n\n\t// Check if a message belongs to the current user\n\tconst isUserMessage = useCallback(\n\t\t(message: IMessage) => {\n\t\t\treturn Boolean(message && user && message.user?._id === user._id);\n\t\t},\n\t\t[user],\n\t);\n\n\t// Determine if avatar should be shown for this message\n\tconst shouldShowAvatar = useCallback(\n\t\t(message: IMessage, nextMessage?: IMessage) => {\n\t\t\tif (!showUserAvatar) return false;\n\t\t\tif (showAvatarForEveryMessage) return true;\n\n\t\t\t// Show avatar only when next message is from different user\n\t\t\treturn !nextMessage \|\| nextMessage.user._id !== message.user._id;\n\t\t},\n\t\t[showUserAvatar, showAvatarForEveryMessage],\n\t);\n\n\t// Render a message bubble (or call custom renderBubble)\n\tconst renderMessageBubble = useCallback(\n\t\t(message: IMessage, previousMessage?: IMessage, nextMessage?: IMessage) => {\n\t\t\tconst position = isUserMessage(message) ? 'right' : 'left';\n\n\t\t\tconst bubbleProps: BubbleProps<IMessage> = {\n\t\t\t\tcurrentMessage: message,\n\t\t\t\tpreviousMessage,\n\t\t\t\tnextMessage,\n\t\t\t\tposition,\n\t\t\t\tuser,\n\t\t\t\t...extraProps,\n\t\t\t};\n\n\t\t\t// Use custom render function if provided\n\t\t\tif (renderBubble) {\n\t\t\t\treturn renderBubble(bubbleProps);\n\t\t\t}\n\n\t\t\t// Default bubble rendering\n\t\t\treturn (\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tmaxWidth: appType === GiftedChatAppType.Manifest ? '50%' : '70%',\n\t\t\t\t\t\twidth: 'fit-content',\n\t\t\t\t\t\t...(appType === GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t? { minWidth: '130px' }\n\t\t\t\t\t\t\t: {}),\n\t\t\t\t\t\tpadding: '8px 12px',\n\t\t\t\t\t\tborderRadius: appType === GiftedChatAppType.Manifest ? 16 : 4,\n\t\t\t\t\t\tborder:\n\t\t\t\t\t\t\tposition === 'left' && appType === GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t\t? '1px solid rgb(224, 224, 224)'\n\t\t\t\t\t\t\t\t: 'none',\n\t\t\t\t\t\tbackgroundColor:\n\t\t\t\t\t\t\tposition === 'right'\n\t\t\t\t\t\t\t\t? appType === GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t\t\t? COLORS.background.brandTint\n\t\t\t\t\t\t\t\t\t: COLORS.background.brandLight\n\t\t\t\t\t\t\t\t: appType === GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t\t? COLORS.background.pureWhite\n\t\t\t\t\t\t\t\t: COLORS.background.inactive,\n\t\t\t\t\t\tcolor: COLORS.content.primary,\n\t\t\t\t\t\twordBreak: 'break-word',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<BodySecondary>{message.text}</BodySecondary>\n\t\t\t\t</div>\n\t\t\t);\n\t\t},\n\t\t[isUserMessage, user, renderBubble, extraProps],\n\t);\n\n\t// Render a message avatar (or call custom renderAvatar)\n\tconst renderMessageAvatar = useCallback(\n\t\t(message: IMessage, previousMessage?: IMessage, nextMessage?: IMessage) => {\n\t\t\tconst shouldShow = shouldShowAvatar(message, nextMessage);\n\n\t\t\tif (!shouldShow) return null;\n\n\t\t\tconst position = isUserMessage(message) ? 'right' : 'left';\n\n\t\t\tconst avatarProps: AvatarProps<IMessage> = {\n\t\t\t\tcurrentMessage: message,\n\t\t\t\tpreviousMessage,\n\t\t\t\tnextMessage,\n\t\t\t\tposition,\n\t\t\t\tuser,\n\t\t\t\trenderAvatarOnTop,\n\t\t\t\tshowUserAvatar,\n\t\t\t\tshowAvatarForEveryMessage,\n\t\t\t};\n\n\t\t\treturn renderAvatar ? renderAvatar(avatarProps) : null;\n\t\t},\n\t\t[\n\t\t\tshouldShowAvatar,\n\t\t\tisUserMessage,\n\t\t\tuser,\n\t\t\trenderAvatarOnTop,\n\t\t\tshowUserAvatar,\n\t\t\tshowAvatarForEveryMessage,\n\t\t\trenderAvatar,\n\t\t],\n\t);\n\n\t// Render: Empty State\n\tif (!messages \|\| messages.length === 0) {\n\t\treturn renderChatEmpty ? <>{renderChatEmpty()}</> : null;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tref={scrollRef as React.RefObject<HTMLDivElement>}\n\t\t\tstyle={{\n\t\t\t\tflex: 1,\n\t\t\t\toverflowY: 'auto',\n\t\t\t\toverflowX: 'hidden',\n\t\t\t\tdisplay: 'flex',\n\t\t\t\tflexDirection: 'column',\n\t\t\t\t...listViewProps.style,\n\t\t\t}}\n\t\t\tonScroll={handleScroll}\n\t\t>\n\t\t\t{/* Spacer to push messages to bottom (newest appears last in DOM) /}\n\t\t\t<div style={{ flex: '1 0 auto' }} />\n\n\t\t\t<div\n\t\t\t\tstyle={{\n\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\tflexDirection: 'column',\n\t\t\t\t\tflex: '0 0 auto',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{reversedMessages.map((message, index) => {\n\t\t\t\t\tconst position = isUserMessage(message) ? 'right' : 'left';\n\t\t\t\t\tconst previousMessage = reversedMessages[index - 1];\n\t\t\t\t\tconst nextMessage = reversedMessages[index + 1];\n\t\t\t\t\tconst shouldShowDay = !isSameDay(message, previousMessage);\n\t\t\t\t\tconst placement = getMessagePlacement(message, position);\n\t\t\t\t\tconst isCentered = shouldCenterAlign(message);\n\t\t\t\t\tconst isSmtp =\n\t\t\t\t\t\tmessage?.['channelId'] === MESSAGE_CHANNELS.SMTP \|\|\n\t\t\t\t\t\tmessage?.['channelName'] === MESSAGE_CHANNELS.SMTP;\n\t\t\t\t\t// Check if message is a private note\n\t\t\t\t\tconst isPrivateNote =\n\t\t\t\t\t\tmessage['category'] === Constants.ChatActivity.Category.ACTIVITY &&\n\t\t\t\t\t\tmessage['activityType'] ===\n\t\t\t\t\t\t\tConstants.ChatActivity.Type.PRIVATE_NOTE;\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<React.Fragment\n\t\t\t\t\t\t\tkey={message._id ?? `${index}-${messageIdGenerator?.() ?? 'id'}`}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{/ Day separator /}\n\t\t\t\t\t\t\t{shouldShowDay &&\n\t\t\t\t\t\t\t\t(renderDay ? (\n\t\t\t\t\t\t\t\t\trenderDay({ createdAt: message.createdAt })\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<Day createdAt={message.createdAt} appType={appType} />\n\t\t\t\t\t\t\t\t))}\n\n\t\t\t\t\t\t\t{/ Message container /}\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t...(isMobile ? { margin: '0 4px' } : {}),\n\t\t\t\t\t\t\t\t\t...(isCentered ? {} : { display: 'flex' }),\n\t\t\t\t\t\t\t\t\t...(appType !== GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t\t\t\t? !isMobile && message?.user?._id === 2\n\t\t\t\t\t\t\t\t\t\t\t? { marginLeft: 8 }\n\t\t\t\t\t\t\t\t\t\t\t: { marginRight: 8 }\n\t\t\t\t\t\t\t\t\t\t: {}),\n\t\t\t\t\t\t\t\t\t...(isSmtp && !isPrivateNote && isMobile\n\t\t\t\t\t\t\t\t\t\t? { marginLeft: 8, marginRight: 8 }\n\t\t\t\t\t\t\t\t\t\t: {}),\n\t\t\t\t\t\t\t\t\tjustifyContent: placement,\n\t\t\t\t\t\t\t\t\tmarginBottom: 8,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{/ Left avatar (for mobile, avatar is hidden) /}\n\t\t\t\t\t\t\t\t{!isMobile && position === 'left' && (\n\t\t\t\t\t\t\t\t\t<div style={{ margin: '0 8px' }}>\n\t\t\t\t\t\t\t\t\t\t{renderMessageAvatar(message, previousMessage, nextMessage)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t{/ Message bubble /}\n\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\tid={`message-bubble-${\n\t\t\t\t\t\t\t\t\t\tmessage._id ?? `${index}-${messageIdGenerator?.() ?? 'id'}`\n\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\tappType === GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t\t\t\t\t? { width: '100%' }\n\t\t\t\t\t\t\t\t\t\t\t: isMobile && isSmtp\n\t\t\t\t\t\t\t\t\t\t\t? { display: 'flex', flexGrow: 1 }\n\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{renderMessageBubble(message, previousMessage, nextMessage)}\n\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t{/ Right avatar (for mobile, avatar is hidden) */}\n\t\t\t\t\t\t\t\t{!isMobile && position === 'right' && (\n\t\t\t\t\t\t\t\t\t<div style={{ margin: '0 8px' }}>\n\t\t\t\t\t\t\t\t\t\t{renderMessageAvatar(message, previousMessage, nextMessage)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default forwardRef<HTMLDivElement, GiftedChatProps<IMessage>>(\n\tGiftedChatInner,\n);\n"],"names":["GiftedChat","forwardRef","GiftedChatInner","props","forwardedRef","_b","messages","user","renderBubble","renderAvatar","renderDay","renderLoading","renderChatEmpty","listViewProps","renderAvatarOnTop","showUserAvatar","showAvatarForEveryMessage","inverted","messageIdGenerator","topThreshold","TOP_THRESHOLD","appType","GiftedChatAppType","Bik","extraProps","__rest","isMobile","useWindowSize","internalScrollRef","useRef","scrollRef","normalizeRef","ref","scrollState","isInitialMount","isUserScrolling","isLoadingOldMessages","isAtBottom","hasTriggeredEndReached","lastMessagesLength","_a","length","previousScrollHeight","previousScrollTop","scrollTimeout","reversedMessages","useMemo","reverse","scrollToBottom","useScrollToBottom","useImperativeHandle","current","useInitialMountScroll","useScrollCleanup","useRestoreScrollPosition","useAutoScrollOnNewMessages","useResizeObserverForFirstMessage","handleScroll","useScrollHandler","onEndReached","onScroll","isUserMessage","useCallback","message","Boolean","_id","shouldShowAvatar","nextMessage","renderMessageBubble","previousMessage","position","bubbleProps","Object","assign","currentMessage","_jsx","style","maxWidth","Manifest","width","minWidth","padding","borderRadius","border","backgroundColor","COLORS","background","brandTint","brandLight","pureWhite","inactive","color","content","primary","wordBreak","children","BodySecondary","text","renderMessageAvatar","_jsxs","flex","overflowY","overflowX","display","flexDirection","map","index","shouldShowDay","isSameDay","placement","getMessagePlacement","isCentered","shouldCenterAlign","isSmtp","MESSAGE_CHANNELS","SMTP","isPrivateNote","Constants","ChatActivity","Category","ACTIVITY","Type","PRIVATE_NOTE","React","Fragment","createdAt","Day","margin","marginRight","marginLeft","justifyContent","marginBottom","id","_c","flexGrow","_d","_e","_Fragment"],"mappings":"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"}

package/dist/esm/components/BikGiftedChat/GiftedChat/scrollHooks.js CHANGED Viewed

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

package/dist/esm/components/BikGiftedChat/GiftedChat/scrollHooks.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"scrollHooks.js","sources":["../../../../../src/components/BikGiftedChat/GiftedChat/scrollHooks.ts"],"sourcesContent":["import { useCallback, useEffect, useLayoutEffect } from 'react';\nimport { IMessage } from '../types';\nimport { ScrollState } from './types';\nimport { isScrollAtBottom, SCROLL_IDLE_MS, TOP_THRESHOLD } from './utils';\n\n// Hook to scroll to bottom\nexport const useScrollToBottom = (\n\tscrollRef: React.MutableRefObject<HTMLDivElement \| null>,\n\tscrollState: React.MutableRefObject<ScrollState>,\n) => {\n\treturn useCallback(() => {\n\t\tconst el = scrollRef.current;\n\t\tif (!el) return;\n\n\t\tel.scrollTop = el.scrollHeight;\n\t\tscrollState.current.isAtBottom = true;\n\t\t// scrollRef and scrollState are stable refs\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, []);\n};\n\n// Hook for initial mount scroll behavior\nexport const useInitialMountScroll = (\n\tscrollRef: React.MutableRefObject<HTMLDivElement \| null>,\n\tscrollState: React.MutableRefObject<ScrollState>,\n\tmessagesLength: number,\n\tscrollToBottom: () => void,\n) => {\n\tuseLayoutEffect(() => {\n\t\tif (!scrollRef.current \|\| messagesLength === 0) return;\n\n\t\tif (scrollState.current.isInitialMount) {\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\trequestAnimationFrame(() => {\n\t\t\t\t\tscrollToBottom();\n\t\t\t\t\tscrollState.current.isInitialMount = false;\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\t\t// Only trigger on messages length change\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [messagesLength]);\n};\n\n// Hook for cleanup on unmount\nexport const useScrollCleanup = (\n\tscrollState: React.MutableRefObject<ScrollState>,\n) => {\n\tuseEffect(() => {\n\t\tconst stateRef = scrollState.current;\n\t\treturn () => {\n\t\t\tif (stateRef.scrollTimeout) {\n\t\t\t\twindow.clearTimeout(stateRef.scrollTimeout);\n\t\t\t\tstateRef.scrollTimeout = null;\n\t\t\t}\n\t\t};\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, []); // Only cleanup on unmount\n};\n\n// Hook for restoring scroll position after loading old messages\nexport const useRestoreScrollPosition = (\n\tscrollRef: React.MutableRefObject<HTMLDivElement \| null>,\n\tscrollState: React.MutableRefObject<ScrollState>,\n\tmessagesLength: number,\n) => {\n\tuseEffect(() => {\n\t\tconst state = scrollState.current;\n\t\tconst currentMessagesLength = messagesLength;\n\t\tconst el = scrollRef.current;\n\n\t\tconst hasNewMessages = currentMessagesLength > state.lastMessagesLength;\n\t\tconst isLoadingOld = state.isLoadingOldMessages;\n\n\t\tif (isLoadingOld && hasNewMessages && el) {\n\t\t\tconst newScrollHeight = el.scrollHeight;\n\t\t\tconst heightDifference = newScrollHeight - state.previousScrollHeight;\n\n\t\t\t// Adjust scroll position to compensate for new content added at top\n\t\t\tif (heightDifference > 0) {\n\t\t\t\tel.scrollTop = state.previousScrollTop + heightDifference;\n\t\t\t}\n\n\t\t\tstate.isLoadingOldMessages = false;\n\t\t}\n\n\t\tstate.lastMessagesLength = currentMessagesLength;\n\t\t// Only depend on messagesLength changes\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [messagesLength]);\n};\n\n// Hook for auto-scrolling on new messages\nexport const useAutoScrollOnNewMessages = (\n\tscrollRef: React.MutableRefObject<HTMLDivElement \| null>,\n\tscrollState: React.MutableRefObject<ScrollState>,\n\tmessagesLength: number,\n\tscrollToBottom: () => void,\n) => {\n\tuseEffect(() => {\n\t\tconst isNotInitialMount = !scrollState.current.isInitialMount;\n\t\tconst userIsAtBottom = isScrollAtBottom(scrollRef.current);\n\n\t\tif (isNotInitialMount && userIsAtBottom) {\n\t\t\tscrollToBottom();\n\t\t}\n\t\t// Only depend on messagesLength changes\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [messagesLength]);\n};\n\n// Hook for observing first message resize and auto-scrolling\nexport const useResizeObserverForFirstMessage = (\n\tfirstMessage: IMessage \| undefined,\n\tscrollState: React.MutableRefObject<ScrollState>,\n\tscrollToBottom: () => void,\n\tmessageIdGenerator?: (message?: IMessage) => string,\n) => {\n\tuseEffect(() => {\n\t\tif (!firstMessage) return;\n\n\t\tconst messageId =\n\t\t\tfirstMessage._id ?? `0-${messageIdGenerator?.(firstMessage) ?? 'id'}`;\n\t\tconst id = `message-bubble-${messageId}`;\n\t\tconst el = document.getElementById(id);\n\n\t\tif (!el) return;\n\n\t\t// Create a ResizeObserver to watch for height changes\n\t\tconst resizeObserver = new ResizeObserver(() => {\n\t\t\t// Check if scroll is at bottom before triggering scroll\n\t\t\tif (scrollState.current.isAtBottom) {\n\t\t\t\tscrollToBottom();\n\t\t\t}\n\t\t});\n\n\t\tresizeObserver.observe(el);\n\n\t\t// Cleanup observer on unmount or when message changes\n\t\treturn () => {\n\t\t\tresizeObserver.disconnect();\n\t\t};\n\t\t// Only re-run when the message ID changes, not the entire object\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [firstMessage?._id]);\n};\n\n// Handle infinite scroll logic\nexport const handleInfiniteScroll = (\n\tscrollTop: number,\n\tscrollHeight: number,\n\tstate: ScrollState,\n\tonEndReached?: () => void,\n\ttopThreshold: number = TOP_THRESHOLD,\n) => {\n\tif (!onEndReached) return;\n\n\tconst isNearTop = scrollTop <= topThreshold;\n\n\tif (isNearTop && !state.hasTriggeredEndReached) {\n\t\t// Store current position to restore later\n\t\tstate.previousScrollHeight = scrollHeight;\n\t\tstate.previousScrollTop = scrollTop;\n\t\tstate.hasTriggeredEndReached = true;\n\t\tstate.isLoadingOldMessages = true;\n\n\t\t// Trigger loading (don't await, let parent handle loading state)\n\t\ttry {\n\t\t\tonEndReached();\n\t\t} catch (err) {\n\t\t\t// Parent's onEndReached should handle its own errors\n\t\t}\n\t} else if (!isNearTop && state.hasTriggeredEndReached) {\n\t\t// Reset trigger flag when scrolled away from top\n\t\tstate.hasTriggeredEndReached = false;\n\t}\n};\n\n// Create scroll event handler hook\nexport const useScrollHandler = (\n\tscrollState: React.MutableRefObject<ScrollState>,\n\tonEndReached?: () => void,\n\tonScroll?: (event: React.UIEvent<HTMLDivElement>) => void,\n\ttopThreshold: number = TOP_THRESHOLD,\n) => {\n\treturn useCallback(\n\t\t(event: React.UIEvent<HTMLDivElement>) => {\n\t\t\tconst target = event.currentTarget as HTMLDivElement;\n\t\t\tconst { scrollTop, scrollHeight } = target;\n\t\t\tconst state = scrollState.current;\n\n\t\t\t// Mark as user-initiated scroll\n\t\t\tstate.isUserScrolling = true;\n\n\t\t\t// Debounce: clear existing timeout and set new one\n\t\t\tif (state.scrollTimeout) {\n\t\t\t\twindow.clearTimeout(state.scrollTimeout);\n\t\t\t}\n\n\t\t\tstate.scrollTimeout = window.setTimeout(() => {\n\t\t\t\tstate.isUserScrolling = false;\n\t\t\t\tstate.scrollTimeout = null;\n\t\t\t}, SCROLL_IDLE_MS);\n\n\t\t\t// Update scroll position tracking\n\t\t\tstate.previousScrollTop = scrollTop;\n\t\t\tstate.previousScrollHeight = scrollHeight;\n\t\t\tstate.isAtBottom = isScrollAtBottom(target);\n\n\t\t\t// Handle infinite scroll (load older messages when near top)\n\t\t\thandleInfiniteScroll(\n\t\t\t\tscrollTop,\n\t\t\t\tscrollHeight,\n\t\t\t\tstate,\n\t\t\t\tonEndReached,\n\t\t\t\ttopThreshold,\n\t\t\t);\n\n\t\t\t// Call parent's onScroll if provided\n\t\t\tif (onScroll) {\n\t\t\t\tonScroll(event);\n\t\t\t}\n\t\t},\n\t\t[scrollState, onEndReached, onScroll, topThreshold],\n\t);\n};\n"],"names":["useScrollToBottom","scrollRef","scrollState","useCallback","el","current","scrollTop","scrollHeight","isAtBottom","useInitialMountScroll","messagesLength","scrollToBottom","useLayoutEffect","isInitialMount","requestAnimationFrame","useScrollCleanup","useEffect","stateRef","scrollTimeout","window","clearTimeout","useRestoreScrollPosition","state","currentMessagesLength","hasNewMessages","lastMessagesLength","isLoadingOldMessages","heightDifference","previousScrollHeight","previousScrollTop","useAutoScrollOnNewMessages","isNotInitialMount","userIsAtBottom","isScrollAtBottom","useResizeObserverForFirstMessage","firstMessage","messageIdGenerator","id","_a","_id","_b","document","getElementById","resizeObserver","ResizeObserver","observe","disconnect","handleInfiniteScroll","onEndReached","topThreshold","TOP_THRESHOLD","isNearTop","hasTriggeredEndReached","err","useScrollHandler","onScroll","event","target","currentTarget","isUserScrolling","setTimeout","SCROLL_IDLE_MS"],"mappings":"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"}
1	+ {"version":3,"file":"scrollHooks.js","sources":["../../../../../src/components/BikGiftedChat/GiftedChat/scrollHooks.ts"],"sourcesContent":["import { useCallback, useEffect, useLayoutEffect } from 'react';\nimport { IMessage } from '../types';\nimport { ScrollState } from './types';\nimport { isScrollAtBottom, SCROLL_IDLE_MS, TOP_THRESHOLD } from './utils';\n\n// Hook to scroll to bottom\nexport const useScrollToBottom = (\n\tscrollRef: React.MutableRefObject<HTMLDivElement \| null>,\n\tscrollState: React.MutableRefObject<ScrollState>,\n) => {\n\treturn useCallback(() => {\n\t\tconst el = scrollRef.current;\n\t\tif (!el) return;\n\n\t\tel.scrollTop = el.scrollHeight;\n\t\tscrollState.current.isAtBottom = true;\n\t\t// scrollRef and scrollState are stable refs\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, []);\n};\n\n// Hook for initial mount scroll behavior\nexport const useInitialMountScroll = (\n\tscrollRef: React.MutableRefObject<HTMLDivElement \| null>,\n\tscrollState: React.MutableRefObject<ScrollState>,\n\tmessagesLength: number,\n\tscrollToBottom: () => void,\n) => {\n\tuseLayoutEffect(() => {\n\t\tif (!scrollRef.current \|\| messagesLength === 0) return;\n\n\t\tif (scrollState.current.isInitialMount) {\n\t\t\trequestAnimationFrame(() => {\n\t\t\t\trequestAnimationFrame(() => {\n\t\t\t\t\tscrollToBottom();\n\t\t\t\t\tscrollState.current.isInitialMount = false;\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\t\t// Only trigger on messages length change\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [messagesLength]);\n};\n\n// Hook for cleanup on unmount\nexport const useScrollCleanup = (\n\tscrollState: React.MutableRefObject<ScrollState>,\n) => {\n\tuseEffect(() => {\n\t\tconst stateRef = scrollState.current;\n\t\treturn () => {\n\t\t\tif (stateRef.scrollTimeout) {\n\t\t\t\twindow.clearTimeout(stateRef.scrollTimeout);\n\t\t\t\tstateRef.scrollTimeout = null;\n\t\t\t}\n\t\t};\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, []); // Only cleanup on unmount\n};\n\n// Hook for restoring scroll position after loading old messages\nexport const useRestoreScrollPosition = (\n\tscrollRef: React.MutableRefObject<HTMLDivElement \| null>,\n\tscrollState: React.MutableRefObject<ScrollState>,\n\tmessagesLength: number,\n) => {\n\tuseEffect(() => {\n\t\tconst state = scrollState.current;\n\t\tconst currentMessagesLength = messagesLength;\n\t\tconst el = scrollRef.current;\n\n\t\tconst hasNewMessages = currentMessagesLength > state.lastMessagesLength;\n\t\tconst isLoadingOld = state.isLoadingOldMessages;\n\n\t\tif (isLoadingOld && hasNewMessages && el) {\n\t\t\tconst newScrollHeight = el.scrollHeight;\n\t\t\tconst heightDifference = newScrollHeight - state.previousScrollHeight;\n\n\t\t\t// Adjust scroll position to compensate for new content added at top\n\t\t\tif (heightDifference > 0) {\n\t\t\t\tel.scrollTop = state.previousScrollTop + heightDifference;\n\t\t\t}\n\n\t\t\tstate.isLoadingOldMessages = false;\n\t\t}\n\n\t\tstate.lastMessagesLength = currentMessagesLength;\n\t\t// Only depend on messagesLength changes\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [messagesLength]);\n};\n\n// Hook for auto-scrolling on new messages\nexport const useAutoScrollOnNewMessages = (\n\tscrollRef: React.MutableRefObject<HTMLDivElement \| null>,\n\tscrollState: React.MutableRefObject<ScrollState>,\n\tmessagesLength: number,\n\tscrollToBottom: () => void,\n) => {\n\tuseEffect(() => {\n\t\tconst isNotInitialMount = !scrollState.current.isInitialMount;\n\t\tconst userIsAtBottom = isScrollAtBottom(scrollRef.current);\n\n\t\tif (isNotInitialMount && userIsAtBottom) {\n\t\t\tscrollToBottom();\n\t\t}\n\t\t// Only depend on messagesLength changes\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [messagesLength]);\n};\n\n// Hook for observing first message resize and auto-scrolling\nexport const useResizeObserverForFirstMessage = (\n\tfirstMessage: IMessage \| undefined,\n\tscrollState: React.MutableRefObject<ScrollState>,\n\tscrollToBottom: () => void,\n\tmessageIdGenerator?: (message?: IMessage) => string,\n) => {\n\tuseEffect(() => {\n\t\tif (!firstMessage) return;\n\n\t\tconst messageId =\n\t\t\tfirstMessage._id ?? `0-${messageIdGenerator?.(firstMessage) ?? 'id'}`;\n\t\tconst id = `message-bubble-${messageId}`;\n\t\tconst el = document.getElementById(id);\n\n\t\tif (!el) return;\n\n\t\t// Create a ResizeObserver to watch for height changes\n\t\tconst resizeObserver = new ResizeObserver(() => {\n\t\t\t// Check if scroll is at bottom before triggering scroll\n\t\t\tif (scrollState.current.isAtBottom) {\n\t\t\t\tscrollToBottom();\n\t\t\t}\n\t\t});\n\n\t\tresizeObserver.observe(el);\n\n\t\t// Cleanup observer on unmount or when message changes\n\t\treturn () => {\n\t\t\tresizeObserver.disconnect();\n\t\t};\n\t\t// Only re-run when the message ID changes, not the entire object\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [firstMessage?._id]);\n};\n\n// Handle infinite scroll logic\nexport const handleInfiniteScroll = (\n\tscrollTop: number,\n\tscrollHeight: number,\n\tstate: ScrollState,\n\tonEndReached?: () => void,\n\ttopThreshold: number = TOP_THRESHOLD,\n) => {\n\tif (!onEndReached) return;\n\n\tconst isNearTop = scrollTop <= topThreshold;\n\n\tif (isNearTop && !state.hasTriggeredEndReached) {\n\t\t// Store current position to restore later\n\t\tstate.previousScrollHeight = scrollHeight;\n\t\tstate.previousScrollTop = scrollTop;\n\t\tstate.hasTriggeredEndReached = true;\n\t\tstate.isLoadingOldMessages = true;\n\n\t\t// Trigger loading (don't await, let parent handle loading state)\n\t\ttry {\n\t\t\tonEndReached();\n\t\t} catch (err) {\n\t\t\t// Parent's onEndReached should handle its own errors\n\t\t}\n\t} else if (!isNearTop && state.hasTriggeredEndReached) {\n\t\t// Reset trigger flag when scrolled away from top\n\t\tstate.hasTriggeredEndReached = false;\n\t}\n};\n\n// Create scroll event handler hook\nexport const useScrollHandler = (\n\tscrollState: React.MutableRefObject<ScrollState>,\n\tonEndReached?: () => void,\n\tonScroll?: (event: React.UIEvent<HTMLDivElement>) => void,\n\ttopThreshold: number = TOP_THRESHOLD,\n) => {\n\treturn useCallback(\n\t\t(event: React.UIEvent<HTMLDivElement>) => {\n\t\t\tconst target = event.currentTarget as HTMLDivElement;\n\t\t\tconst { scrollTop, scrollHeight } = target;\n\t\t\tconst state = scrollState.current;\n\n\t\t\t// Mark as user-initiated scroll\n\t\t\tstate.isUserScrolling = true;\n\n\t\t\t// Debounce: clear existing timeout and set new one\n\t\t\tif (state.scrollTimeout) {\n\t\t\t\twindow.clearTimeout(state.scrollTimeout);\n\t\t\t}\n\n\t\t\tstate.scrollTimeout = window.setTimeout(() => {\n\t\t\t\tstate.isUserScrolling = false;\n\t\t\t\tstate.scrollTimeout = null;\n\t\t\t}, SCROLL_IDLE_MS);\n\n\t\t\t// Update scroll position tracking\n\t\t\tstate.previousScrollTop = scrollTop;\n\t\t\tstate.previousScrollHeight = scrollHeight;\n\t\t\tstate.isAtBottom = isScrollAtBottom(target);\n\n\t\t\t// Handle infinite scroll (load older messages when near top)\n\t\t\thandleInfiniteScroll(\n\t\t\t\tscrollTop,\n\t\t\t\tscrollHeight,\n\t\t\t\tstate,\n\t\t\t\tonEndReached,\n\t\t\t\ttopThreshold,\n\t\t\t);\n\n\t\t\t// Call parent's onScroll if provided\n\t\t\tif (onScroll) {\n\t\t\t\tonScroll(event);\n\t\t\t}\n\t\t},\n\t\t[scrollState, onEndReached, onScroll, topThreshold],\n\t);\n};\n"],"names":["useScrollToBottom","scrollRef","scrollState","useCallback","el","current","scrollTop","scrollHeight","isAtBottom","useInitialMountScroll","messagesLength","scrollToBottom","useLayoutEffect","isInitialMount","requestAnimationFrame","useScrollCleanup","useEffect","stateRef","scrollTimeout","window","clearTimeout","useRestoreScrollPosition","state","currentMessagesLength","hasNewMessages","lastMessagesLength","isLoadingOldMessages","heightDifference","previousScrollHeight","previousScrollTop","useAutoScrollOnNewMessages","isNotInitialMount","userIsAtBottom","isScrollAtBottom","useResizeObserverForFirstMessage","firstMessage","messageIdGenerator","id","_a","_id","_b","document","getElementById","resizeObserver","ResizeObserver","observe","disconnect","handleInfiniteScroll","onEndReached","isNearTop","arguments","length","undefined","TOP_THRESHOLD","hasTriggeredEndReached","err","useScrollHandler","onScroll","topThreshold","event","target","currentTarget","isUserScrolling","setTimeout","SCROLL_IDLE_MS"],"mappings":"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"}

package/dist/esm/components/InfiniteScroll/InfiniteScroll.js CHANGED Viewed

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

package/dist/esm/components/InfiniteScroll/InfiniteScroll.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InfiniteScroll.js","sources":["../../../../src/components/InfiniteScroll/InfiniteScroll.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { ProductPickerShimmer } from '../product-picker-v2/ProductPickerShimmer';\n\nexport interface InfiniteScrollProps {\n\tchildren: React.ReactNode;\n\tfetchMore: () => Promise<boolean>;\n\tloadingComponent?: React.ReactNode;\n\tcontainerRef: React.RefObject<HTMLDivElement>;\n\thasData: boolean;\n}\n\nexport const InfiniteScroll: React.FC<InfiniteScrollProps> = ({\n\tchildren,\n\tfetchMore,\n\tloadingComponent = <ProductPickerShimmer limit={2} />,\n\tcontainerRef,\n\thasData,\n}) => {\n\tconst hasAllProductsLoaded = useRef(false);\n\tconst [isFetching, setIsFetching] = useState<boolean>(false);\n\tconst shimmerRef = useRef<HTMLDivElement>(null);\n\n\tconst handleIntersection = (entries: IntersectionObserverEntry[]) => {\n\t\tconst [entry] = entries;\n\n\t\tif (entry.isIntersecting && !isFetching) {\n\t\t\tsetIsFetching(true);\n\n\t\t\tfetchMore().then((allProductsLoaded) => {\n\t\t\t\tif (allProductsLoaded) {\n\t\t\t\t\thasAllProductsLoaded.current = true;\n\t\t\t\t}\n\t\t\t\tsetIsFetching(false);\n\t\t\t});\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tif (!containerRef.current \|\| !shimmerRef.current) return;\n\n\t\tconst observer = new IntersectionObserver(handleIntersection, {\n\t\t\troot: containerRef.current,\n\t\t\trootMargin: '0px',\n\t\t\tthreshold: 0.1, // Adjust threshold as needed\n\t\t});\n\n\t\tobserver.observe(shimmerRef.current);\n\n\t\treturn () => {\n\t\t\tif (shimmerRef.current) {\n\t\t\t\tobserver.unobserve(shimmerRef.current);\n\t\t\t}\n\t\t};\n\t}, [fetchMore, isFetching, containerRef]);\n\n\tconsole.log({ hasData, hasAllProductsLoaded });\n\n\treturn (\n\t\t<div>\n\t\t\t{children}\n\t\t\t{!!hasData && !hasAllProductsLoaded.current && (\n\t\t\t\t<div ref={shimmerRef} style={{ minHeight: '10px' }}>\n\t\t\t\t\t{loadingComponent}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["InfiniteScroll","children","fetchMore","loadingComponent","_jsx","ProductPickerShimmer","limit","containerRef","hasData","hasAllProductsLoaded","useRef","isFetching","setIsFetching","useState","shimmerRef","handleIntersection","entries","entry","isIntersecting","then","allProductsLoaded","current","useEffect","observer","IntersectionObserver","root","rootMargin","threshold","observe","unobserve","console","log","_jsxs","Object","assign","ref","style","minHeight"],"mappings":"~~kMAWO~~,~~MAAMA~~,~~EAAgDA~~,~~EAC5DC~~,~~WACAC~~,~~YACAC~~,~~mBAAmBC~~,EAACC,EAAoB,CAACC,MAAO,~~IAChDC~~,~~eACAC~~,~~cAEA~~,~~MAAMC~~,EAAuBC,GAAO,IAC7BC,EAAYC,GAAiBC,GAAkB,GAChDC,EAAaJ,EAAuB,MAEpCK,EAAsBC,IAC3B,MAAOC,GAASD,EAEZC,EAAMC,iBAAmBP,IAC5BC,GAAc,GAEdV,IAAYiB,MAAMC,IACbA,IACHX,EAAqBY,SAAU,GAEhCT,GAAc,EAAM,IAErB,EAuBF,OApBAU,GAAU,KACT,IAAKf,EAAac,UAAYP,EAAWO,QAAS,OAElD,MAAME,EAAW,IAAIC,qBAAqBT,EAAoB,CAC7DU,KAAMlB,EAAac,QACnBK,WAAY,MACZC,UAAW,KAKZ,OAFAJ,EAASK,QAAQd,EAAWO,SAErB,KACFP,EAAWO,SACdE,EAASM,UAAUf,EAAWO,QAC9B,CACD,GACC,CAACnB,EAAWS,EAAYJ,IAE3BuB,QAAQC,IAAI,CAAEvB,UAASC,yBAGtBuB,EAAA,MAAA,CAAA/B,SAAA,CACEA,IACEO,IAAYC,EAAqBY,SACnCjB,EAAK,MAAA6B,OAAAC,OAAA,CAAAC,IAAKrB,EAAYsB,MAAO,CAAEC,UAAW,SAAQ,CAAApC,SAChDE,OAGE"}
1	+ {"version":3,"file":"InfiniteScroll.js","sources":["../../../../src/components/InfiniteScroll/InfiniteScroll.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { ProductPickerShimmer } from '../product-picker-v2/ProductPickerShimmer';\n\nexport interface InfiniteScrollProps {\n\tchildren: React.ReactNode;\n\tfetchMore: () => Promise<boolean>;\n\tloadingComponent?: React.ReactNode;\n\tcontainerRef: React.RefObject<HTMLDivElement>;\n\thasData: boolean;\n}\n\nexport const InfiniteScroll: React.FC<InfiniteScrollProps> = ({\n\tchildren,\n\tfetchMore,\n\tloadingComponent = <ProductPickerShimmer limit={2} />,\n\tcontainerRef,\n\thasData,\n}) => {\n\tconst hasAllProductsLoaded = useRef(false);\n\tconst [isFetching, setIsFetching] = useState<boolean>(false);\n\tconst shimmerRef = useRef<HTMLDivElement>(null);\n\n\tconst handleIntersection = (entries: IntersectionObserverEntry[]) => {\n\t\tconst [entry] = entries;\n\n\t\tif (entry.isIntersecting && !isFetching) {\n\t\t\tsetIsFetching(true);\n\n\t\t\tfetchMore().then((allProductsLoaded) => {\n\t\t\t\tif (allProductsLoaded) {\n\t\t\t\t\thasAllProductsLoaded.current = true;\n\t\t\t\t}\n\t\t\t\tsetIsFetching(false);\n\t\t\t});\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tif (!containerRef.current \|\| !shimmerRef.current) return;\n\n\t\tconst observer = new IntersectionObserver(handleIntersection, {\n\t\t\troot: containerRef.current,\n\t\t\trootMargin: '0px',\n\t\t\tthreshold: 0.1, // Adjust threshold as needed\n\t\t});\n\n\t\tobserver.observe(shimmerRef.current);\n\n\t\treturn () => {\n\t\t\tif (shimmerRef.current) {\n\t\t\t\tobserver.unobserve(shimmerRef.current);\n\t\t\t}\n\t\t};\n\t}, [fetchMore, isFetching, containerRef]);\n\n\tconsole.log({ hasData, hasAllProductsLoaded });\n\n\treturn (\n\t\t<div>\n\t\t\t{children}\n\t\t\t{!!hasData && !hasAllProductsLoaded.current && (\n\t\t\t\t<div ref={shimmerRef} style={{ minHeight: '10px' }}>\n\t\t\t\t\t{loadingComponent}\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</div>\n\t);\n};\n"],"names":["InfiniteScroll","_ref","children","fetchMore","loadingComponent","_jsx","ProductPickerShimmer","limit","containerRef","hasData","hasAllProductsLoaded","useRef","isFetching","setIsFetching","useState","shimmerRef","handleIntersection","entries","entry","isIntersecting","then","allProductsLoaded","current","useEffect","observer","IntersectionObserver","root","rootMargin","threshold","observe","unobserve","console","log","_jsxs","Object","assign","ref","style","minHeight"],"mappings":"kMAWaA,MAAAA,EAAgDC,IAMxD,IANyDC,SAC7DA,EAAQC,UACRA,EAASC,iBACTA,EAAmBC,EAACC,EAAoB,CAACC,MAAO,IAAKC,aACrDA,EAAYC,QACZA,GACAR,EACA,MAAMS,EAAuBC,GAAO,IAC7BC,EAAYC,GAAiBC,GAAkB,GAChDC,EAAaJ,EAAuB,MAEpCK,EAAsBC,IAC3B,MAAOC,GAASD,EAEZC,EAAMC,iBAAmBP,IAC5BC,GAAc,GAEdV,IAAYiB,MAAMC,IACbA,IACHX,EAAqBY,SAAU,GAEhCT,GAAc,EAAM,IAErB,EAuBF,OApBAU,GAAU,KACT,IAAKf,EAAac,UAAYP,EAAWO,QAAS,OAElD,MAAME,EAAW,IAAIC,qBAAqBT,EAAoB,CAC7DU,KAAMlB,EAAac,QACnBK,WAAY,MACZC,UAAW,KAKZ,OAFAJ,EAASK,QAAQd,EAAWO,SAErB,KACFP,EAAWO,SACdE,EAASM,UAAUf,EAAWO,QAC9B,CACD,GACC,CAACnB,EAAWS,EAAYJ,IAE3BuB,QAAQC,IAAI,CAAEvB,UAASC,yBAGtBuB,EAAA,MAAA,CAAA/B,SAAA,CACEA,IACEO,IAAYC,EAAqBY,SACnCjB,EAAK,MAAA6B,OAAAC,OAAA,CAAAC,IAAKrB,EAAYsB,MAAO,CAAEC,UAAW,SAAQ,CAAApC,SAChDE,OAGE"}

package/dist/esm/components/ProgressChecklist/MultiChecklistItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{BikAccordion as o}from"../accordion/Accordion.js";import i from"./SimpleChecklistItem.js";const r=({item:r,children:t,isOpen:c,onToggle:n})=>{const s="boolean"==typeof c?c:!!r.isActive,d=e(i,{header:r.header,subheader:r.subheader,icon:r.icon,activeIcon:r.activeIcon,completedIcon:r.completedIcon,isCompleted:r.isCompleted,isActive:r.isActive,tag:r.tag});return e(o,Object.assign({header:d,headerStyles:{height:"auto",cursor:"pointer"},onToggleAccordion:n||(()=>{}),isOpen:s,skipHoverHeader:!0,showBorders:!0,borderRadius:"8px"},{children:t?e("div",Object.assign({style:{border:"none",padding:16}},{children:t})):null}))};export{r as default};
+import{jsx as e}from"react/jsx-runtime";import{BikAccordion as o}from"../accordion/Accordion.js";import i from"./SimpleChecklistItem.js";const r=r=>{let{item:t,children:c,isOpen:n,onToggle:s}=r;const d="boolean"==typeof n?n:!!t.isActive,a=e(i,{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(o,Object.assign({header:a,headerStyles:{height:"auto",cursor:"pointer"},onToggleAccordion:s||(()=>{}),isOpen:d,skipHoverHeader:!0,showBorders:!0,borderRadius:"8px"},{children:c?e("div",Object.assign({style:{border:"none",padding:16}},{children:c})):null}))};export{r as default};
 //# sourceMappingURL=MultiChecklistItem.js.map

package/dist/esm/components/ProgressChecklist/MultiChecklistItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MultiChecklistItem.js","sources":["../../../../src/components/ProgressChecklist/MultiChecklistItem.tsx"],"sourcesContent":["import React from 'react';\nimport { BikAccordion } from '../accordion/Accordion';\nimport { ALERT_TYPES } from '../alerts';\nimport { TooltipProps } from '../tooltips/Tooltip';\nimport SimpleChecklistItem from './SimpleChecklistItem';\n\ninterface MultiChecklistItemProps {\n\titem: MultiChecklistItemType;\n\tchildren?: React.ReactNode;\n\tisOpen?: boolean;\n\tonToggle?: (open: boolean) => void;\n}\n\n// A lightweight interface for items that will appear in the accordion (multiple) list.\n// It intentionally overlaps with SingleChecklistItemType so both kinds can live in the same\n// default array and be rendered by the same single-item renderer when needed.\nexport interface MultiChecklistItemType {\n\tid: string;\n\theader: string;\n\tsubheader?: string;\n\ticon?: React.ReactNode;\n\tactiveIcon?: React.ReactNode;\n\tcompletedIcon?: React.ReactNode;\n\tisActive?: boolean;\n\tisCompleted?: boolean;\n\tonSetup?: () => void;\n\ttag?: {\n\t\ttagText: string \| number;\n\t\tvariant?: 'regular' \| 'circle' \| 'compressed';\n\t\ttype?:\n\t\t\t\| 'negative'\n\t\t\t\| 'warning'\n\t\t\t\| 'positive'\n\t\t\t\| 'neutral'\n\t\t\t\| 'white'\n\t\t\t\| 'purple'\n\t\t\t\| 'blue'\n\t\t\t\| 'grey'\n\t\t\t\| 'ai';\n\t\ttheme?: 'light' \| 'dark';\n\t\ttooltip?: Omit<TooltipProps, 'children'>;\n\t};\n\ttype: 'multiple';\n\talertType?: ALERT_TYPES;\n\t// Steps for the multi checklist item. Each step has text, optional onClick and completion state.\n\tsteps?: Array<{\n\t\tid?: string;\n\t\ttext: string; // displayed text for the step\n\t\tonClick?: () => void; // handler when the step is clicked\n\t\tisCompleted?: boolean; // whether the step is completed\n\t}>;\n\tbuttonType?: 'primary' \| 'secondary' \| 'tertiary';\n}\n\nconst MultiChecklistItem: React.FC<MultiChecklistItemProps> = ({\n\titem,\n\tchildren,\n\tisOpen,\n\tonToggle,\n}) => {\n\t// If caller didn't explicitly control `isOpen`, default to open when the item is active\n\tconst shouldOpen =\n\t\ttypeof isOpen === 'boolean'\n\t\t\t? isOpen\n\t\t\t: !!(item as MultiChecklistItemType).isActive;\n\tconst header = (\n\t\t<SimpleChecklistItem\n\t\t\theader={item.header}\n\t\t\tsubheader={item.subheader}\n\t\t\ticon={item.icon}\n\t\t\tactiveIcon={item.activeIcon}\n\t\t\tcompletedIcon={item.completedIcon}\n\t\t\tisCompleted={item.isCompleted}\n\t\t\tisActive={item.isActive}\n\t\t\ttag={item.tag}\n\t\t/>\n\t);\n\n\treturn (\n\t\t<BikAccordion\n\t\t\theader={header}\n\t\t\theaderStyles={{ height: 'auto', cursor: 'pointer' }}\n\t\t\tonToggleAccordion={\n\t\t\t\tonToggle \|\|\n\t\t\t\t(() => {\n\t\t\t\t\t/* no-op */\n\t\t\t\t})\n\t\t\t}\n\t\t\tisOpen={shouldOpen}\n\t\t\tskipHoverHeader={true}\n\t\t\tshowBorders={true}\n\t\t\tborderRadius=\"8px\"\n\t\t>\n\t\t\t{children ? (\n\t\t\t\t<div style={{ border: 'none', padding: 16 }}>{children}</div>\n\t\t\t) : null}\n\t\t</BikAccordion>\n\t);\n};\n\nexport default MultiChecklistItem;\n"],"names":["MultiChecklistItem","item","children","isOpen","onToggle","shouldOpen","isActive","header","_jsx","SimpleChecklistItem","subheader","icon","activeIcon","completedIcon","isCompleted","tag","BikAccordion","Object","assign","headerStyles","height","cursor","onToggleAccordion","skipHoverHeader","showBorders","borderRadius","style","border","padding"],"mappings":"yIAsDMA,MAAAA,~~EAAwDA~~,~~EAC7DC~~,~~OACAC~~,~~WACAC~~,~~SACAC~~,~~eAGA~~,~~MAAMC~~,EACa,kBAAXF,EACJA,IACGF,EAAgCK,SACjCC,EACLC,EAACC,GACAF,OAAQN,EAAKM,OACbG,UAAWT,EAAKS,UAChBC,KAAMV,EAAKU,KACXC,WAAYX,EAAKW,WACjBC,cAAeZ,EAAKY,cACpBC,YAAab,EAAKa,YAClBR,SAAUL,EAAKK,SACfS,IAAKd,EAAKc,MAIZ,OACCP,EAACQ,EAAYC,OAAAC,OAAA,CACZX,OAAQA,EACRY,aAAc,CAAEC,OAAQ,OAAQC,OAAQ,WACxCC,kBACClB,GAAQ,MAGP,GAEFD,OAAQE,EACRkB,iBAAiB,EACjBC,aAAa,EACbC,aAAa,OAEZ,CAAAvB,SAAAA,EACAM,EAAK,MAAAS,OAAAC,OAAA,CAAAQ,MAAO,CAAEC,OAAQ,OAAQC,QAAS,KAAO,CAAA1B,SAAAA,KAC3C,OACU"}
1	+ {"version":3,"file":"MultiChecklistItem.js","sources":["../../../../src/components/ProgressChecklist/MultiChecklistItem.tsx"],"sourcesContent":["import React from 'react';\nimport { BikAccordion } from '../accordion/Accordion';\nimport { ALERT_TYPES } from '../alerts';\nimport { TooltipProps } from '../tooltips/Tooltip';\nimport SimpleChecklistItem from './SimpleChecklistItem';\n\ninterface MultiChecklistItemProps {\n\titem: MultiChecklistItemType;\n\tchildren?: React.ReactNode;\n\tisOpen?: boolean;\n\tonToggle?: (open: boolean) => void;\n}\n\n// A lightweight interface for items that will appear in the accordion (multiple) list.\n// It intentionally overlaps with SingleChecklistItemType so both kinds can live in the same\n// default array and be rendered by the same single-item renderer when needed.\nexport interface MultiChecklistItemType {\n\tid: string;\n\theader: string;\n\tsubheader?: string;\n\ticon?: React.ReactNode;\n\tactiveIcon?: React.ReactNode;\n\tcompletedIcon?: React.ReactNode;\n\tisActive?: boolean;\n\tisCompleted?: boolean;\n\tonSetup?: () => void;\n\ttag?: {\n\t\ttagText: string \| number;\n\t\tvariant?: 'regular' \| 'circle' \| 'compressed';\n\t\ttype?:\n\t\t\t\| 'negative'\n\t\t\t\| 'warning'\n\t\t\t\| 'positive'\n\t\t\t\| 'neutral'\n\t\t\t\| 'white'\n\t\t\t\| 'purple'\n\t\t\t\| 'blue'\n\t\t\t\| 'grey'\n\t\t\t\| 'ai';\n\t\ttheme?: 'light' \| 'dark';\n\t\ttooltip?: Omit<TooltipProps, 'children'>;\n\t};\n\ttype: 'multiple';\n\talertType?: ALERT_TYPES;\n\t// Steps for the multi checklist item. Each step has text, optional onClick and completion state.\n\tsteps?: Array<{\n\t\tid?: string;\n\t\ttext: string; // displayed text for the step\n\t\tonClick?: () => void; // handler when the step is clicked\n\t\tisCompleted?: boolean; // whether the step is completed\n\t}>;\n\tbuttonType?: 'primary' \| 'secondary' \| 'tertiary';\n}\n\nconst MultiChecklistItem: React.FC<MultiChecklistItemProps> = ({\n\titem,\n\tchildren,\n\tisOpen,\n\tonToggle,\n}) => {\n\t// If caller didn't explicitly control `isOpen`, default to open when the item is active\n\tconst shouldOpen =\n\t\ttypeof isOpen === 'boolean'\n\t\t\t? isOpen\n\t\t\t: !!(item as MultiChecklistItemType).isActive;\n\tconst header = (\n\t\t<SimpleChecklistItem\n\t\t\theader={item.header}\n\t\t\tsubheader={item.subheader}\n\t\t\ticon={item.icon}\n\t\t\tactiveIcon={item.activeIcon}\n\t\t\tcompletedIcon={item.completedIcon}\n\t\t\tisCompleted={item.isCompleted}\n\t\t\tisActive={item.isActive}\n\t\t\ttag={item.tag}\n\t\t/>\n\t);\n\n\treturn (\n\t\t<BikAccordion\n\t\t\theader={header}\n\t\t\theaderStyles={{ height: 'auto', cursor: 'pointer' }}\n\t\t\tonToggleAccordion={\n\t\t\t\tonToggle \|\|\n\t\t\t\t(() => {\n\t\t\t\t\t/* no-op */\n\t\t\t\t})\n\t\t\t}\n\t\t\tisOpen={shouldOpen}\n\t\t\tskipHoverHeader={true}\n\t\t\tshowBorders={true}\n\t\t\tborderRadius=\"8px\"\n\t\t>\n\t\t\t{children ? (\n\t\t\t\t<div style={{ border: 'none', padding: 16 }}>{children}</div>\n\t\t\t) : null}\n\t\t</BikAccordion>\n\t);\n};\n\nexport default MultiChecklistItem;\n"],"names":["MultiChecklistItem","_ref","item","children","isOpen","onToggle","shouldOpen","isActive","header","_jsx","SimpleChecklistItem","subheader","icon","activeIcon","completedIcon","isCompleted","tag","BikAccordion","Object","assign","headerStyles","height","cursor","onToggleAccordion","skipHoverHeader","showBorders","borderRadius","style","border","padding"],"mappings":"yIAsDMA,MAAAA,EAAwDC,IAKzD,IAL0DC,KAC9DA,EAAIC,SACJA,EAAQC,OACRA,EAAMC,SACNA,GACAJ,EAEA,MAAMK,EACa,kBAAXF,EACJA,IACGF,EAAgCK,SACjCC,EACLC,EAACC,GACAF,OAAQN,EAAKM,OACbG,UAAWT,EAAKS,UAChBC,KAAMV,EAAKU,KACXC,WAAYX,EAAKW,WACjBC,cAAeZ,EAAKY,cACpBC,YAAab,EAAKa,YAClBR,SAAUL,EAAKK,SACfS,IAAKd,EAAKc,MAIZ,OACCP,EAACQ,EAAYC,OAAAC,OAAA,CACZX,OAAQA,EACRY,aAAc,CAAEC,OAAQ,OAAQC,OAAQ,WACxCC,kBACClB,GAAQ,MAGP,GAEFD,OAAQE,EACRkB,iBAAiB,EACjBC,aAAa,EACbC,aAAa,OAEZ,CAAAvB,SAAAA,EACAM,EAAK,MAAAS,OAAAC,OAAA,CAAAQ,MAAO,CAAEC,OAAQ,OAAQC,QAAS,KAAO,CAAA1B,SAAAA,KAC3C,OACU"}

package/dist/esm/components/ProgressChecklist/ProgressChecklist.js CHANGED Viewed

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