@bikdotai/bik-component-library 0.0.835-beta.1 → 0.0.835
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.
- package/dist/cjs/components/BikGiftedChat/GiftedChat/GiftedChat.js.map +1 -1
- package/dist/cjs/components/checkBox/CheckBox.js +1 -1
- package/dist/cjs/components/checkBox/CheckBox.js.map +1 -1
- package/dist/cjs/components/checkBox/CheckBox.styled.js +1 -1
- package/dist/cjs/components/checkBox/CheckBox.styled.js.map +1 -1
- package/dist/cjs/components/dropdown/ChipInput.js +1 -1
- package/dist/cjs/components/dropdown/ChipInput.js.map +1 -1
- package/dist/cjs/components/dropdown/Dropdown.js +1 -1
- package/dist/cjs/components/dropdown/Dropdown.js.map +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/components/menu/MenuItem.js.map +1 -1
- package/dist/cjs/components/input/Input.js +1 -1
- package/dist/cjs/components/input/Input.js.map +1 -1
- package/dist/cjs/components/input/Input.styled.js +12 -25
- package/dist/cjs/components/input/Input.styled.js.map +1 -1
- package/dist/cjs/components/tabs/Tabs.js +1 -1
- package/dist/cjs/components/tabs/Tabs.js.map +1 -1
- package/dist/cjs/components/tabs/Tabs.styles.js +8 -22
- package/dist/cjs/components/tabs/Tabs.styles.js.map +1 -1
- package/dist/cjs/editor/extensions/characterLimit/CharacterLimitExtension.js.map +1 -1
- package/dist/cjs/icons/Actions/Common actions/Send.js +2 -0
- package/dist/cjs/icons/Actions/Common actions/Send.js.map +1 -0
- package/dist/cjs/icons/Arrows/Chevron/ChevronUp.js +1 -1
- package/dist/cjs/icons/Arrows/Chevron/ChevronUp.js.map +1 -1
- package/dist/cjs/icons/Media/Visual/FormkitHappy.js +1 -1
- package/dist/cjs/icons/Media/Visual/FormkitHappy.js.map +1 -1
- package/dist/cjs/icons/index.js +1 -1
- package/dist/esm/components/BikGiftedChat/GiftedChat/GiftedChat.js.map +1 -1
- package/dist/esm/components/checkBox/CheckBox.js +16 -17
- package/dist/esm/components/checkBox/CheckBox.js.map +1 -1
- package/dist/esm/components/checkBox/CheckBox.styled.d.ts +0 -1
- package/dist/esm/components/checkBox/CheckBox.styled.js +1 -1
- package/dist/esm/components/checkBox/CheckBox.styled.js.map +1 -1
- package/dist/esm/components/dropdown/ChipInput.d.ts +0 -1
- package/dist/esm/components/dropdown/ChipInput.js +30 -37
- package/dist/esm/components/dropdown/ChipInput.js.map +1 -1
- package/dist/esm/components/dropdown/Dropdown.d.ts +0 -2
- package/dist/esm/components/dropdown/Dropdown.js +88 -95
- package/dist/esm/components/dropdown/Dropdown.js.map +1 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/menu/MenuItem.js.map +1 -1
- package/dist/esm/components/input/Input.js +101 -104
- package/dist/esm/components/input/Input.js.map +1 -1
- package/dist/esm/components/input/Input.model.d.ts +0 -2
- package/dist/esm/components/input/Input.styled.d.ts +0 -2
- package/dist/esm/components/input/Input.styled.js +25 -38
- package/dist/esm/components/input/Input.styled.js.map +1 -1
- package/dist/esm/components/tabs/Tabs.js +73 -93
- package/dist/esm/components/tabs/Tabs.js.map +1 -1
- package/dist/esm/components/tabs/Tabs.model.d.ts +0 -7
- package/dist/esm/components/tabs/Tabs.styles.d.ts +0 -2
- package/dist/esm/components/tabs/Tabs.styles.js +9 -23
- package/dist/esm/components/tabs/Tabs.styles.js.map +1 -1
- package/dist/esm/editor/extensions/characterLimit/CharacterLimitExtension.js.map +1 -1
- package/dist/esm/icons/Actions/Common actions/Send.d.ts +7 -0
- package/dist/esm/icons/Actions/Common actions/Send.js +29 -0
- package/dist/esm/icons/Actions/Common actions/Send.js.map +1 -0
- package/dist/esm/icons/Actions/Common actions/index.d.ts +1 -0
- package/dist/esm/icons/Arrows/Chevron/ChevronUp.d.ts +2 -1
- package/dist/esm/icons/Arrows/Chevron/ChevronUp.js +28 -24
- package/dist/esm/icons/Arrows/Chevron/ChevronUp.js.map +1 -1
- package/dist/esm/icons/Media/Visual/FormkitHappy.js +20 -20
- package/dist/esm/icons/Media/Visual/FormkitHappy.js.map +1 -1
- package/dist/esm/icons/Media/Visual/index.d.ts +0 -2
- package/dist/esm/icons/index.d.ts +25 -25
- package/dist/esm/icons/index.js +418 -420
- package/dist/esm/icons/index.js.map +1 -1
- package/package.json +2 -2
- package/dist/cjs/icons/Media/Visual/FormkitNeutral.js +0 -2
- package/dist/cjs/icons/Media/Visual/FormkitNeutral.js.map +0 -1
- package/dist/cjs/icons/Media/Visual/FormkitSad.js +0 -2
- package/dist/cjs/icons/Media/Visual/FormkitSad.js.map +0 -1
- package/dist/esm/icons/Media/Visual/FormkitNeutral.js +0 -58
- package/dist/esm/icons/Media/Visual/FormkitNeutral.js.map +0 -1
- package/dist/esm/icons/Media/Visual/FormkitSad.js +0 -61
- package/dist/esm/icons/Media/Visual/FormkitSad.js.map +0 -1
package/dist/cjs/icons/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Actions/Common actions/Activate.js"),r=require("./Informational/eCommerce/AddLabel.js"),t=require("./Informational/Location/Address.js"),u=require("./BIK AI specific/AiEmoji.js"),o=require("./BIK AI specific/AiIcon.js"),a=require("./BIK AI specific/AiRobot.js"),n=require("./Informational/General/AlertTriangle.js"),i=require("./Informational/Store related/AllProduct.js"),l=require("./Informational/Files and folders/Archive1.js"),s=require("./Arrows/Normal arrows/ArrowDown.js"),c=require("./Arrows/Normal arrows/ArrowDownLeft.js"),d=require("./Arrows/Normal arrows/ArrowDownRight.js"),f=require("./Arrows/Normal arrows/ArrowLeft.js"),q=require("./Actions/Navigation/ArrowRedo.js"),h=require("./Arrows/Normal arrows/ArrowRight.js"),m=require("./Arrows/Special/ArrowSwitch.js"),p=require("./Actions/Navigation/ArrowUndo.js"),C=require("./Arrows/Normal arrows/ArrowUp.js"),g=require("./Arrows/Normal arrows/ArrowUpLeft.js"),k=require("./Arrows/Normal arrows/ArrowUpRight.js"),S=require("./Informational/Finance/Bank.js"),M=require("./Media/Others/BarcodeScan.js"),b=require("./Informational/Common UI/Bell.js"),A=require("./Informational/Common UI/BellSync.js"),F=require("./Social/Social/BigCommerce.js"),T=require("./Social/Channels/Bigcommerce.js"),w=require("./Informational/General/BookOpenText.js"),P=require("./Legacy - Bikayi specific/Categories/Box.js"),I=require("./Legacy - Bikayi specific/Categories/Box2.js"),R=require("./Informational/Common UI/Bulb.js"),y=require("./Legacy - Bikayi specific/Services/Businesscard.js"),L=require("./Informational/Date and time/Calendar.js"),V=require("./Informational/Date and time/CalendarAdd.js"),v=require("./Informational/Date and time/CalendarCheck.js"),D=require("./Media/Visual/Camera.js"),x=require("./Media/Visual/CameraAdd.js"),U=require("./Arrows/Carat/CaratDown.js"),E=require("./Arrows/Carat/CaratLeft.js"),B=require("./Arrows/Carat/CaratRight.js"),W=require("./Arrows/Carat/CaratUp.js"),H=require("./Informational/Finance/CashOnDelivery.js"),O=require("./Informational/Finance/ChartLine.js"),G=require("./Informational/Communication/Chat.js"),N=require("./Informational/Communication/ChatCheck.js"),$=require("./Informational/Communication/ChatQuestion.js"),z=require("./Informational/Communication/ChatStar.js"),j=require("./Informational/Identity/Chatbot.js"),J=require("./Informational/General/Check.js"),Q=require("./Informational/General/CheckDouble.js"),K=require("./Actions/Formatting/CheckboxIcon.js"),Y=require("./Arrows/Double chevron/ChevronDoubleDown.js"),Z=require("./Arrows/Double chevron/ChevronDoubleLeft.js"),X=require("./Arrows/Double chevron/ChevronDoubleRight.js"),_=require("./Arrows/Double chevron/ChevronDoubleUp.js"),ee=require("./Arrows/Chevron/ChevronDown.js"),re=require("./Arrows/Chevron/ChevronLeft.js"),te=require("./Arrows/Chevron/ChevronRight.js"),ue=require("./Arrows/Chevron/ChevronUp.js"),oe=require("./Informational/eCommerce/Click.js"),ae=require("./Informational/Store related/Clipboard.js"),ne=require("./Informational/Customer intent/ClipboardCheck.js"),ie=require("./Informational/Store related/ClipboardCheck.js"),le=require("./Informational/Date and time/Clock.js"),se=require("./Informational/General/CloseTicket1.js"),ce=require("./Actions/Common actions/Code.js"),de=require("./Informational/Identity/Contacts.js"),fe=require("./Actions/Formatting/Copy.js"),qe=require("./Informational/Finance/CreditCard.js"),he=require("./Media/Visual/Crop.js"),me=require("./Actions/Common actions/Cross.js"),pe=require("./Legacy - Bikayi specific/Services/Customdomain.js"),Ce=require("./Informational/Store related/CustomerReport.js"),ge=require("./Actions/Common actions/Deactivate.js"),ke=require("./Actions/Formatting/DecreaseIndent.js"),Se=require("./Actions/Common actions/Delete.js"),Me=require("./Media/Devices/Desktop.js"),be=require("./Media/Others/Download.js"),Ae=require("./Actions/Formatting/Dropdown.js"),Fe=require("./Actions/Common actions/Edit.js"),Te=require("./Informational/Communication/Email.js"),we=require("./Social/Channels/Email.js"),Pe=require("./Social/Channels/EmailMarketing.js"),Ie=require("./Social/Social/EmailMarketing.js"),Re=require("./Social/Channels/EmailMarketingV2.js"),ye=require("./Social/Channels/EmailV2.js"),Le=require("./Media/Others/EmojiSmile.js"),Ve=require("./Informational/General/Error.js"),ve=require("./Informational/Files and folders/Excel.js"),De=require("./BIK AI specific/Expand.js"),xe=require("./Informational/Customer intent/Experimental.js"),Ue=require("./Toggles/General/Eye.js"),Ee=require("./Toggles/General/EyeClosed.js"),Be=require("./Toggles/General/EyeOff.js"),We=require("./Social/Channels/Facebook.js"),He=require("./Social/Social/Facebook.js"),Oe=require("./Social/Channels/FacebookComment.js"),Ge=require("./Social/Channels/FacebookCommentV2.js"),Ne=require("./Social/Channels/FacebookV2.js"),$e=require("./Informational/General/FailDoc.js"),ze=require("./Informational/Files and folders/File.js"),je=require("./Informational/Files and folders/FileCsv.js"),Je=require("./Informational/Files and folders/FilePage.js"),Qe=require("./Informational/Files and folders/FilePdf.js"),Ke=require("./Informational/eCommerce/Filter.js"),Ye=require("./Media/Visual/FlashOff.js"),Ze=require("./Media/Visual/FlashOn.js"),Xe=require("./Informational/Files and folders/Folder.js"),_e=require("./Media/Visual/FormkitHappy.js"),er=require("./Media/Visual/FormkitNeutral.js"),rr=require("./Media/Visual/FormkitSad.js"),tr=require("./Informational/Common UI/Forms.js"),ur=require("./Actions/Common actions/Forward.js"),or=require("./Media/Visual/Frame26086263.js"),ar=require("./BIK AI specific/Frame27389.js"),nr=require("./BIK AI specific/Frame27597.js"),ir=require("./BIK AI specific/Frame27598.js"),lr=require("./BIK AI specific/Frame27599.js"),sr=require("./Actions/Common actions/Fullscreen.js"),cr=require("./BIK AI specific/GeminiSparkle.js"),dr=require("./Informational/eCommerce/Gift1.js"),fr=require("./Informational/eCommerce/GiftMinus.js"),qr=require("./Informational/eCommerce/GiftPlus.js"),hr=require("./Social/Channels/GmailV2.js"),mr=require("./Social/Social/Google.js"),pr=require("./Social/Social/Gorgias.js"),Cr=require("./Informational/Identity/Group.js"),gr=require("./Informational/Finance/Growth.js"),kr=require("./Actions/Selection/HandleDrag.js"),Sr=require("./Informational/Store related/Head112.js"),Mr=require("./Toggles/General/HeartEmpty.js"),br=require("./Toggles/General/HeartFilled.js"),Ar=require("./Informational/Customer intent/Help.js"),Fr=require("./Informational/General/Help.js"),Tr=require("./Informational/Date and time/HourGlass.js"),wr=require("./Informational/General/IcList.js"),Pr=require("./Media/Visual/IconTrailing.js"),Ir=require("./Informational/Identity/IdCard.js"),Rr=require("./Media/Visual/Image.js"),yr=require("./Media/Visual/ImageAdd.js"),Lr=require("./Media/Visual/Images.js"),Vr=require("./Actions/Formatting/IncreaseIndent.js"),vr=require("./Informational/General/Info.js"),Dr=require("./Social/Channels/Instagram.js"),xr=require("./Social/Social/Instagram.js"),Ur=require("./Social/Channels/InstagramCommentV2.js"),Er=require("./Social/Channels/InstagramIcon.js"),Br=require("./Social/Channels/InstagramV2.js"),Wr=require("./Informational/Store related/InventoryReport.js"),Hr=require("./Legacy - Bikayi specific/Navigation/Journeys.js"),Or=require("./Social/Social/Kustomer.js"),Gr=require("./Informational/Location/LanguageChange.js"),Nr=require("./Informational/Store related/LegalBalance.js"),$r=require("./Actions/Common actions/LinkSimpleHorizontal.js"),zr=require("./Informational/Communication/LiveChat.js"),jr=require("./Toggles/General/Lock.js"),Jr=require("./Actions/Navigation/LogIn.js"),Qr=require("./Actions/Navigation/LogOut.js"),Kr=require("./Legacy - Bikayi specific/Services/LoudSpeaker.js"),Yr=require("./BIK AI specific/ManifestSparkle.js"),Zr=require("./Informational/Location/MapPin.js"),Xr=require("./Legacy - Bikayi specific/Services/Marketing.js"),_r=require("./Media/Visual/Maximize.js"),et=require("./Informational/Files and folders/MediaMessage.js"),rt=require("./Informational/Common UI/MenuHamburger.js"),tt=require("./Informational/General/Merge.js"),ut=require("./Informational/Common UI/MessageSearch.js"),ot=require("./Social/Channels/Messenger.js"),at=require("./Social/Social/Messenger.js"),nt=require("./Social/Channels/MessengerV2.js"),it=require("./Media/Audio/Microphone.js"),lt=require("./Actions/Common actions/Minus.js"),st=require("./Informational/Finance/Money1.js"),ct=require("./Social/Channels/MonoFacebook.js"),dt=require("./Social/Channels/MonoFacebookComment.js"),ft=require("./Social/Channels/MonoInstagram.js"),qt=require("./Social/Channels/MonoInstagramComment.js"),ht=require("./Social/Channels/MonoMail.js"),mt=require("./Social/Channels/MonoMessenger.js"),pt=require("./Social/Channels/MonoPhone.js"),Ct=require("./Social/Channels/MonoTasks.js"),gt=require("./Social/Channels/MonoWhatsapp.js"),kt=require("./Informational/Common UI/MoreHorizontal.js"),St=require("./Informational/Common UI/MoreVertical.js"),Mt=require("./Informational/Files and folders/Move.js"),bt=require("./Actions/Formatting/MultiLine.js"),At=require("./Actions/Formatting/MultiSelect.js"),Ft=require("./Informational/General/NewTicket.js"),Tt=require("./Informational/Finance/NoCredits.js"),wt=require("./Actions/Formatting/Number.js"),Pt=require("./Actions/Formatting/NumberList.js"),It=require("./Actions/Navigation/OpenNewWindow.js"),Rt=require("./Informational/Files and folders/OrderHistory.js"),yt=require("./Informational/Store related/OrderReport.js"),Lt=require("./Media/Others/Paperclip.js"),Vt=require("./Media/Audio/Pause.js"),vt=require("./Legacy - Bikayi specific/Services/PaymentLink.js"),Dt=require("./Informational/Store related/PaymentReport.js"),xt=require("./Informational/Customer intent/Percent.js"),Ut=require("./Informational/Finance/Percent.js"),Et=require("./Informational/Identity/Person.js"),Bt=require("./Informational/Communication/Phone.js"),Wt=require("./Social/Channels/PhoneV2.js"),Ht=require("./Informational/Common UI/Placeholder.js"),Ot=require("./Legacy - Bikayi specific/Plans/PlanUltimate.js"),Gt=require("./Media/Audio/Play.js"),Nt=require("./Actions/Common actions/Plus.js"),$t=require("./BIK AI specific/PricePlease.js"),zt=require("./Informational/Files and folders/PrivateNote.js"),jt=require("./Actions/Common actions/ProductTour.js"),Jt=require("./Informational/eCommerce/Promocode.js"),Qt=require("./Informational/Customer intent/Purchase.js"),Kt=require("./Actions/Formatting/Quotes.js"),Yt=require("./Social/Social/Rcs.js"),Zt=require("./Social/Channels/RcsV2.js"),Xt=require("./Informational/eCommerce/Receipt.js"),_t=require("./Actions/Navigation/Refresh.js"),eu=require("./Actions/Common actions/RestApi.js"),ru=require("./Actions/Navigation/Rewind.js"),tu=require("./Informational/Identity/Robot.js"),uu=require("./Media/Visual/RotateAnticlockwise.js"),ou=require("./Media/Visual/RotateClockwise.js"),au=require("./Informational/General/RoundCheck.js"),nu=require("./Informational/Finance/Rupee.js"),iu=require("./Actions/Common actions/Save.js"),lu=require("./Informational/Common UI/Search.js"),su=require("./Actions/Common actions/SendAirplane.js"),cu=require("./Informational/Customer intent/Services.js"),du=require("./Legacy - Bikayi specific/Navigation/Services.js"),fu=require("./Informational/Common UI/Settings.js"),qu=require("./BIK AI specific/Shape.js"),hu=require("./Actions/Common actions/ShareAndroid.js"),mu=require("./Informational/eCommerce/ShieldCheck.js"),pu=require("./Social/Channels/ShopifyBrand.js"),Cu=require("./Social/Social/ShopifyDefault.js"),gu=require("./Informational/eCommerce/ShoppingBag.js"),ku=require("./Informational/eCommerce/ShoppingBasket.js"),Su=require("./Informational/Customer intent/ShoppingCart.js"),Mu=require("./Informational/eCommerce/ShoppingCart.js"),bu=require("./Actions/Common actions/Shortcut.js"),Au=require("./BIK AI specific/Shorter.js"),Fu=require("./Actions/Selection/SingleChoice.js"),Tu=require("./Informational/Customer intent/SingleChoice.js"),wu=require("./Social/Social/SlackIcon.js"),Pu=require("./Informational/General/Slash.js"),Iu=require("./Media/Audio/Sleep.js"),Ru=require("./Media/Devices/Smartphone.js"),yu=require("./Social/Channels/SmsV2.js"),Lu=require("./BIK AI specific/Sparkling2Line.js"),Vu=require("./Toggles/General/StarEmpty.js"),vu=require("./Toggles/General/StarFilled.js"),Du=require("./Toggles/General/StarHalf.js"),xu=require("./Informational/Store related/Store.js"),Uu=require("./Informational/Store related/StoreSync.js"),Eu=require("./Actions/Formatting/Subscript.js"),Bu=require("./Actions/Formatting/Superscript.js"),Wu=require("./Actions/Navigation/Sync.js"),Hu=require("./Informational/Finance/TablerTicket.js"),Ou=require("./Actions/Common actions/Task.js"),Gu=require("./Social/Channels/TaskV2.js"),Nu=require("./Social/Channels/Tasks.js"),$u=require("./Actions/Formatting/Text.js"),zu=require("./Actions/Formatting/TextAlignCenter.js"),ju=require("./Actions/Formatting/TextAlignLeft.js"),Ju=require("./Actions/Formatting/TextAlignRight.js"),Qu=require("./Actions/Formatting/TextBold.js"),Ku=require("./Actions/Formatting/TextItalics.js"),Yu=require("./Actions/Formatting/TextJustify.js"),Zu=require("./Informational/Files and folders/TextMessage.js"),Xu=require("./Actions/Formatting/TextStrikethrough.js"),_u=require("./Actions/Formatting/TextUnderline.js"),eo=require("./Actions/Formatting/Textbox.js"),ro=require("./Legacy - Bikayi specific/Services/Theme.js"),to=require("./Informational/Store related/TicketForm.js"),uo=require("./Informational/General/TicketV2.js"),oo=require("./Informational/Common UI/Training.js"),ao=require("./Informational/Location/Truck.js"),no=require("./Social/Social/Twitter.js"),io=require("./Informational/Files and folders/Unarchive.js"),lo=require("./Informational/Identity/Union.js"),so=require("./Informational/Identity/Union1.js"),co=require("./Toggles/General/Unlock.js"),fo=require("./Informational/Customer intent/Unsatisfactory.js"),qo=require("./Media/Others/Upload.js"),ho=require("./Informational/Identity/User.js"),mo=require("./Informational/Identity/UserMinus1.js"),po=require("./Informational/Identity/UserPlus.js"),Co=require("./Informational/Customer intent/UserSound.js"),go=require("./Media/Visual/VideoCamcorder.js"),ko=require("./Media/Visual/VideoFilm.js"),So=require("./Media/Audio/VolumeMute.js"),Mo=require("./Media/Audio/VolumeOneline.js"),bo=require("./Media/Audio/VolumeTwoline.js"),Ao=require("./Informational/Finance/Wallet.js"),Fo=require("./BIK AI specific/WandSparkles.js"),To=require("./Social/Channels/WebPush.js"),wo=require("./BIK AI specific/Webhook.js"),Po=require("./Social/Channels/WebpushV2.js"),Io=require("./Social/Social/Website.js"),Ro=require("./Social/Channels/WhatsApp.js"),yo=require("./Social/Channels/WhatsAppCallV2.js"),Lo=require("./Social/Channels/WhatsAppV2.js"),Vo=require("./Actions/Navigation/Whatsapp.js"),vo=require("./Social/Social/Whatsapp.js"),Do=require("./Social/Social/WooCommerce.js"),xo=require("./Informational/Date and time/WorkingHours.js"),Uo=require("./BIK AI specific/Write.js"),Eo=require("./Social/Social/Youtube.js"),Bo=require("./Social/Social/Zendesk.js");exports.Activate=e.default;exports.AddLabel=r.default;exports.Address=t.default;exports.AiEmoji=u.default;exports.AiIcon=o.default;exports.AiRobot=a.default;exports.AlertTriangle=n.default;exports.AllProduct=i.default;exports.Archive1=l.default;exports.ArrowDown=s.default;exports.ArrowDownLeft=c.default;exports.ArrowDownRight=d.default;exports.ArrowLeft=f.default;exports.ArrowRedo=q.default;exports.ArrowRight=h.default;exports.ArrowSwitch=m.default;exports.ArrowUndo=p.default;exports.ArrowUp=C.default;exports.ArrowUpLeft=g.default;exports.ArrowUpRight=k.default;exports.Bank=S.default;exports.BarcodeScan=M.default;exports.Bell=b.default;exports.BellSync=A.default;exports.BigCommerce=F.default;exports.Bigcommerce=T.default;exports.BookOpenText=w.default;exports.Box=P.default;exports.Box2=I.default;exports.Bulb=R.default;exports.Businesscard=y.default;exports.Calendar=L.default;exports.CalendarAdd=V.default;exports.CalendarCheck=v.default;exports.Camera=D.default;exports.CameraAdd=x.default;exports.CaratDown=U.default;exports.CaratLeft=E.default;exports.CaratRight=B.default;exports.CaratUp=W.default;exports.CashOnDelivery=H.default;exports.ChartLine=O.default;exports.Chat=G.default;exports.ChatCheck=N.default;exports.ChatQuestion=$.default;exports.ChatStar=z.default;exports.Chatbot=j.default;exports.Check=J.default;exports.CheckDouble=Q.default;exports.CheckboxIcon=K.default;exports.ChevronDoubleDown=Y.default;exports.ChevronDoubleLeft=Z.default;exports.ChevronDoubleRight=X.default;exports.ChevronDoubleUp=_.default;exports.ChevronDown=ee.default;exports.ChevronLeft=re.default;exports.ChevronRight=te.default;exports.ChevronUp=ue.default;exports.Click=oe.default;exports.Clipboard=ae.default;exports.ClipboardCheck=ne.default;exports.ClipboardCheck2=ie.default;exports.Clock=le.default;exports.CloseTicket1=se.default;exports.Code=ce.default;exports.Contacts=de.default;exports.Copy=fe.default;exports.CreditCard=qe.default;exports.Crop=he.default;exports.Cross=me.default;exports.Customdomain=pe.default;exports.CustomerReport=Ce.default;exports.Deactivate=ge.default;exports.DecreaseIndent=ke.default;exports.Delete=Se.default;exports.Desktop=Me.default;exports.Download=be.default;exports.Dropdown=Ae.default;exports.Edit=Fe.default;exports.Email=Te.default;exports.Email2=we.default;exports.EmailMarketing=Pe.default;exports.EmailMarketing2=Ie.default;exports.EmailMarketingV2=Re.default;exports.EmailV2=ye.default;exports.EmojiSmile=Le.default;exports.Error=Ve.default;exports.Excel=ve.default;exports.Expand=De.default;exports.Experimental=xe.default;exports.Eye=Ue.default;exports.EyeClosed=Ee.default;exports.EyeOff=Be.default;exports.Facebook=We.default;exports.Facebook2=He.default;exports.FacebookComment=Oe.default;exports.FacebookCommentV2=Ge.default;exports.FacebookV2=Ne.default;exports.FailDoc=$e.default;exports.File=ze.default;exports.FileCsv=je.default;exports.FilePage=Je.default;exports.FilePdf=Qe.default;exports.Filter=Ke.default;exports.FlashOff=Ye.default;exports.FlashOn=Ze.default;exports.Folder=Xe.default;exports.FormkitHappy=_e.default;exports.FormkitNeutral=er.default;exports.FormkitSad=rr.default;exports.Forms=tr.default;exports.Forward=ur.default;exports.Frame26086263=or.default;exports.Frame27389=ar.default;exports.Frame27597=nr.default;exports.Frame27598=ir.default;exports.Frame27599=lr.default;exports.Fullscreen=sr.default;exports.GeminiSparkle=cr.default;exports.Gift1=dr.default;exports.GiftMinus=fr.default;exports.GiftPlus=qr.default;exports.GmailV2=hr.default;exports.Google=mr.default;exports.Gorgias=pr.default;exports.Group=Cr.default;exports.Growth=gr.default;exports.HandleDrag=kr.default;exports.Head112=Sr.default;exports.HeartEmpty=Mr.default;exports.HeartFilled=br.default;exports.Help=Ar.default;exports.Help2=Fr.default;exports.HourGlass=Tr.default;exports.IcList=wr.default;exports.IconTrailing=Pr.default;exports.IdCard=Ir.default;exports.Image=Rr.default;exports.ImageAdd=yr.default;exports.Images=Lr.default;exports.IncreaseIndent=Vr.default;exports.Info=vr.default;exports.Instagram=Dr.default;exports.Instagram2=xr.default;exports.InstagramCommentV2=Ur.default;exports.InstagramIcon=Er.default;exports.InstagramV2=Br.default;exports.InventoryReport=Wr.default;exports.Journeys=Hr.default;exports.Kustomer=Or.default;exports.LanguageChange=Gr.default;exports.LegalBalance=Nr.default;exports.LinkSimpleHorizontal=$r.default;exports.LiveChat=zr.default;exports.Lock=jr.default;exports.LogIn=Jr.default;exports.LogOut=Qr.default;exports.LoudSpeaker=Kr.default;exports.ManifestSparkle=Yr.default;exports.MapPin=Zr.default;exports.Marketing=Xr.default;exports.Maximize=_r.default;exports.MediaMessage=et.default;exports.MenuHamburger=rt.default;exports.Merge=tt.default;exports.MessageSearch=ut.default;exports.Messenger=ot.default;exports.Messenger2=at.default;exports.MessengerV2=nt.default;exports.Microphone=it.default;exports.Minus=lt.default;exports.Money1=st.default;exports.MonoFacebook=ct.default;exports.MonoFacebookComment=dt.default;exports.MonoInstagram=ft.default;exports.MonoInstagramComment=qt.default;exports.MonoMail=ht.default;exports.MonoMessenger=mt.default;exports.MonoPhone=pt.default;exports.MonoTasks=Ct.default;exports.MonoWhatsapp=gt.default;exports.MoreHorizontal=kt.default;exports.MoreVertical=St.default;exports.Move=Mt.default;exports.MultiLine=bt.default;exports.MultiSelect=At.default;exports.NewTicket=Ft.default;exports.NoCredits=Tt.default;exports.Number=wt.default;exports.NumberList=Pt.default;exports.OpenNewWindow=It.default;exports.OrderHistory=Rt.default;exports.OrderReport=yt.default;exports.Paperclip=Lt.default;exports.Pause=Vt.default;exports.PaymentLink=vt.default;exports.PaymentReport=Dt.default;exports.Percent=xt.default;exports.Percent2=Ut.default;exports.Person=Et.default;exports.Phone=Bt.default;exports.PhoneV2=Wt.default;exports.Placeholder=Ht.default;exports.PlanUltimate=Ot.default;exports.Play=Gt.default;exports.Plus=Nt.default;exports.PricePlease=$t.default;exports.PrivateNote=zt.default;exports.ProductTour=jt.default;exports.Promocode=Jt.default;exports.Purchase=Qt.default;exports.Quotes=Kt.default;exports.Rcs=Yt.default;exports.RcsV2=Zt.default;exports.Receipt=Xt.default;exports.Refresh=_t.default;exports.RestApi=eu.default;exports.Rewind=ru.default;exports.Robot=tu.default;exports.RotateAnticlockwise=uu.default;exports.RotateClockwise=ou.default;exports.RoundCheck=au.default;exports.Rupee=nu.default;exports.Save=iu.default;exports.Search=lu.default;exports.SendAirplane=su.default;exports.Services=cu.default;exports.Services2=du.default;exports.Settings=fu.default;exports.Shape=qu.default;exports.ShareAndroid=hu.default;exports.ShieldCheck=mu.default;exports.ShopifyBrand=pu.default;exports.ShopifyDefault=Cu.default;exports.ShoppingBag=gu.default;exports.ShoppingBasket=ku.default;exports.ShoppingCart=Su.default;exports.ShoppingCart2=Mu.default;exports.Shortcut=bu.default;exports.Shorter=Au.default;exports.SingleChoice=Fu.default;exports.SingleChoice2=Tu.default;exports.SlackIcon=wu.default;exports.Slash=Pu.default;exports.Sleep=Iu.default;exports.Smartphone=Ru.default;exports.SmsV2=yu.default;exports.Sparkling2Line=Lu.default;exports.StarEmpty=Vu.default;exports.StarFilled=vu.default;exports.StarHalf=Du.default;exports.Store=xu.default;exports.StoreSync=Uu.default;exports.Subscript=Eu.default;exports.Superscript=Bu.default;exports.Sync=Wu.default;exports.TablerTicket=Hu.default;exports.Task=Ou.default;exports.TaskV2=Gu.default;exports.Tasks=Nu.default;exports.Text=$u.default;exports.TextAlignCenter=zu.default;exports.TextAlignLeft=ju.default;exports.TextAlignRight=Ju.default;exports.TextBold=Qu.default;exports.TextItalics=Ku.default;exports.TextJustify=Yu.default;exports.TextMessage=Zu.default;exports.TextStrikethrough=Xu.default;exports.TextUnderline=_u.default;exports.Textbox=eo.default;exports.Theme=ro.default;exports.TicketForm=to.default;exports.TicketV2=uo.default;exports.Training=oo.default;exports.Truck=ao.default;exports.Twitter=no.default;exports.Unarchive=io.default;exports.Union=lo.default;exports.Union1=so.default;exports.Unlock=co.default;exports.Unsatisfactory=fo.default;exports.Upload=qo.default;exports.User=ho.default;exports.UserMinus1=mo.default;exports.UserPlus=po.default;exports.UserSound=Co.default;exports.VideoCamcorder=go.default;exports.VideoFilm=ko.default;exports.VolumeMute=So.default;exports.VolumeOneline=Mo.default;exports.VolumeTwoline=bo.default;exports.Wallet=Ao.default;exports.WandSparkles=Fo.default;exports.WebPush=To.default;exports.Webhook=wo.default;exports.WebpushV2=Po.default;exports.Website=Io.default;exports.WhatsApp=Ro.default;exports.WhatsAppCallV2=yo.default;exports.WhatsAppV2=Lo.default;exports.Whatsapp=Vo.default;exports.Whatsapp2=vo.default;exports.WooCommerce=Do.default;exports.WorkingHours=xo.default;exports.Write=Uo.default;exports.Youtube=Eo.default;exports.Zendesk=Bo.default;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Actions/Common actions/Activate.js"),r=require("./Informational/eCommerce/AddLabel.js"),t=require("./Informational/Location/Address.js"),u=require("./BIK AI specific/AiEmoji.js"),o=require("./BIK AI specific/AiIcon.js"),a=require("./BIK AI specific/AiRobot.js"),n=require("./Informational/General/AlertTriangle.js"),i=require("./Informational/Store related/AllProduct.js"),l=require("./Informational/Files and folders/Archive1.js"),s=require("./Arrows/Normal arrows/ArrowDown.js"),c=require("./Arrows/Normal arrows/ArrowDownLeft.js"),d=require("./Arrows/Normal arrows/ArrowDownRight.js"),f=require("./Arrows/Normal arrows/ArrowLeft.js"),q=require("./Actions/Navigation/ArrowRedo.js"),h=require("./Arrows/Normal arrows/ArrowRight.js"),p=require("./Arrows/Special/ArrowSwitch.js"),m=require("./Actions/Navigation/ArrowUndo.js"),C=require("./Arrows/Normal arrows/ArrowUp.js"),g=require("./Arrows/Normal arrows/ArrowUpLeft.js"),k=require("./Arrows/Normal arrows/ArrowUpRight.js"),S=require("./Informational/Finance/Bank.js"),M=require("./Media/Others/BarcodeScan.js"),b=require("./Informational/Common UI/Bell.js"),A=require("./Informational/Common UI/BellSync.js"),T=require("./Social/Social/BigCommerce.js"),w=require("./Social/Channels/Bigcommerce.js"),F=require("./Informational/General/BookOpenText.js"),P=require("./Legacy - Bikayi specific/Categories/Box.js"),I=require("./Legacy - Bikayi specific/Categories/Box2.js"),R=require("./Informational/Common UI/Bulb.js"),y=require("./Legacy - Bikayi specific/Services/Businesscard.js"),L=require("./Informational/Date and time/Calendar.js"),V=require("./Informational/Date and time/CalendarAdd.js"),v=require("./Informational/Date and time/CalendarCheck.js"),D=require("./Media/Visual/Camera.js"),x=require("./Media/Visual/CameraAdd.js"),U=require("./Arrows/Carat/CaratDown.js"),E=require("./Arrows/Carat/CaratLeft.js"),B=require("./Arrows/Carat/CaratRight.js"),W=require("./Arrows/Carat/CaratUp.js"),H=require("./Informational/Finance/CashOnDelivery.js"),O=require("./Informational/Finance/ChartLine.js"),G=require("./Informational/Communication/Chat.js"),N=require("./Informational/Communication/ChatCheck.js"),$=require("./Informational/Communication/ChatQuestion.js"),z=require("./Informational/Communication/ChatStar.js"),j=require("./Informational/Identity/Chatbot.js"),J=require("./Informational/General/Check.js"),Q=require("./Informational/General/CheckDouble.js"),K=require("./Actions/Formatting/CheckboxIcon.js"),Y=require("./Arrows/Double chevron/ChevronDoubleDown.js"),Z=require("./Arrows/Double chevron/ChevronDoubleLeft.js"),X=require("./Arrows/Double chevron/ChevronDoubleRight.js"),_=require("./Arrows/Double chevron/ChevronDoubleUp.js"),ee=require("./Arrows/Chevron/ChevronDown.js"),re=require("./Arrows/Chevron/ChevronLeft.js"),te=require("./Arrows/Chevron/ChevronRight.js"),ue=require("./Arrows/Chevron/ChevronUp.js"),oe=require("./Informational/eCommerce/Click.js"),ae=require("./Informational/Store related/Clipboard.js"),ne=require("./Informational/Customer intent/ClipboardCheck.js"),ie=require("./Informational/Store related/ClipboardCheck.js"),le=require("./Informational/Date and time/Clock.js"),se=require("./Informational/General/CloseTicket1.js"),ce=require("./Actions/Common actions/Code.js"),de=require("./Informational/Identity/Contacts.js"),fe=require("./Actions/Formatting/Copy.js"),qe=require("./Informational/Finance/CreditCard.js"),he=require("./Media/Visual/Crop.js"),pe=require("./Actions/Common actions/Cross.js"),me=require("./Legacy - Bikayi specific/Services/Customdomain.js"),Ce=require("./Informational/Store related/CustomerReport.js"),ge=require("./Actions/Common actions/Deactivate.js"),ke=require("./Actions/Formatting/DecreaseIndent.js"),Se=require("./Actions/Common actions/Delete.js"),Me=require("./Media/Devices/Desktop.js"),be=require("./Media/Others/Download.js"),Ae=require("./Actions/Formatting/Dropdown.js"),Te=require("./Actions/Common actions/Edit.js"),we=require("./Informational/Communication/Email.js"),Fe=require("./Social/Channels/Email.js"),Pe=require("./Social/Channels/EmailMarketing.js"),Ie=require("./Social/Social/EmailMarketing.js"),Re=require("./Social/Channels/EmailMarketingV2.js"),ye=require("./Social/Channels/EmailV2.js"),Le=require("./Media/Others/EmojiSmile.js"),Ve=require("./Informational/General/Error.js"),ve=require("./Informational/Files and folders/Excel.js"),De=require("./BIK AI specific/Expand.js"),xe=require("./Informational/Customer intent/Experimental.js"),Ue=require("./Toggles/General/Eye.js"),Ee=require("./Toggles/General/EyeClosed.js"),Be=require("./Toggles/General/EyeOff.js"),We=require("./Social/Channels/Facebook.js"),He=require("./Social/Social/Facebook.js"),Oe=require("./Social/Channels/FacebookComment.js"),Ge=require("./Social/Channels/FacebookCommentV2.js"),Ne=require("./Social/Channels/FacebookV2.js"),$e=require("./Informational/General/FailDoc.js"),ze=require("./Informational/Files and folders/File.js"),je=require("./Informational/Files and folders/FileCsv.js"),Je=require("./Informational/Files and folders/FilePage.js"),Qe=require("./Informational/Files and folders/FilePdf.js"),Ke=require("./Informational/eCommerce/Filter.js"),Ye=require("./Media/Visual/FlashOff.js"),Ze=require("./Media/Visual/FlashOn.js"),Xe=require("./Informational/Files and folders/Folder.js"),_e=require("./Media/Visual/FormkitHappy.js"),er=require("./Informational/Common UI/Forms.js"),rr=require("./Actions/Common actions/Forward.js"),tr=require("./Media/Visual/Frame26086263.js"),ur=require("./BIK AI specific/Frame27389.js"),or=require("./BIK AI specific/Frame27597.js"),ar=require("./BIK AI specific/Frame27598.js"),nr=require("./BIK AI specific/Frame27599.js"),ir=require("./Actions/Common actions/Fullscreen.js"),lr=require("./BIK AI specific/GeminiSparkle.js"),sr=require("./Informational/eCommerce/Gift1.js"),cr=require("./Informational/eCommerce/GiftMinus.js"),dr=require("./Informational/eCommerce/GiftPlus.js"),fr=require("./Social/Channels/GmailV2.js"),qr=require("./Social/Social/Google.js"),hr=require("./Social/Social/Gorgias.js"),pr=require("./Informational/Identity/Group.js"),mr=require("./Informational/Finance/Growth.js"),Cr=require("./Actions/Selection/HandleDrag.js"),gr=require("./Informational/Store related/Head112.js"),kr=require("./Toggles/General/HeartEmpty.js"),Sr=require("./Toggles/General/HeartFilled.js"),Mr=require("./Informational/Customer intent/Help.js"),br=require("./Informational/General/Help.js"),Ar=require("./Informational/Date and time/HourGlass.js"),Tr=require("./Informational/General/IcList.js"),wr=require("./Media/Visual/IconTrailing.js"),Fr=require("./Informational/Identity/IdCard.js"),Pr=require("./Media/Visual/Image.js"),Ir=require("./Media/Visual/ImageAdd.js"),Rr=require("./Media/Visual/Images.js"),yr=require("./Actions/Formatting/IncreaseIndent.js"),Lr=require("./Informational/General/Info.js"),Vr=require("./Social/Channels/Instagram.js"),vr=require("./Social/Social/Instagram.js"),Dr=require("./Social/Channels/InstagramCommentV2.js"),xr=require("./Social/Channels/InstagramIcon.js"),Ur=require("./Social/Channels/InstagramV2.js"),Er=require("./Informational/Store related/InventoryReport.js"),Br=require("./Legacy - Bikayi specific/Navigation/Journeys.js"),Wr=require("./Social/Social/Kustomer.js"),Hr=require("./Informational/Location/LanguageChange.js"),Or=require("./Informational/Store related/LegalBalance.js"),Gr=require("./Actions/Common actions/LinkSimpleHorizontal.js"),Nr=require("./Informational/Communication/LiveChat.js"),$r=require("./Toggles/General/Lock.js"),zr=require("./Actions/Navigation/LogIn.js"),jr=require("./Actions/Navigation/LogOut.js"),Jr=require("./Legacy - Bikayi specific/Services/LoudSpeaker.js"),Qr=require("./BIK AI specific/ManifestSparkle.js"),Kr=require("./Informational/Location/MapPin.js"),Yr=require("./Legacy - Bikayi specific/Services/Marketing.js"),Zr=require("./Media/Visual/Maximize.js"),Xr=require("./Informational/Files and folders/MediaMessage.js"),_r=require("./Informational/Common UI/MenuHamburger.js"),et=require("./Informational/General/Merge.js"),rt=require("./Informational/Common UI/MessageSearch.js"),tt=require("./Social/Channels/Messenger.js"),ut=require("./Social/Social/Messenger.js"),ot=require("./Social/Channels/MessengerV2.js"),at=require("./Media/Audio/Microphone.js"),nt=require("./Actions/Common actions/Minus.js"),it=require("./Informational/Finance/Money1.js"),lt=require("./Social/Channels/MonoFacebook.js"),st=require("./Social/Channels/MonoFacebookComment.js"),ct=require("./Social/Channels/MonoInstagram.js"),dt=require("./Social/Channels/MonoInstagramComment.js"),ft=require("./Social/Channels/MonoMail.js"),qt=require("./Social/Channels/MonoMessenger.js"),ht=require("./Social/Channels/MonoPhone.js"),pt=require("./Social/Channels/MonoTasks.js"),mt=require("./Social/Channels/MonoWhatsapp.js"),Ct=require("./Informational/Common UI/MoreHorizontal.js"),gt=require("./Informational/Common UI/MoreVertical.js"),kt=require("./Informational/Files and folders/Move.js"),St=require("./Actions/Formatting/MultiLine.js"),Mt=require("./Actions/Formatting/MultiSelect.js"),bt=require("./Informational/General/NewTicket.js"),At=require("./Informational/Finance/NoCredits.js"),Tt=require("./Actions/Formatting/Number.js"),wt=require("./Actions/Formatting/NumberList.js"),Ft=require("./Actions/Navigation/OpenNewWindow.js"),Pt=require("./Informational/Files and folders/OrderHistory.js"),It=require("./Informational/Store related/OrderReport.js"),Rt=require("./Media/Others/Paperclip.js"),yt=require("./Media/Audio/Pause.js"),Lt=require("./Legacy - Bikayi specific/Services/PaymentLink.js"),Vt=require("./Informational/Store related/PaymentReport.js"),vt=require("./Informational/Customer intent/Percent.js"),Dt=require("./Informational/Finance/Percent.js"),xt=require("./Informational/Identity/Person.js"),Ut=require("./Informational/Communication/Phone.js"),Et=require("./Social/Channels/PhoneV2.js"),Bt=require("./Informational/Common UI/Placeholder.js"),Wt=require("./Legacy - Bikayi specific/Plans/PlanUltimate.js"),Ht=require("./Media/Audio/Play.js"),Ot=require("./Actions/Common actions/Plus.js"),Gt=require("./BIK AI specific/PricePlease.js"),Nt=require("./Informational/Files and folders/PrivateNote.js"),$t=require("./Actions/Common actions/ProductTour.js"),zt=require("./Informational/eCommerce/Promocode.js"),jt=require("./Informational/Customer intent/Purchase.js"),Jt=require("./Actions/Formatting/Quotes.js"),Qt=require("./Social/Social/Rcs.js"),Kt=require("./Social/Channels/RcsV2.js"),Yt=require("./Informational/eCommerce/Receipt.js"),Zt=require("./Actions/Navigation/Refresh.js"),Xt=require("./Actions/Common actions/RestApi.js"),_t=require("./Actions/Navigation/Rewind.js"),eu=require("./Informational/Identity/Robot.js"),ru=require("./Media/Visual/RotateAnticlockwise.js"),tu=require("./Media/Visual/RotateClockwise.js"),uu=require("./Informational/General/RoundCheck.js"),ou=require("./Informational/Finance/Rupee.js"),au=require("./Actions/Common actions/Save.js"),nu=require("./Informational/Common UI/Search.js"),iu=require("./Actions/Common actions/Send.js"),lu=require("./Actions/Common actions/SendAirplane.js"),su=require("./Informational/Customer intent/Services.js"),cu=require("./Legacy - Bikayi specific/Navigation/Services.js"),du=require("./Informational/Common UI/Settings.js"),fu=require("./BIK AI specific/Shape.js"),qu=require("./Actions/Common actions/ShareAndroid.js"),hu=require("./Informational/eCommerce/ShieldCheck.js"),pu=require("./Social/Channels/ShopifyBrand.js"),mu=require("./Social/Social/ShopifyDefault.js"),Cu=require("./Informational/eCommerce/ShoppingBag.js"),gu=require("./Informational/eCommerce/ShoppingBasket.js"),ku=require("./Informational/Customer intent/ShoppingCart.js"),Su=require("./Informational/eCommerce/ShoppingCart.js"),Mu=require("./Actions/Common actions/Shortcut.js"),bu=require("./BIK AI specific/Shorter.js"),Au=require("./Actions/Selection/SingleChoice.js"),Tu=require("./Informational/Customer intent/SingleChoice.js"),wu=require("./Social/Social/SlackIcon.js"),Fu=require("./Informational/General/Slash.js"),Pu=require("./Media/Audio/Sleep.js"),Iu=require("./Media/Devices/Smartphone.js"),Ru=require("./Social/Channels/SmsV2.js"),yu=require("./BIK AI specific/Sparkling2Line.js"),Lu=require("./Toggles/General/StarEmpty.js"),Vu=require("./Toggles/General/StarFilled.js"),vu=require("./Toggles/General/StarHalf.js"),Du=require("./Informational/Store related/Store.js"),xu=require("./Informational/Store related/StoreSync.js"),Uu=require("./Actions/Formatting/Subscript.js"),Eu=require("./Actions/Formatting/Superscript.js"),Bu=require("./Actions/Navigation/Sync.js"),Wu=require("./Informational/Finance/TablerTicket.js"),Hu=require("./Actions/Common actions/Task.js"),Ou=require("./Social/Channels/TaskV2.js"),Gu=require("./Social/Channels/Tasks.js"),Nu=require("./Actions/Formatting/Text.js"),$u=require("./Actions/Formatting/TextAlignCenter.js"),zu=require("./Actions/Formatting/TextAlignLeft.js"),ju=require("./Actions/Formatting/TextAlignRight.js"),Ju=require("./Actions/Formatting/TextBold.js"),Qu=require("./Actions/Formatting/TextItalics.js"),Ku=require("./Actions/Formatting/TextJustify.js"),Yu=require("./Informational/Files and folders/TextMessage.js"),Zu=require("./Actions/Formatting/TextStrikethrough.js"),Xu=require("./Actions/Formatting/TextUnderline.js"),_u=require("./Actions/Formatting/Textbox.js"),eo=require("./Legacy - Bikayi specific/Services/Theme.js"),ro=require("./Informational/Store related/TicketForm.js"),to=require("./Informational/General/TicketV2.js"),uo=require("./Informational/Common UI/Training.js"),oo=require("./Informational/Location/Truck.js"),ao=require("./Social/Social/Twitter.js"),no=require("./Informational/Files and folders/Unarchive.js"),io=require("./Informational/Identity/Union.js"),lo=require("./Informational/Identity/Union1.js"),so=require("./Toggles/General/Unlock.js"),co=require("./Informational/Customer intent/Unsatisfactory.js"),fo=require("./Media/Others/Upload.js"),qo=require("./Informational/Identity/User.js"),ho=require("./Informational/Identity/UserMinus1.js"),po=require("./Informational/Identity/UserPlus.js"),mo=require("./Informational/Customer intent/UserSound.js"),Co=require("./Media/Visual/VideoCamcorder.js"),go=require("./Media/Visual/VideoFilm.js"),ko=require("./Media/Audio/VolumeMute.js"),So=require("./Media/Audio/VolumeOneline.js"),Mo=require("./Media/Audio/VolumeTwoline.js"),bo=require("./Informational/Finance/Wallet.js"),Ao=require("./BIK AI specific/WandSparkles.js"),To=require("./Social/Channels/WebPush.js"),wo=require("./BIK AI specific/Webhook.js"),Fo=require("./Social/Channels/WebpushV2.js"),Po=require("./Social/Social/Website.js"),Io=require("./Social/Channels/WhatsApp.js"),Ro=require("./Social/Channels/WhatsAppCallV2.js"),yo=require("./Social/Channels/WhatsAppV2.js"),Lo=require("./Actions/Navigation/Whatsapp.js"),Vo=require("./Social/Social/Whatsapp.js"),vo=require("./Social/Social/WooCommerce.js"),Do=require("./Informational/Date and time/WorkingHours.js"),xo=require("./BIK AI specific/Write.js"),Uo=require("./Social/Social/Youtube.js"),Eo=require("./Social/Social/Zendesk.js");exports.Activate=e.default;exports.AddLabel=r.default;exports.Address=t.default;exports.AiEmoji=u.default;exports.AiIcon=o.default;exports.AiRobot=a.default;exports.AlertTriangle=n.default;exports.AllProduct=i.default;exports.Archive1=l.default;exports.ArrowDown=s.default;exports.ArrowDownLeft=c.default;exports.ArrowDownRight=d.default;exports.ArrowLeft=f.default;exports.ArrowRedo=q.default;exports.ArrowRight=h.default;exports.ArrowSwitch=p.default;exports.ArrowUndo=m.default;exports.ArrowUp=C.default;exports.ArrowUpLeft=g.default;exports.ArrowUpRight=k.default;exports.Bank=S.default;exports.BarcodeScan=M.default;exports.Bell=b.default;exports.BellSync=A.default;exports.BigCommerce=T.default;exports.Bigcommerce=w.default;exports.BookOpenText=F.default;exports.Box=P.default;exports.Box2=I.default;exports.Bulb=R.default;exports.Businesscard=y.default;exports.Calendar=L.default;exports.CalendarAdd=V.default;exports.CalendarCheck=v.default;exports.Camera=D.default;exports.CameraAdd=x.default;exports.CaratDown=U.default;exports.CaratLeft=E.default;exports.CaratRight=B.default;exports.CaratUp=W.default;exports.CashOnDelivery=H.default;exports.ChartLine=O.default;exports.Chat=G.default;exports.ChatCheck=N.default;exports.ChatQuestion=$.default;exports.ChatStar=z.default;exports.Chatbot=j.default;exports.Check=J.default;exports.CheckDouble=Q.default;exports.CheckboxIcon=K.default;exports.ChevronDoubleDown=Y.default;exports.ChevronDoubleLeft=Z.default;exports.ChevronDoubleRight=X.default;exports.ChevronDoubleUp=_.default;exports.ChevronDown=ee.default;exports.ChevronLeft=re.default;exports.ChevronRight=te.default;exports.ChevronUp=ue.default;exports.Click=oe.default;exports.Clipboard=ae.default;exports.ClipboardCheck=ne.default;exports.ClipboardCheck2=ie.default;exports.Clock=le.default;exports.CloseTicket1=se.default;exports.Code=ce.default;exports.Contacts=de.default;exports.Copy=fe.default;exports.CreditCard=qe.default;exports.Crop=he.default;exports.Cross=pe.default;exports.Customdomain=me.default;exports.CustomerReport=Ce.default;exports.Deactivate=ge.default;exports.DecreaseIndent=ke.default;exports.Delete=Se.default;exports.Desktop=Me.default;exports.Download=be.default;exports.Dropdown=Ae.default;exports.Edit=Te.default;exports.Email=we.default;exports.Email2=Fe.default;exports.EmailMarketing=Pe.default;exports.EmailMarketing2=Ie.default;exports.EmailMarketingV2=Re.default;exports.EmailV2=ye.default;exports.EmojiSmile=Le.default;exports.Error=Ve.default;exports.Excel=ve.default;exports.Expand=De.default;exports.Experimental=xe.default;exports.Eye=Ue.default;exports.EyeClosed=Ee.default;exports.EyeOff=Be.default;exports.Facebook=We.default;exports.Facebook2=He.default;exports.FacebookComment=Oe.default;exports.FacebookCommentV2=Ge.default;exports.FacebookV2=Ne.default;exports.FailDoc=$e.default;exports.File=ze.default;exports.FileCsv=je.default;exports.FilePage=Je.default;exports.FilePdf=Qe.default;exports.Filter=Ke.default;exports.FlashOff=Ye.default;exports.FlashOn=Ze.default;exports.Folder=Xe.default;exports.FormkitHappy=_e.default;exports.Forms=er.default;exports.Forward=rr.default;exports.Frame26086263=tr.default;exports.Frame27389=ur.default;exports.Frame27597=or.default;exports.Frame27598=ar.default;exports.Frame27599=nr.default;exports.Fullscreen=ir.default;exports.GeminiSparkle=lr.default;exports.Gift1=sr.default;exports.GiftMinus=cr.default;exports.GiftPlus=dr.default;exports.GmailV2=fr.default;exports.Google=qr.default;exports.Gorgias=hr.default;exports.Group=pr.default;exports.Growth=mr.default;exports.HandleDrag=Cr.default;exports.Head112=gr.default;exports.HeartEmpty=kr.default;exports.HeartFilled=Sr.default;exports.Help=Mr.default;exports.Help2=br.default;exports.HourGlass=Ar.default;exports.IcList=Tr.default;exports.IconTrailing=wr.default;exports.IdCard=Fr.default;exports.Image=Pr.default;exports.ImageAdd=Ir.default;exports.Images=Rr.default;exports.IncreaseIndent=yr.default;exports.Info=Lr.default;exports.Instagram=Vr.default;exports.Instagram2=vr.default;exports.InstagramCommentV2=Dr.default;exports.InstagramIcon=xr.default;exports.InstagramV2=Ur.default;exports.InventoryReport=Er.default;exports.Journeys=Br.default;exports.Kustomer=Wr.default;exports.LanguageChange=Hr.default;exports.LegalBalance=Or.default;exports.LinkSimpleHorizontal=Gr.default;exports.LiveChat=Nr.default;exports.Lock=$r.default;exports.LogIn=zr.default;exports.LogOut=jr.default;exports.LoudSpeaker=Jr.default;exports.ManifestSparkle=Qr.default;exports.MapPin=Kr.default;exports.Marketing=Yr.default;exports.Maximize=Zr.default;exports.MediaMessage=Xr.default;exports.MenuHamburger=_r.default;exports.Merge=et.default;exports.MessageSearch=rt.default;exports.Messenger=tt.default;exports.Messenger2=ut.default;exports.MessengerV2=ot.default;exports.Microphone=at.default;exports.Minus=nt.default;exports.Money1=it.default;exports.MonoFacebook=lt.default;exports.MonoFacebookComment=st.default;exports.MonoInstagram=ct.default;exports.MonoInstagramComment=dt.default;exports.MonoMail=ft.default;exports.MonoMessenger=qt.default;exports.MonoPhone=ht.default;exports.MonoTasks=pt.default;exports.MonoWhatsapp=mt.default;exports.MoreHorizontal=Ct.default;exports.MoreVertical=gt.default;exports.Move=kt.default;exports.MultiLine=St.default;exports.MultiSelect=Mt.default;exports.NewTicket=bt.default;exports.NoCredits=At.default;exports.Number=Tt.default;exports.NumberList=wt.default;exports.OpenNewWindow=Ft.default;exports.OrderHistory=Pt.default;exports.OrderReport=It.default;exports.Paperclip=Rt.default;exports.Pause=yt.default;exports.PaymentLink=Lt.default;exports.PaymentReport=Vt.default;exports.Percent=vt.default;exports.Percent2=Dt.default;exports.Person=xt.default;exports.Phone=Ut.default;exports.PhoneV2=Et.default;exports.Placeholder=Bt.default;exports.PlanUltimate=Wt.default;exports.Play=Ht.default;exports.Plus=Ot.default;exports.PricePlease=Gt.default;exports.PrivateNote=Nt.default;exports.ProductTour=$t.default;exports.Promocode=zt.default;exports.Purchase=jt.default;exports.Quotes=Jt.default;exports.Rcs=Qt.default;exports.RcsV2=Kt.default;exports.Receipt=Yt.default;exports.Refresh=Zt.default;exports.RestApi=Xt.default;exports.Rewind=_t.default;exports.Robot=eu.default;exports.RotateAnticlockwise=ru.default;exports.RotateClockwise=tu.default;exports.RoundCheck=uu.default;exports.Rupee=ou.default;exports.Save=au.default;exports.Search=nu.default;exports.Send=iu.default;exports.SendAirplane=lu.default;exports.Services=su.default;exports.Services2=cu.default;exports.Settings=du.default;exports.Shape=fu.default;exports.ShareAndroid=qu.default;exports.ShieldCheck=hu.default;exports.ShopifyBrand=pu.default;exports.ShopifyDefault=mu.default;exports.ShoppingBag=Cu.default;exports.ShoppingBasket=gu.default;exports.ShoppingCart=ku.default;exports.ShoppingCart2=Su.default;exports.Shortcut=Mu.default;exports.Shorter=bu.default;exports.SingleChoice=Au.default;exports.SingleChoice2=Tu.default;exports.SlackIcon=wu.default;exports.Slash=Fu.default;exports.Sleep=Pu.default;exports.Smartphone=Iu.default;exports.SmsV2=Ru.default;exports.Sparkling2Line=yu.default;exports.StarEmpty=Lu.default;exports.StarFilled=Vu.default;exports.StarHalf=vu.default;exports.Store=Du.default;exports.StoreSync=xu.default;exports.Subscript=Uu.default;exports.Superscript=Eu.default;exports.Sync=Bu.default;exports.TablerTicket=Wu.default;exports.Task=Hu.default;exports.TaskV2=Ou.default;exports.Tasks=Gu.default;exports.Text=Nu.default;exports.TextAlignCenter=$u.default;exports.TextAlignLeft=zu.default;exports.TextAlignRight=ju.default;exports.TextBold=Ju.default;exports.TextItalics=Qu.default;exports.TextJustify=Ku.default;exports.TextMessage=Yu.default;exports.TextStrikethrough=Zu.default;exports.TextUnderline=Xu.default;exports.Textbox=_u.default;exports.Theme=eo.default;exports.TicketForm=ro.default;exports.TicketV2=to.default;exports.Training=uo.default;exports.Truck=oo.default;exports.Twitter=ao.default;exports.Unarchive=no.default;exports.Union=io.default;exports.Union1=lo.default;exports.Unlock=so.default;exports.Unsatisfactory=co.default;exports.Upload=fo.default;exports.User=qo.default;exports.UserMinus1=ho.default;exports.UserPlus=po.default;exports.UserSound=mo.default;exports.VideoCamcorder=Co.default;exports.VideoFilm=go.default;exports.VolumeMute=ko.default;exports.VolumeOneline=So.default;exports.VolumeTwoline=Mo.default;exports.Wallet=bo.default;exports.WandSparkles=Ao.default;exports.WebPush=To.default;exports.Webhook=wo.default;exports.WebpushV2=Fo.default;exports.Website=Po.default;exports.WhatsApp=Io.default;exports.WhatsAppCallV2=Ro.default;exports.WhatsAppV2=yo.default;exports.Whatsapp=Lo.default;exports.Whatsapp2=Vo.default;exports.WooCommerce=vo.default;exports.WorkingHours=Do.default;exports.Write=xo.default;exports.Youtube=Uo.default;exports.Zendesk=Eo.default;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GiftedChat.js","sources":["../../../../../src/components/BikGiftedChat/GiftedChat/GiftedChat.tsx"],"sourcesContent":["import React, {\n\tforwardRef,\n\tuseCallback,\n\tuseEffect,\n\tuseImperativeHandle,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport { COLORS } from '../../../constants/Theme';\nimport { useWindowSize } from '../../../hooks/useWindowSize';\nimport { Button } from '../../button';\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 COLLAPSED_MAX_HEIGHT = 204;\n\nconst CollapsibleBubbleText: React.FC<{\n\ttext: string;\n\tisExpanded: boolean;\n\tonToggle: () => void;\n}> = ({ text, isExpanded, onToggle }) => {\n\tconst textRef = useRef<HTMLDivElement>(null);\n\tconst [isOverflowing, setIsOverflowing] = useState(false);\n\n\tuseEffect(() => {\n\t\tconst el = textRef.current;\n\t\tif (el) {\n\t\t\t// Temporarily remove max-height to measure true scroll height\n\t\t\tel.style.maxHeight = 'none';\n\t\t\tconst overflows = el.scrollHeight > COLLAPSED_MAX_HEIGHT;\n\t\t\tel.style.maxHeight = isExpanded ? 'none' : `${COLLAPSED_MAX_HEIGHT}px`;\n\t\t\tsetIsOverflowing(overflows);\n\t\t}\n\t}, [text, isExpanded]);\n\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tref={textRef}\n\t\t\t\tstyle={{\n\t\t\t\t\tmaxHeight: isExpanded ? 'none' : COLLAPSED_MAX_HEIGHT,\n\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<BodySecondary>{text}</BodySecondary>\n\t\t\t</div>\n\t\t\t{isOverflowing && (\n\t\t\t\t<Button\n\t\t\t\t\tbuttonType=\"text\"\n\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\tbuttonText={isExpanded ? 'Show less' : 'Read more'}\n\t\t\t\t\tonClick={onToggle}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</>\n\t);\n};\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\tmaxHeight,\n\t\tisActivityMessage,\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\tconst [expandedMessages, setExpandedMessages] = useState<\n\t\tSet<string | number>\n\t>(new Set());\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\t// Group consecutive same-day messages so each day separator can stick\n\t// within its own section and get pushed out by the next day's separator.\n\tconst dayGroups = useMemo(() => {\n\t\tconst groups: { createdAt: IMessage['createdAt']; indices: number[] }[] =\n\t\t\t[];\n\t\treversedMessages.forEach((message, index) => {\n\t\t\tconst previousMessage = reversedMessages[index - 1];\n\t\t\tif (index === 0 || !isSameDay(message, previousMessage)) {\n\t\t\t\tgroups.push({ createdAt: message.createdAt, indices: [index] });\n\t\t\t} else {\n\t\t\t\tgroups[groups.length - 1].indices.push(index);\n\t\t\t}\n\t\t});\n\t\treturn groups;\n\t}, [reversedMessages]);\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, previousMessage?: IMessage) => {\n\t\t\tif (!showUserAvatar) return false;\n\t\t\tif (showAvatarForEveryMessage) return true;\n\n\t\t\t// Show avatar on the first message in a consecutive sender stack,\n\t\t\t// or when an activity interrupts the stack, or when the current message itself is an activity\n\t\t\treturn (\n\t\t\t\t!previousMessage ||\n\t\t\t\t(isActivityMessage ? isActivityMessage(message) : false) ||\n\t\t\t\t(isActivityMessage ? isActivityMessage(previousMessage) : false) ||\n\t\t\t\tpreviousMessage.user._id !== message.user._id\n\t\t\t);\n\t\t},\n\t\t[showUserAvatar, showAvatarForEveryMessage, isActivityMessage],\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\t\t\tconst isTopOfStack = previousMessage?.user?._id !== message?.user?._id;\n\t\t\tconst isBottomOfStack = nextMessage?.user?._id !== message?.user?._id;\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\tconst messageId = message._id;\n\t\t\tconst isExpanded = expandedMessages.has(messageId);\n\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\tborderTopLeftRadius:\n\t\t\t\t\t\t\tposition === 'left' ? (isTopOfStack ? 12 : 2) : 12,\n\t\t\t\t\t\tborderTopRightRadius:\n\t\t\t\t\t\t\tposition === 'right' ? (isTopOfStack ? 12 : 2) : 12,\n\t\t\t\t\t\tborderBottomLeftRadius:\n\t\t\t\t\t\t\tposition === 'left' ? (isBottomOfStack ? 12 : 2) : 12,\n\t\t\t\t\t\tborderBottomRightRadius:\n\t\t\t\t\t\t\tposition === 'right' ? (isBottomOfStack ? 12 : 2) : 12,\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<CollapsibleBubbleText\n\t\t\t\t\t\ttext={message.text ?? ''}\n\t\t\t\t\t\tisExpanded={isExpanded}\n\t\t\t\t\t\tonToggle={() =>\n\t\t\t\t\t\t\tsetExpandedMessages((prev) => {\n\t\t\t\t\t\t\t\tconst next = new Set(prev);\n\t\t\t\t\t\t\t\tif (isExpanded) next.delete(messageId);\n\t\t\t\t\t\t\t\telse next.add(messageId);\n\t\t\t\t\t\t\t\treturn next;\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t);\n\t\t},\n\t\t[isUserMessage, user, renderBubble, extraProps, expandedMessages],\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, previousMessage);\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...(maxHeight ? { maxHeight, height: maxHeight } : {}),\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{dayGroups.map((group, groupIndex) => (\n\t\t\t\t\t<div key={`day-group-${groupIndex}`}>\n\t\t\t\t\t\t{/* Day separator — sticks to top while this day scrolls past */}\n\t\t\t\t\t\t{renderDay ? (\n\t\t\t\t\t\t\t<div style={{ position: 'sticky', top: 0, zIndex: 2 }}>\n\t\t\t\t\t\t\t\t{renderDay({ createdAt: group.createdAt })}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Day\n\t\t\t\t\t\t\t\tcreatedAt={group.createdAt}\n\t\t\t\t\t\t\t\tappType={appType}\n\t\t\t\t\t\t\t\tscrollRootRef={scrollRef}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{group.indices.map((index) => {\n\t\t\t\t\t\t\tconst message = reversedMessages[index];\n\t\t\t\t\t\t\tconst isSmtp =\n\t\t\t\t\t\t\t\tmessage?.['channelId'] === MESSAGE_CHANNELS.SMTP ||\n\t\t\t\t\t\t\t\tmessage?.['channelName'] === MESSAGE_CHANNELS.SMTP;\n\t\t\t\t\t\t\tconst position = isSmtp\n\t\t\t\t\t\t\t\t? 'left'\n\t\t\t\t\t\t\t\t: isUserMessage(message)\n\t\t\t\t\t\t\t\t? 'right'\n\t\t\t\t\t\t\t\t: 'left';\n\t\t\t\t\t\t\tconst previousMessage = reversedMessages[index - 1];\n\t\t\t\t\t\t\tconst nextMessage = reversedMessages[index + 1];\n\t\t\t\t\t\t\tconst placement = getMessagePlacement(message, position);\n\t\t\t\t\t\t\tconst isCentered = shouldCenterAlign(message);\n\t\t\t\t\t\t\t// Check if message is a private note\n\t\t\t\t\t\t\tconst isPrivateNote =\n\t\t\t\t\t\t\t\tmessage['category'] ===\n\t\t\t\t\t\t\t\t\tConstants.ChatActivity.Category.ACTIVITY &&\n\t\t\t\t\t\t\t\tmessage['activityType'] ===\n\t\t\t\t\t\t\t\t\tConstants.ChatActivity.Type.PRIVATE_NOTE;\n\t\t\t\t\t\t\tconst isActivity =\n\t\t\t\t\t\t\t\tmessage['category'] ===\n\t\t\t\t\t\t\t\t\tConstants.ChatActivity.Category.ACTIVITY && !isPrivateNote;\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<React.Fragment\n\t\t\t\t\t\t\t\t\tkey={\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>\n\t\t\t\t\t\t\t\t\t{/* Message container */}\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t...(isMobile ? { margin: '0 4px' } : {}),\n\t\t\t\t\t\t\t\t\t\t\t...(isCentered\n\t\t\t\t\t\t\t\t\t\t\t\t? {}\n\t\t\t\t\t\t\t\t\t\t\t\t: { display: 'flex', alignItems: 'flex-start' }),\n\t\t\t\t\t\t\t\t\t\t\t...(appType !== GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t\t\t\t\t\t? !isMobile && position === 'right'\n\t\t\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\t\t: { marginRight: 8 }\n\t\t\t\t\t\t\t\t\t\t\t\t: {}),\n\t\t\t\t\t\t\t\t\t\t\t...(isSmtp && !isPrivateNote && isMobile\n\t\t\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\t\t: {}),\n\t\t\t\t\t\t\t\t\t\t\t...(isSmtp && isPrivateNote ? { marginRight: 16 } : {}),\n\t\t\t\t\t\t\t\t\t\t\tjustifyContent: placement,\n\t\t\t\t\t\t\t\t\t\t\tmarginBottom: isSmtp\n\t\t\t\t\t\t\t\t\t\t\t\t? // SMTP: flat 24px between mails, no same/different-user split.\n\t\t\t\t\t\t\t\t\t\t\t\t nextMessage\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 24\n\t\t\t\t\t\t\t\t\t\t\t\t\t: 0\n\t\t\t\t\t\t\t\t\t\t\t\t: nextMessage\n\t\t\t\t\t\t\t\t\t\t\t\t? nextMessage?.user?._id === message?.user?._id\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 4\n\t\t\t\t\t\t\t\t\t\t\t\t\t: 20\n\t\t\t\t\t\t\t\t\t\t\t\t: 0,\n\t\t\t\t\t\t\t\t\t\t\t// Activity cards: no left/bottom margin.\n\t\t\t\t\t\t\t\t\t\t\t...(isActivity ? { marginLeft: 0, marginBottom: 0 } : {}),\n\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\t\t{/* Left avatar or placeholder (for mobile, avatar is hidden) */}\n\t\t\t\t\t\t\t\t\t\t{!isMobile && position === 'left' && (\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\tmarginRight: '4px',\n\t\t\t\t\t\t\t\t\t\t\t\t\twidth: '24px',\n\t\t\t\t\t\t\t\t\t\t\t\t\tflexShrink: 0,\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{renderMessageAvatar(\n\t\t\t\t\t\t\t\t\t\t\t\t\tmessage,\n\t\t\t\t\t\t\t\t\t\t\t\t\tpreviousMessage,\n\t\t\t\t\t\t\t\t\t\t\t\t\tnextMessage,\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t\t{/* Message bubble */}\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tid={`message-bubble-${\n\t\t\t\t\t\t\t\t\t\t\t\tmessage._id ??\n\t\t\t\t\t\t\t\t\t\t\t\t`${index}-${messageIdGenerator?.() ?? 'id'}`\n\t\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\t\t\tappType === GiftedChatAppType.Manifest\n\t\t\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\t\t: isMobile || isSmtp\n\t\t\t\t\t\t\t\t\t\t\t\t\t? { display: 'flex', flexGrow: 1, width: '100%' }\n\t\t\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{renderMessageBubble(\n\t\t\t\t\t\t\t\t\t\t\t\tmessage,\n\t\t\t\t\t\t\t\t\t\t\t\tpreviousMessage,\n\t\t\t\t\t\t\t\t\t\t\t\tnextMessage,\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t{/* Right avatar or placeholder (for mobile, avatar is hidden) */}\n\t\t\t\t\t\t\t\t\t\t{!isMobile && position === 'right' && (\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\tmarginLeft: '4px',\n\t\t\t\t\t\t\t\t\t\t\t\t\twidth: '24px',\n\t\t\t\t\t\t\t\t\t\t\t\t\tflexShrink: 0,\n\t\t\t\t\t\t\t\t\t\t\t\t\talignSelf: 'flex-start',\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{renderMessageAvatar(\n\t\t\t\t\t\t\t\t\t\t\t\t\tmessage,\n\t\t\t\t\t\t\t\t\t\t\t\t\tpreviousMessage,\n\t\t\t\t\t\t\t\t\t\t\t\t\tnextMessage,\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>\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":["COLLAPSED_MAX_HEIGHT","CollapsibleBubbleText","text","isExpanded","onToggle","textRef","useRef","isOverflowing","setIsOverflowing","useState","useEffect","el","overflows","jsxs","Fragment","jsx","BodySecondary","Button","GiftedChatInner","props","forwardedRef","messages","user","renderBubble","renderAvatar","renderDay","renderLoading","renderChatEmpty","listViewProps","renderAvatarOnTop","showUserAvatar","showAvatarForEveryMessage","inverted","messageIdGenerator","topThreshold","TOP_THRESHOLD","appType","GiftedChatAppType","maxHeight","isActivityMessage","extraProps","isMobile","useWindowSize","internalScrollRef","scrollRef","normalizeRef","scrollState","expandedMessages","setExpandedMessages","reversedMessages","useMemo","dayGroups","groups","message","index","previousMessage","isSameDay","scrollToBottom","useScrollToBottom","useImperativeHandle","useInitialMountScroll","useScrollCleanup","useRestoreScrollPosition","useAutoScrollOnNewMessages","useResizeObserverForFirstMessage","handleScroll","useScrollHandler","isUserMessage","useCallback","shouldShowAvatar","renderMessageBubble","nextMessage","position","isTopOfStack","isBottomOfStack","bubbleProps","messageId","COLORS","prev","next","renderMessageAvatar","group","groupIndex","Day","isSmtp","MESSAGE_CHANNELS","placement","getMessagePlacement","isCentered","shouldCenterAlign","isPrivateNote","Constants","isActivity","React","GiftedChat","forwardRef"],"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\tuseEffect,\n\tuseImperativeHandle,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n} from 'react';\nimport { COLORS } from '../../../constants/Theme';\nimport { useWindowSize } from '../../../hooks/useWindowSize';\nimport { Button } from '../../button';\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 COLLAPSED_MAX_HEIGHT = 204;\n\nconst CollapsibleBubbleText: React.FC<{\n\ttext: string;\n\tisExpanded: boolean;\n\tonToggle: () => void;\n}> = ({ text, isExpanded, onToggle }) => {\n\tconst textRef = useRef<HTMLDivElement>(null);\n\tconst [isOverflowing, setIsOverflowing] = useState(false);\n\n\tuseEffect(() => {\n\t\tconst el = textRef.current;\n\t\tif (el) {\n\t\t\t// Temporarily remove max-height to measure true scroll height\n\t\t\tel.style.maxHeight = 'none';\n\t\t\tconst overflows = el.scrollHeight > COLLAPSED_MAX_HEIGHT;\n\t\t\tel.style.maxHeight = isExpanded ? 'none' : `${COLLAPSED_MAX_HEIGHT}px`;\n\t\t\tsetIsOverflowing(overflows);\n\t\t}\n\t}, [text, isExpanded]);\n\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tref={textRef}\n\t\t\t\tstyle={{\n\t\t\t\t\tmaxHeight: isExpanded ? 'none' : COLLAPSED_MAX_HEIGHT,\n\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<BodySecondary>{text}</BodySecondary>\n\t\t\t</div>\n\t\t\t{isOverflowing && (\n\t\t\t\t<Button\n\t\t\t\t\tbuttonType=\"text\"\n\t\t\t\t\tsize=\"xs\"\n\t\t\t\t\tbuttonText={isExpanded ? 'Show less' : 'Read more'}\n\t\t\t\t\tonClick={onToggle}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</>\n\t);\n};\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\tmaxHeight,\n\t\tisActivityMessage,\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\tconst [expandedMessages, setExpandedMessages] = useState<\n\t\tSet<string | number>\n\t>(new Set());\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\t// Group consecutive same-day messages so each day separator can stick\n\t// within its own section and get pushed out by the next day's separator.\n\tconst dayGroups = useMemo(() => {\n\t\tconst groups: { createdAt: IMessage['createdAt']; indices: number[] }[] =\n\t\t\t[];\n\t\treversedMessages.forEach((message, index) => {\n\t\t\tconst previousMessage = reversedMessages[index - 1];\n\t\t\tif (index === 0 || !isSameDay(message, previousMessage)) {\n\t\t\t\tgroups.push({ createdAt: message.createdAt, indices: [index] });\n\t\t\t} else {\n\t\t\t\tgroups[groups.length - 1].indices.push(index);\n\t\t\t}\n\t\t});\n\t\treturn groups;\n\t}, [reversedMessages]);\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, previousMessage?: IMessage) => {\n\t\t\tif (!showUserAvatar) return false;\n\t\t\tif (showAvatarForEveryMessage) return true;\n\n\t\t\t// Show avatar on the first message in a consecutive sender stack,\n\t\t\t// or when an activity interrupts the stack, or when the current message itself is an activity\n\t\t\treturn (\n\t\t\t\t!previousMessage ||\n\t\t\t\t(isActivityMessage ? isActivityMessage(message) : false) ||\n\t\t\t\t(isActivityMessage ? isActivityMessage(previousMessage) : false) ||\n\t\t\t\tpreviousMessage.user._id !== message.user._id\n\t\t\t);\n\t\t},\n\t\t[showUserAvatar, showAvatarForEveryMessage, isActivityMessage],\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\t\t\tconst isTopOfStack = previousMessage?.user?._id !== message?.user?._id;\n\t\t\tconst isBottomOfStack = nextMessage?.user?._id !== message?.user?._id;\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\tconst messageId = message._id;\n\t\t\tconst isExpanded = expandedMessages.has(messageId);\n\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\tborderTopLeftRadius:\n\t\t\t\t\t\t\tposition === 'left' ? (isTopOfStack ? 12 : 2) : 12,\n\t\t\t\t\t\tborderTopRightRadius:\n\t\t\t\t\t\t\tposition === 'right' ? (isTopOfStack ? 12 : 2) : 12,\n\t\t\t\t\t\tborderBottomLeftRadius:\n\t\t\t\t\t\t\tposition === 'left' ? (isBottomOfStack ? 12 : 2) : 12,\n\t\t\t\t\t\tborderBottomRightRadius:\n\t\t\t\t\t\t\tposition === 'right' ? (isBottomOfStack ? 12 : 2) : 12,\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<CollapsibleBubbleText\n\t\t\t\t\t\ttext={message.text ?? ''}\n\t\t\t\t\t\tisExpanded={isExpanded}\n\t\t\t\t\t\tonToggle={() =>\n\t\t\t\t\t\t\tsetExpandedMessages((prev) => {\n\t\t\t\t\t\t\t\tconst next = new Set(prev);\n\t\t\t\t\t\t\t\tif (isExpanded) next.delete(messageId);\n\t\t\t\t\t\t\t\telse next.add(messageId);\n\t\t\t\t\t\t\t\treturn next;\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t);\n\t\t},\n\t\t[isUserMessage, user, renderBubble, extraProps, expandedMessages],\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, previousMessage);\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...(maxHeight ? { maxHeight, height: maxHeight } : {}),\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{dayGroups.map((group, groupIndex) => (\n\t\t\t\t\t<div key={`day-group-${groupIndex}`}>\n\t\t\t\t\t\t{/* Day separator — sticks to top while this day scrolls past */}\n\t\t\t\t\t\t{renderDay ? (\n\t\t\t\t\t\t\t<div style={{ position: 'sticky', top: 0, zIndex: 2 }}>\n\t\t\t\t\t\t\t\t{renderDay({ createdAt: group.createdAt })}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<Day\n\t\t\t\t\t\t\t\tcreatedAt={group.createdAt}\n\t\t\t\t\t\t\t\tappType={appType}\n\t\t\t\t\t\t\t\tscrollRootRef={scrollRef}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{group.indices.map((index) => {\n\t\t\t\t\t\t\tconst message = reversedMessages[index];\n\t\t\t\t\t\t\tconst isSmtp =\n\t\t\t\t\t\t\t\tmessage?.['channelId'] === MESSAGE_CHANNELS.SMTP ||\n\t\t\t\t\t\t\t\tmessage?.['channelName'] === MESSAGE_CHANNELS.SMTP;\n\t\t\t\t\t\t\tconst position = isSmtp\n\t\t\t\t\t\t\t\t? 'left'\n\t\t\t\t\t\t\t\t: isUserMessage(message)\n\t\t\t\t\t\t\t\t? 'right'\n\t\t\t\t\t\t\t\t: 'left';\n\t\t\t\t\t\t\tconst previousMessage = reversedMessages[index - 1];\n\t\t\t\t\t\t\tconst nextMessage = reversedMessages[index + 1];\n\t\t\t\t\t\t\tconst placement = getMessagePlacement(message, position);\n\t\t\t\t\t\t\tconst isCentered = shouldCenterAlign(message);\n\t\t\t\t\t\t\t// Check if message is a private note\n\t\t\t\t\t\t\tconst isPrivateNote =\n\t\t\t\t\t\t\t\tmessage['category'] ===\n\t\t\t\t\t\t\t\t\tConstants.ChatActivity.Category.ACTIVITY &&\n\t\t\t\t\t\t\t\tmessage['activityType'] ===\n\t\t\t\t\t\t\t\t\tConstants.ChatActivity.Type.PRIVATE_NOTE;\n\t\t\t\t\t\t\tconst isActivity =\n\t\t\t\t\t\t\t\tmessage['category'] ===\n\t\t\t\t\t\t\t\t\tConstants.ChatActivity.Category.ACTIVITY && !isPrivateNote;\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<React.Fragment\n\t\t\t\t\t\t\t\t\tkey={\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>\n\t\t\t\t\t\t\t\t\t{/* Message container */}\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t...(isMobile ? { margin: '0 4px' } : {}),\n\t\t\t\t\t\t\t\t\t\t\t...(isCentered\n\t\t\t\t\t\t\t\t\t\t\t\t? {}\n\t\t\t\t\t\t\t\t\t\t\t\t: { display: 'flex', alignItems: 'flex-start' }),\n\t\t\t\t\t\t\t\t\t\t\t...(appType !== GiftedChatAppType.Manifest\n\t\t\t\t\t\t\t\t\t\t\t\t? !isMobile && position === 'right'\n\t\t\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\t\t: { marginRight: 8 }\n\t\t\t\t\t\t\t\t\t\t\t\t: {}),\n\t\t\t\t\t\t\t\t\t\t\t...(isSmtp && !isPrivateNote && isMobile\n\t\t\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\t\t: {}),\n\t\t\t\t\t\t\t\t\t\t\t...(isSmtp && isPrivateNote\n\t\t\t\t\t\t\t\t\t\t\t\t? { marginRight: 16 }\n\t\t\t\t\t\t\t\t\t\t\t\t: {}),\n\t\t\t\t\t\t\t\t\t\t\tjustifyContent: placement,\n\t\t\t\t\t\t\t\t\t\t\tmarginBottom: isSmtp\n\t\t\t\t\t\t\t\t\t\t\t\t? // SMTP: flat 24px between mails, no same/different-user split.\n\t\t\t\t\t\t\t\t\t\t\t\t nextMessage\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 24\n\t\t\t\t\t\t\t\t\t\t\t\t\t: 0\n\t\t\t\t\t\t\t\t\t\t\t\t: nextMessage\n\t\t\t\t\t\t\t\t\t\t\t\t? nextMessage?.user?._id === message?.user?._id\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 4\n\t\t\t\t\t\t\t\t\t\t\t\t\t: 20\n\t\t\t\t\t\t\t\t\t\t\t\t: 0,\n\t\t\t\t\t\t\t\t\t\t\t// Activity cards: no left/bottom margin.\n\t\t\t\t\t\t\t\t\t\t\t...(isActivity ? { marginLeft: 0, marginBottom: 0 } : {}),\n\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\t\t{/* Left avatar or placeholder (for mobile, avatar is hidden) */}\n\t\t\t\t\t\t\t\t\t\t{!isMobile && position === 'left' && (\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\tmarginRight: '4px',\n\t\t\t\t\t\t\t\t\t\t\t\t\twidth: '24px',\n\t\t\t\t\t\t\t\t\t\t\t\t\tflexShrink: 0,\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{renderMessageAvatar(\n\t\t\t\t\t\t\t\t\t\t\t\t\tmessage,\n\t\t\t\t\t\t\t\t\t\t\t\t\tpreviousMessage,\n\t\t\t\t\t\t\t\t\t\t\t\t\tnextMessage,\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t)}\n\n\t\t\t\t\t\t\t\t\t\t{/* Message bubble */}\n\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\tid={`message-bubble-${\n\t\t\t\t\t\t\t\t\t\t\t\tmessage._id ??\n\t\t\t\t\t\t\t\t\t\t\t\t`${index}-${messageIdGenerator?.() ?? 'id'}`\n\t\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\t\t\tappType === GiftedChatAppType.Manifest\n\t\t\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\t\t: isMobile || isSmtp\n\t\t\t\t\t\t\t\t\t\t\t\t\t? { display: 'flex', flexGrow: 1, width: '100%' }\n\t\t\t\t\t\t\t\t\t\t\t\t\t: {}\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{renderMessageBubble(\n\t\t\t\t\t\t\t\t\t\t\t\tmessage,\n\t\t\t\t\t\t\t\t\t\t\t\tpreviousMessage,\n\t\t\t\t\t\t\t\t\t\t\t\tnextMessage,\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t\t\t\t{/* Right avatar or placeholder (for mobile, avatar is hidden) */}\n\t\t\t\t\t\t\t\t\t\t{!isMobile && position === 'right' && (\n\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\tmarginLeft: '4px',\n\t\t\t\t\t\t\t\t\t\t\t\t\twidth: '24px',\n\t\t\t\t\t\t\t\t\t\t\t\t\tflexShrink: 0,\n\t\t\t\t\t\t\t\t\t\t\t\t\talignSelf: 'flex-start',\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{renderMessageAvatar(\n\t\t\t\t\t\t\t\t\t\t\t\t\tmessage,\n\t\t\t\t\t\t\t\t\t\t\t\t\tpreviousMessage,\n\t\t\t\t\t\t\t\t\t\t\t\t\tnextMessage,\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</React.Fragment>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</div>\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":["COLLAPSED_MAX_HEIGHT","CollapsibleBubbleText","text","isExpanded","onToggle","textRef","useRef","isOverflowing","setIsOverflowing","useState","useEffect","el","overflows","jsxs","Fragment","jsx","BodySecondary","Button","GiftedChatInner","props","forwardedRef","messages","user","renderBubble","renderAvatar","renderDay","renderLoading","renderChatEmpty","listViewProps","renderAvatarOnTop","showUserAvatar","showAvatarForEveryMessage","inverted","messageIdGenerator","topThreshold","TOP_THRESHOLD","appType","GiftedChatAppType","maxHeight","isActivityMessage","extraProps","isMobile","useWindowSize","internalScrollRef","scrollRef","normalizeRef","scrollState","expandedMessages","setExpandedMessages","reversedMessages","useMemo","dayGroups","groups","message","index","previousMessage","isSameDay","scrollToBottom","useScrollToBottom","useImperativeHandle","useInitialMountScroll","useScrollCleanup","useRestoreScrollPosition","useAutoScrollOnNewMessages","useResizeObserverForFirstMessage","handleScroll","useScrollHandler","isUserMessage","useCallback","shouldShowAvatar","renderMessageBubble","nextMessage","position","isTopOfStack","isBottomOfStack","bubbleProps","messageId","COLORS","prev","next","renderMessageAvatar","group","groupIndex","Day","isSmtp","MESSAGE_CHANNELS","placement","getMessagePlacement","isCentered","shouldCenterAlign","isPrivateNote","Constants","isActivity","React","GiftedChat","forwardRef"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as m, jsx as t, Fragment as L } from "react/jsx-runtime";
|
|
2
2
|
import { useState as c, useEffect as o, useMemo as S } from "react";
|
|
3
3
|
import { CheckboxContainer as z, CheckboxIcon as M } from "./CheckBox.styled.js";
|
|
4
|
-
import { TitleSmall as C, BodyPrimary as f, BodySecondary as
|
|
4
|
+
import { TitleSmall as C, BodyPrimary as f, BodySecondary as s, BodyCaption as k, TitleRegular as P } from "../TypographyStyle.js";
|
|
5
5
|
import { COLORS as i } from "../../constants/Theme.js";
|
|
6
6
|
const B = (e) => {
|
|
7
7
|
const a = S(
|
|
@@ -76,33 +76,33 @@ const B = (e) => {
|
|
|
76
76
|
}
|
|
77
77
|
);
|
|
78
78
|
}, E = (e) => {
|
|
79
|
-
const [a, l] = c(e.isChecked || !1), [d,
|
|
79
|
+
const [a, l] = c(e.isChecked || !1), [d, h] = c(
|
|
80
80
|
e.isPartiallyChecked || !1
|
|
81
|
-
), [
|
|
81
|
+
), [n, w] = c(e.isDisabled || !1), [u, b] = c(!1), [v, x] = c(!1), g = (r) => {
|
|
82
82
|
if (!e.isDisabled) {
|
|
83
83
|
const y = !a;
|
|
84
|
-
d ?
|
|
84
|
+
d ? h(!d) : l(y), e.onValueChange?.(y, e.value, r);
|
|
85
85
|
}
|
|
86
86
|
};
|
|
87
87
|
o(() => {
|
|
88
88
|
l(e.isChecked);
|
|
89
89
|
}, [e.isChecked]), o(() => {
|
|
90
|
-
|
|
90
|
+
w(e.isDisabled || !1);
|
|
91
91
|
}, [e.isDisabled]), o(() => {
|
|
92
|
-
|
|
92
|
+
h(e.isPartiallyChecked || !1);
|
|
93
93
|
}, [e.isPartiallyChecked]);
|
|
94
94
|
const D = () => {
|
|
95
95
|
if (!e.label)
|
|
96
96
|
return /* @__PURE__ */ t(L, {});
|
|
97
97
|
if (e.labelTypography) {
|
|
98
|
-
const
|
|
98
|
+
const r = {
|
|
99
99
|
bodyCaption: k,
|
|
100
|
-
bodySecondary:
|
|
100
|
+
bodySecondary: s,
|
|
101
101
|
bodyPrimary: f,
|
|
102
102
|
titleSmall: C
|
|
103
103
|
}[e.labelTypography];
|
|
104
104
|
return /* @__PURE__ */ t(
|
|
105
|
-
|
|
105
|
+
r,
|
|
106
106
|
{
|
|
107
107
|
color: e.isDisabled ? i.text.disabled : i.text.primary,
|
|
108
108
|
children: e.label
|
|
@@ -128,13 +128,13 @@ const B = (e) => {
|
|
|
128
128
|
children: e.label
|
|
129
129
|
}
|
|
130
130
|
) : e.size === "SMALL" ? /* @__PURE__ */ t(
|
|
131
|
-
|
|
131
|
+
s,
|
|
132
132
|
{
|
|
133
133
|
color: e.isDisabled ? i.text.disabled : i.text.primary,
|
|
134
134
|
children: e.label
|
|
135
135
|
}
|
|
136
136
|
) : e.labelSize === "SMALL" ? /* @__PURE__ */ t(
|
|
137
|
-
|
|
137
|
+
s,
|
|
138
138
|
{
|
|
139
139
|
color: e.isDisabled ? i.text.disabled : i.text.primary,
|
|
140
140
|
children: e.label
|
|
@@ -155,7 +155,7 @@ const B = (e) => {
|
|
|
155
155
|
onMouseLeave: () => b(!1),
|
|
156
156
|
onMouseDown: () => x(!e.skipHoverState),
|
|
157
157
|
onMouseUp: () => x(!1),
|
|
158
|
-
isDisabled:
|
|
158
|
+
isDisabled: n,
|
|
159
159
|
enableHover: e.enableHover,
|
|
160
160
|
style: e.style ?? {},
|
|
161
161
|
children: [
|
|
@@ -163,17 +163,16 @@ const B = (e) => {
|
|
|
163
163
|
M,
|
|
164
164
|
{
|
|
165
165
|
checked: a,
|
|
166
|
-
hovered:
|
|
167
|
-
clicked:
|
|
168
|
-
isDisabled:
|
|
166
|
+
hovered: u,
|
|
167
|
+
clicked: v,
|
|
168
|
+
isDisabled: n,
|
|
169
169
|
size: e.size,
|
|
170
170
|
borderColor: e.checkboxBorderColor,
|
|
171
|
-
activeColor: e.activeColor,
|
|
172
171
|
children: a && /* @__PURE__ */ t(
|
|
173
172
|
B,
|
|
174
173
|
{
|
|
175
174
|
isPartial: d || !1,
|
|
176
|
-
isDisabled:
|
|
175
|
+
isDisabled: n,
|
|
177
176
|
size: e.size,
|
|
178
177
|
activeColor: e?.activeColor
|
|
179
178
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBox.js","sources":["../../../../src/components/checkBox/CheckBox.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport {\n\tCheckboxContainer,\n\tCheckboxIcon,\n} from '@src/components/checkBox/CheckBox.styled';\nimport {\n\tBodyCaption,\n\tBodyPrimary,\n\tBodySecondary,\n\tTitleRegular,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport type CheckBoxProps = {\n\tisChecked: boolean;\n\tisPartiallyChecked?: boolean;\n\tisDisabled?: boolean;\n\tvalue?: string;\n\tonValueChange: (\n\t\tchecked: boolean,\n\t\tvalue?: string,\n\t\tevent?: React.MouseEvent,\n\t) => void;\n\tlabel?: string;\n\tsize?: 'DEFAULT' | 'SMALL' | 'XS';\n\tskipHoverState?: boolean;\n\tlabelSize?: 'DEFAULT' | 'SMALL';\n\trightComponent?: JSX.Element;\n\tcheckboxBorderColor?: string;\n\tboldOnChecked?: boolean;\n\tbold?: boolean;\n\tstyle?: React.CSSProperties;\n\tenableHover?: boolean;\n\tactiveColor?: string;\n\tlabelTypography?:\n\t\t| 'bodyCaption'\n\t\t| 'bodySecondary'\n\t\t| 'bodyPrimary'\n\t\t| 'titleSmall';\n};\n\nconst CheckMark: React.FC<{\n\tisPartial: boolean;\n\tisDisabled: boolean;\n\tsize?: 'DEFAULT' | 'SMALL' | 'XS';\n\tactiveColor?: string;\n}> = (props) => {\n\tconst fillColor = useMemo(\n\t\t() => props.activeColor || COLORS.background.positive.vibrant,\n\t\t[props.activeColor],\n\t);\n\n\t// Box (and inner check) dimensions per size — XS renders a 12x12 mark.\n\tconst dims =\n\t\tprops.size === 'XS'\n\t\t\t? {\n\t\t\t\t\tbox: 12,\n\t\t\t\t\tcheck: { w: 6, h: 5, x: 3, y: 3.5 },\n\t\t\t\t\tpartial: { x: 3, y: 5, w: 6 },\n\t\t\t }\n\t\t\t: props.size === 'SMALL'\n\t\t\t? {\n\t\t\t\t\tbox: 16,\n\t\t\t\t\tcheck: { w: 8, h: 7, x: 4, y: 4 },\n\t\t\t\t\tpartial: { x: 5, y: 7, w: 6 },\n\t\t\t }\n\t\t\t: {\n\t\t\t\t\tbox: 18,\n\t\t\t\t\tcheck: { w: 10, h: 9, x: 4, y: 4 },\n\t\t\t\t\tpartial: { x: 5, y: 8, w: 8 },\n\t\t\t };\n\n\treturn (\n\t\t<svg\n\t\t\twidth={dims.box}\n\t\t\theight={dims.box}\n\t\t\tviewBox={`0 0 ${dims.box} ${dims.box}`}\n\t\t\tfill=\"none\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t>\n\t\t\t<rect\n\t\t\t\tx=\"0\"\n\t\t\t\ty=\"0\"\n\t\t\t\twidth={dims.box}\n\t\t\t\theight={dims.box}\n\t\t\t\trx=\"4\"\n\t\t\t\tfill={props.isDisabled ? COLORS.content.inactive : fillColor}\n\t\t\t/>\n\t\t\t{!props.isPartial && (\n\t\t\t\t<svg\n\t\t\t\t\twidth={dims.check.w}\n\t\t\t\t\theight={dims.check.h}\n\t\t\t\t\tx={dims.check.x}\n\t\t\t\t\ty={dims.check.y}\n\t\t\t\t\tviewBox=\"0 0 10 9\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\tfillRule=\"evenodd\"\n\t\t\t\t\t\tclipRule=\"evenodd\"\n\t\t\t\t\t\td=\"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z\"\n\t\t\t\t\t\tfill=\"white\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t)}\n\t\t\t{props.isPartial && (\n\t\t\t\t<rect\n\t\t\t\t\tx={dims.partial.x}\n\t\t\t\t\ty={dims.partial.y}\n\t\t\t\t\twidth={dims.partial.w}\n\t\t\t\t\theight=\"2\"\n\t\t\t\t\trx=\"1\"\n\t\t\t\t\tfill={COLORS.surface.standard}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</svg>\n\t);\n};\n\nexport const CheckBox: React.FC<CheckBoxProps> = (props) => {\n\tconst [isChecked, setIsChecked] = useState(props.isChecked || false);\n\tconst [isPartiallyChecked, setIsPartiallyChecked] = useState(\n\t\tprops.isPartiallyChecked || false,\n\t);\n\tconst [isDisabled, setIsDisabled] = useState(props.isDisabled || false);\n\tconst [isHovered, setIsHovered] = useState(false);\n\tconst [isClicked, setIsClicked] = useState(false);\n\n\tconst handleCheck = (event: React.MouseEvent) => {\n\t\tif (!props.isDisabled) {\n\t\t\tconst newVal = !isChecked;\n\t\t\tif (isPartiallyChecked) {\n\t\t\t\tsetIsPartiallyChecked(!isPartiallyChecked);\n\t\t\t} else {\n\t\t\t\tsetIsChecked(newVal);\n\t\t\t}\n\t\t\tprops.onValueChange?.(newVal, props.value, event);\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tsetIsChecked(props.isChecked);\n\t}, [props.isChecked]);\n\n\tuseEffect(() => {\n\t\tsetIsDisabled(props.isDisabled || false);\n\t}, [props.isDisabled]);\n\n\tuseEffect(() => {\n\t\tsetIsPartiallyChecked(props.isPartiallyChecked || false);\n\t}, [props.isPartiallyChecked]);\n\n\tconst renderLabel = () => {\n\t\tif (!props.label) {\n\t\t\treturn <></>;\n\t\t}\n\n\t\tif (props.labelTypography) {\n\t\t\tconst LabelTypography = {\n\t\t\t\tbodyCaption: BodyCaption,\n\t\t\t\tbodySecondary: BodySecondary,\n\t\t\t\tbodyPrimary: BodyPrimary,\n\t\t\t\ttitleSmall: TitleSmall,\n\t\t\t}[props.labelTypography];\n\t\t\treturn (\n\t\t\t\t<LabelTypography\n\t\t\t\t\tcolor={props.isDisabled ? COLORS.text.disabled : COLORS.text.primary}\n\t\t\t\t>\n\t\t\t\t\t{props.label}\n\t\t\t\t</LabelTypography>\n\t\t\t);\n\t\t}\n\n\t\tif (props.size === 'XS') {\n\t\t\treturn (\n\t\t\t\t<BodyCaption\n\t\t\t\t\tcolor={props.isDisabled ? COLORS.text.disabled : COLORS.text.primary}\n\t\t\t\t>\n\t\t\t\t\t{props.label}\n\t\t\t\t</BodyCaption>\n\t\t\t);\n\t\t}\n\n\t\tif ((props.boldOnChecked && isChecked) || props.bold) {\n\t\t\tif (props.labelSize === 'DEFAULT') {\n\t\t\t\treturn (\n\t\t\t\t\t<TitleRegular\n\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\tprops.isDisabled ? COLORS.text.disabled : COLORS.text.primary\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.label}\n\t\t\t\t\t</TitleRegular>\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t<TitleSmall\n\t\t\t\t\tcolor={props.isDisabled ? COLORS.text.disabled : COLORS.text.primary}\n\t\t\t\t>\n\t\t\t\t\t{props.label}\n\t\t\t\t</TitleSmall>\n\t\t\t);\n\t\t}\n\n\t\tif (props.size === 'SMALL') {\n\t\t\treturn (\n\t\t\t\t<BodySecondary\n\t\t\t\t\tcolor={props.isDisabled ? COLORS.text.disabled : COLORS.text.primary}\n\t\t\t\t>\n\t\t\t\t\t{props.label}\n\t\t\t\t</BodySecondary>\n\t\t\t);\n\t\t}\n\n\t\tif (props.labelSize === 'SMALL') {\n\t\t\treturn (\n\t\t\t\t<BodySecondary\n\t\t\t\t\tcolor={props.isDisabled ? COLORS.text.disabled : COLORS.text.primary}\n\t\t\t\t>\n\t\t\t\t\t{props.label}\n\t\t\t\t</BodySecondary>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<BodyPrimary\n\t\t\t\tcolor={props.isDisabled ? COLORS.text.disabled : COLORS.text.primary}\n\t\t\t>\n\t\t\t\t{props.label}\n\t\t\t</BodyPrimary>\n\t\t);\n\t};\n\n\treturn (\n\t\t<CheckboxContainer\n\t\t\tonClick={handleCheck}\n\t\t\tonMouseEnter={() => setIsHovered(!props.skipHoverState)}\n\t\t\tonMouseLeave={() => setIsHovered(false)}\n\t\t\tonMouseDown={() => setIsClicked(!props.skipHoverState)}\n\t\t\tonMouseUp={() => setIsClicked(false)}\n\t\t\tisDisabled={isDisabled}\n\t\t\tenableHover={props.enableHover}\n\t\t\tstyle={props.style ?? {}}\n\t\t>\n\t\t\t<CheckboxIcon\n\t\t\t\tchecked={isChecked}\n\t\t\t\thovered={isHovered}\n\t\t\t\tclicked={isClicked}\n\t\t\t\tisDisabled={isDisabled}\n\t\t\t\tsize={props.size}\n\t\t\t\tborderColor={props.checkboxBorderColor}\n\t\t\t\tactiveColor={props.activeColor}\n\t\t\t>\n\t\t\t\t{isChecked && (\n\t\t\t\t\t<CheckMark\n\t\t\t\t\t\tisPartial={isPartiallyChecked || false}\n\t\t\t\t\t\tisDisabled={isDisabled}\n\t\t\t\t\t\tsize={props.size}\n\t\t\t\t\t\tactiveColor={props?.activeColor}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</CheckboxIcon>\n\t\t\t{renderLabel()}\n\t\t\t{props.rightComponent}\n\t\t</CheckboxContainer>\n\t);\n};\n"],"names":["CheckMark","props","fillColor","useMemo","COLORS","dims","jsxs","jsx","CheckBox","isChecked","setIsChecked","useState","isPartiallyChecked","setIsPartiallyChecked","isDisabled","setIsDisabled","isHovered","setIsHovered","isClicked","setIsClicked","handleCheck","event","newVal","useEffect","renderLabel","Fragment","LabelTypography","BodyCaption","BodySecondary","BodyPrimary","TitleSmall","TitleRegular","CheckboxContainer","CheckboxIcon"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"CheckBox.js","sources":["../../../../src/components/checkBox/CheckBox.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport {\n\tCheckboxContainer,\n\tCheckboxIcon,\n} from '@src/components/checkBox/CheckBox.styled';\nimport {\n\tBodyCaption,\n\tBodyPrimary,\n\tBodySecondary,\n\tTitleRegular,\n\tTitleSmall,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\n\nexport type CheckBoxProps = {\n\tisChecked: boolean;\n\tisPartiallyChecked?: boolean;\n\tisDisabled?: boolean;\n\tvalue?: string;\n\tonValueChange: (\n\t\tchecked: boolean,\n\t\tvalue?: string,\n\t\tevent?: React.MouseEvent,\n\t) => void;\n\tlabel?: string;\n\tsize?: 'DEFAULT' | 'SMALL' | 'XS';\n\tskipHoverState?: boolean;\n\tlabelSize?: 'DEFAULT' | 'SMALL';\n\trightComponent?: JSX.Element;\n\tcheckboxBorderColor?: string;\n\tboldOnChecked?: boolean;\n\tbold?: boolean;\n\tstyle?: React.CSSProperties;\n\tenableHover?: boolean;\n\tactiveColor?: string;\n\tlabelTypography?:\n\t\t| 'bodyCaption'\n\t\t| 'bodySecondary'\n\t\t| 'bodyPrimary'\n\t\t| 'titleSmall';\n};\n\nconst CheckMark: React.FC<{\n\tisPartial: boolean;\n\tisDisabled: boolean;\n\tsize?: 'DEFAULT' | 'SMALL' | 'XS';\n\tactiveColor?: string;\n}> = (props) => {\n\tconst fillColor = useMemo(\n\t\t() => props.activeColor || COLORS.background.positive.vibrant,\n\t\t[props.activeColor],\n\t);\n\n\t// Box (and inner check) dimensions per size — XS renders a 12x12 mark.\n\tconst dims =\n\t\tprops.size === 'XS'\n\t\t\t? {\n\t\t\t\t\tbox: 12,\n\t\t\t\t\tcheck: { w: 6, h: 5, x: 3, y: 3.5 },\n\t\t\t\t\tpartial: { x: 3, y: 5, w: 6 },\n\t\t\t }\n\t\t\t: props.size === 'SMALL'\n\t\t\t? {\n\t\t\t\t\tbox: 16,\n\t\t\t\t\tcheck: { w: 8, h: 7, x: 4, y: 4 },\n\t\t\t\t\tpartial: { x: 5, y: 7, w: 6 },\n\t\t\t }\n\t\t\t: {\n\t\t\t\t\tbox: 18,\n\t\t\t\t\tcheck: { w: 10, h: 9, x: 4, y: 4 },\n\t\t\t\t\tpartial: { x: 5, y: 8, w: 8 },\n\t\t\t };\n\n\treturn (\n\t\t<svg\n\t\t\twidth={dims.box}\n\t\t\theight={dims.box}\n\t\t\tviewBox={`0 0 ${dims.box} ${dims.box}`}\n\t\t\tfill=\"none\"\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t>\n\t\t\t<rect\n\t\t\t\tx=\"0\"\n\t\t\t\ty=\"0\"\n\t\t\t\twidth={dims.box}\n\t\t\t\theight={dims.box}\n\t\t\t\trx=\"4\"\n\t\t\t\tfill={props.isDisabled ? COLORS.content.inactive : fillColor}\n\t\t\t/>\n\t\t\t{!props.isPartial && (\n\t\t\t\t<svg\n\t\t\t\t\twidth={dims.check.w}\n\t\t\t\t\theight={dims.check.h}\n\t\t\t\t\tx={dims.check.x}\n\t\t\t\t\ty={dims.check.y}\n\t\t\t\t\tviewBox=\"0 0 10 9\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t>\n\t\t\t\t\t<path\n\t\t\t\t\t\tfillRule=\"evenodd\"\n\t\t\t\t\t\tclipRule=\"evenodd\"\n\t\t\t\t\t\td=\"M9.68189 1.06043C10.0724 1.45096 10.0724 2.08412 9.68189 2.47464L4.02501 8.13152C3.63449 8.52205 3.00132 8.52205 2.6108 8.13152L0.489684 6.01041C0.0991601 5.61988 0.0991598 4.98672 0.489684 4.59619C0.880209 4.20567 1.51337 4.20567 1.9039 4.59619L3.31791 6.0102L8.26768 1.06043C8.6582 0.669907 9.29137 0.669907 9.68189 1.06043Z\"\n\t\t\t\t\t\tfill=\"white\"\n\t\t\t\t\t/>\n\t\t\t\t</svg>\n\t\t\t)}\n\t\t\t{props.isPartial && (\n\t\t\t\t<rect\n\t\t\t\t\tx={dims.partial.x}\n\t\t\t\t\ty={dims.partial.y}\n\t\t\t\t\twidth={dims.partial.w}\n\t\t\t\t\theight=\"2\"\n\t\t\t\t\trx=\"1\"\n\t\t\t\t\tfill={COLORS.surface.standard}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</svg>\n\t);\n};\n\nexport const CheckBox: React.FC<CheckBoxProps> = (props) => {\n\tconst [isChecked, setIsChecked] = useState(props.isChecked || false);\n\tconst [isPartiallyChecked, setIsPartiallyChecked] = useState(\n\t\tprops.isPartiallyChecked || false,\n\t);\n\tconst [isDisabled, setIsDisabled] = useState(props.isDisabled || false);\n\tconst [isHovered, setIsHovered] = useState(false);\n\tconst [isClicked, setIsClicked] = useState(false);\n\n\tconst handleCheck = (event: React.MouseEvent) => {\n\t\tif (!props.isDisabled) {\n\t\t\tconst newVal = !isChecked;\n\t\t\tif (isPartiallyChecked) {\n\t\t\t\tsetIsPartiallyChecked(!isPartiallyChecked);\n\t\t\t} else {\n\t\t\t\tsetIsChecked(newVal);\n\t\t\t}\n\t\t\tprops.onValueChange?.(newVal, props.value, event);\n\t\t}\n\t};\n\n\tuseEffect(() => {\n\t\tsetIsChecked(props.isChecked);\n\t}, [props.isChecked]);\n\n\tuseEffect(() => {\n\t\tsetIsDisabled(props.isDisabled || false);\n\t}, [props.isDisabled]);\n\n\tuseEffect(() => {\n\t\tsetIsPartiallyChecked(props.isPartiallyChecked || false);\n\t}, [props.isPartiallyChecked]);\n\n\tconst renderLabel = () => {\n\t\tif (!props.label) {\n\t\t\treturn <></>;\n\t\t}\n\n\t\tif (props.labelTypography) {\n\t\t\tconst LabelTypography = {\n\t\t\t\tbodyCaption: BodyCaption,\n\t\t\t\tbodySecondary: BodySecondary,\n\t\t\t\tbodyPrimary: BodyPrimary,\n\t\t\t\ttitleSmall: TitleSmall,\n\t\t\t}[props.labelTypography];\n\t\t\treturn (\n\t\t\t\t<LabelTypography\n\t\t\t\t\tcolor={props.isDisabled ? COLORS.text.disabled : COLORS.text.primary}\n\t\t\t\t>\n\t\t\t\t\t{props.label}\n\t\t\t\t</LabelTypography>\n\t\t\t);\n\t\t}\n\n\t\tif (props.size === 'XS') {\n\t\t\treturn (\n\t\t\t\t<BodyCaption\n\t\t\t\t\tcolor={props.isDisabled ? COLORS.text.disabled : COLORS.text.primary}\n\t\t\t\t>\n\t\t\t\t\t{props.label}\n\t\t\t\t</BodyCaption>\n\t\t\t);\n\t\t}\n\n\t\tif ((props.boldOnChecked && isChecked) || props.bold) {\n\t\t\tif (props.labelSize === 'DEFAULT') {\n\t\t\t\treturn (\n\t\t\t\t\t<TitleRegular\n\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\tprops.isDisabled ? COLORS.text.disabled : COLORS.text.primary\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{props.label}\n\t\t\t\t\t</TitleRegular>\n\t\t\t\t);\n\t\t\t}\n\t\t\treturn (\n\t\t\t\t<TitleSmall\n\t\t\t\t\tcolor={props.isDisabled ? COLORS.text.disabled : COLORS.text.primary}\n\t\t\t\t>\n\t\t\t\t\t{props.label}\n\t\t\t\t</TitleSmall>\n\t\t\t);\n\t\t}\n\n\t\tif (props.size === 'SMALL') {\n\t\t\treturn (\n\t\t\t\t<BodySecondary\n\t\t\t\t\tcolor={props.isDisabled ? COLORS.text.disabled : COLORS.text.primary}\n\t\t\t\t>\n\t\t\t\t\t{props.label}\n\t\t\t\t</BodySecondary>\n\t\t\t);\n\t\t}\n\n\t\tif (props.labelSize === 'SMALL') {\n\t\t\treturn (\n\t\t\t\t<BodySecondary\n\t\t\t\t\tcolor={props.isDisabled ? COLORS.text.disabled : COLORS.text.primary}\n\t\t\t\t>\n\t\t\t\t\t{props.label}\n\t\t\t\t</BodySecondary>\n\t\t\t);\n\t\t}\n\n\t\treturn (\n\t\t\t<BodyPrimary\n\t\t\t\tcolor={props.isDisabled ? COLORS.text.disabled : COLORS.text.primary}\n\t\t\t>\n\t\t\t\t{props.label}\n\t\t\t</BodyPrimary>\n\t\t);\n\t};\n\n\treturn (\n\t\t<CheckboxContainer\n\t\t\tonClick={handleCheck}\n\t\t\tonMouseEnter={() => setIsHovered(!props.skipHoverState)}\n\t\t\tonMouseLeave={() => setIsHovered(false)}\n\t\t\tonMouseDown={() => setIsClicked(!props.skipHoverState)}\n\t\t\tonMouseUp={() => setIsClicked(false)}\n\t\t\tisDisabled={isDisabled}\n\t\t\tenableHover={props.enableHover}\n\t\t\tstyle={props.style ?? {}}\n\t\t>\n\t\t\t<CheckboxIcon\n\t\t\t\tchecked={isChecked}\n\t\t\t\thovered={isHovered}\n\t\t\t\tclicked={isClicked}\n\t\t\t\tisDisabled={isDisabled}\n\t\t\t\tsize={props.size}\n\t\t\t\tborderColor={props.checkboxBorderColor}\n\t\t\t>\n\t\t\t\t{isChecked && (\n\t\t\t\t\t<CheckMark\n\t\t\t\t\t\tisPartial={isPartiallyChecked || false}\n\t\t\t\t\t\tisDisabled={isDisabled}\n\t\t\t\t\t\tsize={props.size}\n\t\t\t\t\t\tactiveColor={props?.activeColor}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</CheckboxIcon>\n\t\t\t{renderLabel()}\n\t\t\t{props.rightComponent}\n\t\t</CheckboxContainer>\n\t);\n};\n"],"names":["CheckMark","props","fillColor","useMemo","COLORS","dims","jsxs","jsx","CheckBox","isChecked","setIsChecked","useState","isPartiallyChecked","setIsPartiallyChecked","isDisabled","setIsDisabled","isHovered","setIsHovered","isClicked","setIsClicked","handleCheck","event","newVal","useEffect","renderLabel","Fragment","LabelTypography","BodyCaption","BodySecondary","BodyPrimary","TitleSmall","TitleRegular","CheckboxContainer","CheckboxIcon"],"mappings":";;;;;AA0CA,MAAMA,IAKD,CAACC,MAAU;AACf,QAAMC,IAAYC;AAAA,IACjB,MAAMF,EAAM,eAAeG,EAAO,WAAW,SAAS;AAAA,IACtD,CAACH,EAAM,WAAW;AAAA,EAAA,GAIbI,IACLJ,EAAM,SAAS,OACZ;AAAA,IACA,KAAK;AAAA,IACL,OAAO,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAA;AAAA,IAC9B,SAAS,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,EAAA;AAAA,EAAE,IAE5BA,EAAM,SAAS,UACf;AAAA,IACA,KAAK;AAAA,IACL,OAAO,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAA;AAAA,IAC9B,SAAS,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,EAAA;AAAA,EAAE,IAE5B;AAAA,IACA,KAAK;AAAA,IACL,OAAO,EAAE,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,EAAA;AAAA,IAC/B,SAAS,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,EAAA;AAAA,EAAE;AAGhC,SACC,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,OAAOD,EAAK;AAAA,MACZ,QAAQA,EAAK;AAAA,MACb,SAAS,OAAOA,EAAK,GAAG,IAAIA,EAAK,GAAG;AAAA,MACpC,MAAK;AAAA,MACL,OAAM;AAAA,MAEN,UAAA;AAAA,QAAA,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,GAAE;AAAA,YACF,GAAE;AAAA,YACF,OAAOF,EAAK;AAAA,YACZ,QAAQA,EAAK;AAAA,YACb,IAAG;AAAA,YACH,MAAMJ,EAAM,aAAaG,EAAO,QAAQ,WAAWF;AAAA,UAAA;AAAA,QAAA;AAAA,QAEnD,CAACD,EAAM,aACP,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,OAAOF,EAAK,MAAM;AAAA,YAClB,QAAQA,EAAK,MAAM;AAAA,YACnB,GAAGA,EAAK,MAAM;AAAA,YACd,GAAGA,EAAK,MAAM;AAAA,YACd,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,OAAM;AAAA,YAEN,UAAA,gBAAAE;AAAA,cAAC;AAAA,cAAA;AAAA,gBACA,UAAS;AAAA,gBACT,UAAS;AAAA,gBACT,GAAE;AAAA,gBACF,MAAK;AAAA,cAAA;AAAA,YAAA;AAAA,UACN;AAAA,QAAA;AAAA,QAGDN,EAAM,aACN,gBAAAM;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,GAAGF,EAAK,QAAQ;AAAA,YAChB,GAAGA,EAAK,QAAQ;AAAA,YAChB,OAAOA,EAAK,QAAQ;AAAA,YACpB,QAAO;AAAA,YACP,IAAG;AAAA,YACH,MAAMD,EAAO,QAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MACtB;AAAA,IAAA;AAAA,EAAA;AAIJ,GAEaI,IAAoC,CAACP,MAAU;AAC3D,QAAM,CAACQ,GAAWC,CAAY,IAAIC,EAASV,EAAM,aAAa,EAAK,GAC7D,CAACW,GAAoBC,CAAqB,IAAIF;AAAA,IACnDV,EAAM,sBAAsB;AAAA,EAAA,GAEvB,CAACa,GAAYC,CAAa,IAAIJ,EAASV,EAAM,cAAc,EAAK,GAChE,CAACe,GAAWC,CAAY,IAAIN,EAAS,EAAK,GAC1C,CAACO,GAAWC,CAAY,IAAIR,EAAS,EAAK,GAE1CS,IAAc,CAACC,MAA4B;AAChD,QAAI,CAACpB,EAAM,YAAY;AACtB,YAAMqB,IAAS,CAACb;AAChB,MAAIG,IACHC,EAAsB,CAACD,CAAkB,IAEzCF,EAAaY,CAAM,GAEpBrB,EAAM,gBAAgBqB,GAAQrB,EAAM,OAAOoB,CAAK;AAAA,IACjD;AAAA,EACD;AAEA,EAAAE,EAAU,MAAM;AACf,IAAAb,EAAaT,EAAM,SAAS;AAAA,EAC7B,GAAG,CAACA,EAAM,SAAS,CAAC,GAEpBsB,EAAU,MAAM;AACf,IAAAR,EAAcd,EAAM,cAAc,EAAK;AAAA,EACxC,GAAG,CAACA,EAAM,UAAU,CAAC,GAErBsB,EAAU,MAAM;AACf,IAAAV,EAAsBZ,EAAM,sBAAsB,EAAK;AAAA,EACxD,GAAG,CAACA,EAAM,kBAAkB,CAAC;AAE7B,QAAMuB,IAAc,MAAM;AACzB,QAAI,CAACvB,EAAM;AACV,aAAO,gBAAAM,EAAAkB,GAAA,EAAE;AAGV,QAAIxB,EAAM,iBAAiB;AAC1B,YAAMyB,IAAkB;AAAA,QACvB,aAAaC;AAAA,QACb,eAAeC;AAAA,QACf,aAAaC;AAAA,QACb,YAAYC;AAAA,MAAA,EACX7B,EAAM,eAAe;AACvB,aACC,gBAAAM;AAAA,QAACmB;AAAA,QAAA;AAAA,UACA,OAAOzB,EAAM,aAAaG,EAAO,KAAK,WAAWA,EAAO,KAAK;AAAA,UAE5D,UAAAH,EAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAGV;AAEA,WAAIA,EAAM,SAAS,OAEjB,gBAAAM;AAAA,MAACoB;AAAA,MAAA;AAAA,QACA,OAAO1B,EAAM,aAAaG,EAAO,KAAK,WAAWA,EAAO,KAAK;AAAA,QAE5D,UAAAH,EAAM;AAAA,MAAA;AAAA,IAAA,IAKLA,EAAM,iBAAiBQ,KAAcR,EAAM,OAC3CA,EAAM,cAAc,YAEtB,gBAAAM;AAAA,MAACwB;AAAA,MAAA;AAAA,QACA,OACC9B,EAAM,aAAaG,EAAO,KAAK,WAAWA,EAAO,KAAK;AAAA,QAGtD,UAAAH,EAAM;AAAA,MAAA;AAAA,IAAA,IAKT,gBAAAM;AAAA,MAACuB;AAAA,MAAA;AAAA,QACA,OAAO7B,EAAM,aAAaG,EAAO,KAAK,WAAWA,EAAO,KAAK;AAAA,QAE5D,UAAAH,EAAM;AAAA,MAAA;AAAA,IAAA,IAKNA,EAAM,SAAS,UAEjB,gBAAAM;AAAA,MAACqB;AAAA,MAAA;AAAA,QACA,OAAO3B,EAAM,aAAaG,EAAO,KAAK,WAAWA,EAAO,KAAK;AAAA,QAE5D,UAAAH,EAAM;AAAA,MAAA;AAAA,IAAA,IAKNA,EAAM,cAAc,UAEtB,gBAAAM;AAAA,MAACqB;AAAA,MAAA;AAAA,QACA,OAAO3B,EAAM,aAAaG,EAAO,KAAK,WAAWA,EAAO,KAAK;AAAA,QAE5D,UAAAH,EAAM;AAAA,MAAA;AAAA,IAAA,IAMT,gBAAAM;AAAA,MAACsB;AAAA,MAAA;AAAA,QACA,OAAO5B,EAAM,aAAaG,EAAO,KAAK,WAAWA,EAAO,KAAK;AAAA,QAE5D,UAAAH,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AAEA,SACC,gBAAAK;AAAA,IAAC0B;AAAA,IAAA;AAAA,MACA,SAASZ;AAAA,MACT,cAAc,MAAMH,EAAa,CAAChB,EAAM,cAAc;AAAA,MACtD,cAAc,MAAMgB,EAAa,EAAK;AAAA,MACtC,aAAa,MAAME,EAAa,CAAClB,EAAM,cAAc;AAAA,MACrD,WAAW,MAAMkB,EAAa,EAAK;AAAA,MACnC,YAAAL;AAAA,MACA,aAAab,EAAM;AAAA,MACnB,OAAOA,EAAM,SAAS,CAAA;AAAA,MAEtB,UAAA;AAAA,QAAA,gBAAAM;AAAA,UAAC0B;AAAA,UAAA;AAAA,YACA,SAASxB;AAAA,YACT,SAASO;AAAA,YACT,SAASE;AAAA,YACT,YAAAJ;AAAA,YACA,MAAMb,EAAM;AAAA,YACZ,aAAaA,EAAM;AAAA,YAElB,UAAAQ,KACA,gBAAAF;AAAA,cAACP;AAAA,cAAA;AAAA,gBACA,WAAWY,KAAsB;AAAA,gBACjC,YAAAE;AAAA,gBACA,MAAMb,EAAM;AAAA,gBACZ,aAAaA,GAAO;AAAA,cAAA;AAAA,YAAA;AAAA,UACrB;AAAA,QAAA;AAAA,QAGDuB,EAAA;AAAA,QACAvB,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGV;"}
|
|
@@ -37,7 +37,7 @@ const s = t.div`
|
|
|
37
37
|
`}
|
|
38
38
|
${(e) => e.clicked && !e.isDisabled && i`
|
|
39
39
|
outline: 3px solid
|
|
40
|
-
${e.checked ?
|
|
40
|
+
${e.checked ? o.stroke.positive.lightAlt : o.surface.hovered};
|
|
41
41
|
outline-offset: 2px;
|
|
42
42
|
`}
|
|
43
43
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBox.styled.js","sources":["../../../../src/components/checkBox/CheckBox.styled.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const CheckboxContainer = styled.div<{\n\tisDisabled?: boolean;\n\tenableHover?: boolean;\n}>`\n\tdisplay: inline-flex;\n\tgap: 8px;\n\talign-items: center;\n\tcursor: ${(props) => (props.isDisabled ? 'default' : 'pointer')};\n\t${(props) =>\n\t\tprops.enableHover &&\n\t\tcss`\n\t\t\t:hover {\n\t\t\t\tbackground: ${COLORS.surface.subdued};\n\t\t\t}\n\t\t`}\n`;\n\nexport const CheckboxIcon = styled.div<{\n\tchecked: boolean;\n\thovered: boolean;\n\tclicked: boolean;\n\tisDisabled: boolean;\n\tsize?: 'SMALL' | 'DEFAULT' | 'XS';\n\tborderColor?: string;\n
|
|
1
|
+
{"version":3,"file":"CheckBox.styled.js","sources":["../../../../src/components/checkBox/CheckBox.styled.tsx"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { COLORS } from '@src/constants/Theme';\n\nexport const CheckboxContainer = styled.div<{\n\tisDisabled?: boolean;\n\tenableHover?: boolean;\n}>`\n\tdisplay: inline-flex;\n\tgap: 8px;\n\talign-items: center;\n\tcursor: ${(props) => (props.isDisabled ? 'default' : 'pointer')};\n\t${(props) =>\n\t\tprops.enableHover &&\n\t\tcss`\n\t\t\t:hover {\n\t\t\t\tbackground: ${COLORS.surface.subdued};\n\t\t\t}\n\t\t`}\n`;\n\nexport const CheckboxIcon = styled.div<{\n\tchecked: boolean;\n\thovered: boolean;\n\tclicked: boolean;\n\tisDisabled: boolean;\n\tsize?: 'SMALL' | 'DEFAULT' | 'XS';\n\tborderColor?: string;\n}>`\n\twidth: ${(props) => (props.size === 'DEFAULT' ? 14 : 12)}px;\n\theight: ${(props) => (props.size === 'DEFAULT' ? 14 : 12)}px;\n\tborder-radius: 4px;\n\tborder: 2px solid black;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\t/* XS is a true 12x12 box (border drawn inside); other sizes keep content-box. */\n\tbox-sizing: ${(props) => (props.size === 'XS' ? 'border-box' : 'content-box')};\n\t${(props) =>\n\t\tprops.isDisabled\n\t\t\t? css`\n\t\t\t\t\tborder: ${props.size === 'DEFAULT' ? 2 : 1.5}px solid\n\t\t\t\t\t\t${COLORS.content.inactive};\n\t\t\t `\n\t\t\t: css`\n\t\t\t\t\tborder: ${props.size === 'DEFAULT' ? 2 : 1.5}px solid\n\t\t\t\t\t\t${props.borderColor ?? 'black'};\n\t\t\t `}\n\t${(props) =>\n\t\tprops.checked &&\n\t\tcss`\n\t\t\tborder: 0px;\n\t\t\twidth: ${props.size === 'XS' ? 12 : 18}px;\n\t\t\theight: ${props.size === 'XS' ? 12 : 18}px;\n\t\t`}\n\t${(props) =>\n\t\tprops.hovered &&\n\t\tcss`\n\t\t\toutline: 3px solid ${COLORS.surface.hovered};\n\t\t`}\n\t${(props) =>\n\t\tprops.clicked &&\n\t\t!props.isDisabled &&\n\t\tcss`\n\t\t\toutline: 3px solid\n\t\t\t\t${props.checked\n\t\t\t\t\t? COLORS.stroke.positive.lightAlt\n\t\t\t\t\t: COLORS.surface.hovered};\n\t\t\toutline-offset: 2px;\n\t\t`}\n`;\n"],"names":["CheckboxContainer","styled","props","css","COLORS","CheckboxIcon"],"mappings":";;AAGO,MAAMA,IAAoBC,EAAO;AAAA;AAAA;AAAA;AAAA,WAO7B,CAACC,MAAWA,EAAM,aAAa,YAAY,SAAU;AAAA,GAC7D,CAACA,MACFA,EAAM,eACNC;AAAA;AAAA,kBAEgBC,EAAO,QAAQ,OAAO;AAAA;AAAA,GAErC;AAAA,GAGUC,IAAeJ,EAAO;AAAA,UAQzB,CAACC,MAAWA,EAAM,SAAS,YAAY,KAAK,EAAG;AAAA,WAC9C,CAACA,MAAWA,EAAM,SAAS,YAAY,KAAK,EAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAO3C,CAACA,MAAWA,EAAM,SAAS,OAAO,eAAe,aAAc;AAAA,GAC3E,CAACA,MACFA,EAAM,aACHC;AAAA,eACUD,EAAM,SAAS,YAAY,IAAI,GAAG;AAAA,QACzCE,EAAO,QAAQ,QAAQ;AAAA,SAE1BD;AAAA,eACUD,EAAM,SAAS,YAAY,IAAI,GAAG;AAAA,QACzCA,EAAM,eAAe,OAAO;AAAA,MAC9B;AAAA,GACH,CAACA,MACFA,EAAM,WACNC;AAAA;AAAA,YAEUD,EAAM,SAAS,OAAO,KAAK,EAAE;AAAA,aAC5BA,EAAM,SAAS,OAAO,KAAK,EAAE;AAAA,GACvC;AAAA,GACA,CAACA,MACFA,EAAM,WACNC;AAAA,wBACsBC,EAAO,QAAQ,OAAO;AAAA,GAC3C;AAAA,GACA,CAACF,MACFA,EAAM,WACN,CAACA,EAAM,cACPC;AAAA;AAAA,MAEID,EAAM,UACLE,EAAO,OAAO,SAAS,WACvBA,EAAO,QAAQ,OAAO;AAAA;AAAA,GAE1B;AAAA;"}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { jsxs as m, Fragment as
|
|
2
|
-
import { useState as s, useEffect as
|
|
3
|
-
import
|
|
1
|
+
import { jsxs as m, Fragment as S, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { useState as s, useEffect as w } from "react";
|
|
3
|
+
import L from "../../utils/StringUtils.js";
|
|
4
4
|
import { COLORS as d } from "../../constants/Theme.js";
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import { InputFooter as
|
|
5
|
+
import R from "../../assets/icons/chevronDown.svg.js";
|
|
6
|
+
import E from "../../assets/icons/cross.svg.js";
|
|
7
|
+
import j from "../../assets/icons/errorInfo.svg.js";
|
|
8
|
+
import { InputFooter as A } from "../input/Input.styled.js";
|
|
9
9
|
import { BodyCaption as h } from "../TypographyStyle.js";
|
|
10
|
-
import { ChipInputWrapper as
|
|
11
|
-
import { Tag as
|
|
12
|
-
import { Tooltip as
|
|
13
|
-
const
|
|
10
|
+
import { ChipInputWrapper as F } from "./Common.styled.js";
|
|
11
|
+
import { Tag as T } from "../tag/Tag.js";
|
|
12
|
+
import { Tooltip as k } from "../tooltips/Tooltip.js";
|
|
13
|
+
const B = (t) => t.length === 1 ? 100 : t.length === 2 ? 40 : 34, V = ({
|
|
14
14
|
chips: t,
|
|
15
15
|
onDeleteChip: g,
|
|
16
16
|
containerStyle: f = {},
|
|
@@ -18,30 +18,29 @@ const D = (t) => t.length === 1 ? 100 : t.length === 2 ? 40 : 34, Y = ({
|
|
|
18
18
|
isDropdownOpened: u,
|
|
19
19
|
placeholder: C = "Select..",
|
|
20
20
|
errorMessage: a = "",
|
|
21
|
-
showLabelsOnMoreHover: v = !1
|
|
22
|
-
placeholderColor: b
|
|
21
|
+
showLabelsOnMoreHover: v = !1
|
|
23
22
|
}) => {
|
|
24
|
-
const [
|
|
25
|
-
return
|
|
23
|
+
const [b, x] = s(), [p, y] = s(0), [c, I] = s([]);
|
|
24
|
+
return w(() => {
|
|
26
25
|
if (!t) return;
|
|
27
26
|
let n = 0;
|
|
28
|
-
const r =
|
|
27
|
+
const r = B(t);
|
|
29
28
|
let o = t.filter((l) => (n += l.label.length, n <= r));
|
|
30
|
-
o.length === 0 && t.length > 0 && (o = [t[0]]),
|
|
31
|
-
const
|
|
32
|
-
O
|
|
33
|
-
}, [t]), /* @__PURE__ */ m(
|
|
34
|
-
/* @__PURE__ */ m(
|
|
29
|
+
o.length === 0 && t.length > 0 && (o = [t[0]]), x(o);
|
|
30
|
+
const O = t.filter((l) => !o.includes(l)).map((l) => l.label);
|
|
31
|
+
I(O), y(t.length - o.length);
|
|
32
|
+
}, [t]), /* @__PURE__ */ m(S, { children: [
|
|
33
|
+
/* @__PURE__ */ m(F, { style: { ...f }, error: !!a, children: [
|
|
35
34
|
/* @__PURE__ */ m("div", { className: "chips-container", children: [
|
|
36
|
-
|
|
37
|
-
|
|
35
|
+
b?.map((n, r) => /* @__PURE__ */ e("div", { style: { zIndex: 2 }, children: /* @__PURE__ */ e(
|
|
36
|
+
T,
|
|
38
37
|
{
|
|
39
|
-
tagText:
|
|
38
|
+
tagText: L.truncateText(
|
|
40
39
|
n.selectedLabel || n.label,
|
|
41
40
|
40
|
|
42
41
|
),
|
|
43
42
|
TrailingIcon: () => /* @__PURE__ */ e(
|
|
44
|
-
|
|
43
|
+
E,
|
|
45
44
|
{
|
|
46
45
|
width: 12,
|
|
47
46
|
height: 12,
|
|
@@ -63,7 +62,7 @@ const D = (t) => t.length === 1 ? 100 : t.length === 2 ? 40 : 34, Y = ({
|
|
|
63
62
|
pointerEvents: "auto"
|
|
64
63
|
},
|
|
65
64
|
children: /* @__PURE__ */ e(
|
|
66
|
-
|
|
65
|
+
k,
|
|
67
66
|
{
|
|
68
67
|
body: "",
|
|
69
68
|
placement: "bottom",
|
|
@@ -80,16 +79,10 @@ const D = (t) => t.length === 1 ? 100 : t.length === 2 ? 40 : 34, Y = ({
|
|
|
80
79
|
)
|
|
81
80
|
}
|
|
82
81
|
),
|
|
83
|
-
t.length === 0 && /* @__PURE__ */ e(
|
|
84
|
-
"div",
|
|
85
|
-
{
|
|
86
|
-
style: { color: b ?? d.content.placeholder },
|
|
87
|
-
children: C
|
|
88
|
-
}
|
|
89
|
-
)
|
|
82
|
+
t.length === 0 && /* @__PURE__ */ e("div", { style: { color: d.content.placeholder }, children: C })
|
|
90
83
|
] }),
|
|
91
84
|
/* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
|
|
92
|
-
|
|
85
|
+
R,
|
|
93
86
|
{
|
|
94
87
|
style: {
|
|
95
88
|
transform: u ? "rotate(180deg)" : "rotate(0deg)"
|
|
@@ -100,13 +93,13 @@ const D = (t) => t.length === 1 ? 100 : t.length === 2 ? 40 : 34, Y = ({
|
|
|
100
93
|
}
|
|
101
94
|
) })
|
|
102
95
|
] }),
|
|
103
|
-
!!a && /* @__PURE__ */ m(
|
|
104
|
-
!!a && /* @__PURE__ */ e(
|
|
96
|
+
!!a && /* @__PURE__ */ m(A, { invalid: !0, children: [
|
|
97
|
+
!!a && /* @__PURE__ */ e(j, { width: 16, height: 16 }),
|
|
105
98
|
a
|
|
106
99
|
] })
|
|
107
100
|
] });
|
|
108
101
|
};
|
|
109
102
|
export {
|
|
110
|
-
|
|
103
|
+
V as default
|
|
111
104
|
};
|
|
112
105
|
//# sourceMappingURL=ChipInput.js.map
|