npm - quickblox-react-ui-kit - Versions diffs - 0.3.0-beta.2 → 0.3.0-beta.4 - Mend

quickblox-react-ui-kit 0.3.0-beta.2 → 0.3.0-beta.4

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

Files changed (210) hide show

package/storybook-static/Presentation-ui-components-MessageInput-MessageInput-stories.c2ead6a5.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[119],{"./src/Presentation/ui-components/MessageInput/MessageInput.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{MessageInputDefault:()=>MessageInputDefault,MessageInputLoadingState:()=>MessageInputLoadingState,MessageInputWithPreview:()=>MessageInputWithPreview,MessageInputWithVoiceMessage:()=>MessageInputWithVoiceMessage,__namedExportsOrder:()=>__namedExportsOrder,default:()=>MessageInput_stories});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");let VoiceRecordingProgress_VoiceRecordingProgress=_ref=>{let timerId,{startStatus,longRecInSec,onClick,onTouch}=_ref,[currentTime,setCurrentTime]=(0,react.useState)(Date.now()),[timeString,setTimeString]=(0,react.useState)("00:00:00"),[startTime]=(0,react.useState)(Date.now());(0,react.useEffect)(()=>{let valueToCalc=Math.round((currentTime-(startTime||0))/1e3),sec=valueToCalc%60,min=Math.round(valueToCalc/60),secStr=sec<=9?"0".concat(sec.toString()):sec,minStr=min<=9?"0".concat(min.toString()):min;setTimeString("00:".concat(minStr,":").concat(secStr))},[currentTime]);let stopTimer=()=>{timerId&&(clearTimeout(timerId),timerId=void 0),onClick&&onClick(),onTouch&&onTouch()},startTimer=()=>{setTimeout(()=>{stopTimer()},1e3*(longRecInSec<=60&&longRecInSec>0?longRecInSec:10)),void 0===timerId&&(timerId=setInterval(()=>{setCurrentTime(Date.now())},1e3))};return(0,react.useEffect)(()=>{startStatus&&startTimer()},[startStatus]),(0,jsx_runtime.jsxs)("div",{className:"chat-message-text-container",children:[(0,jsx_runtime.jsx)("div",{onClick:()=>{stopTimer()},onTouchStart:()=>{stopTimer()},className:"chat-message-text-container__stop_record_button"}),(0,jsx_runtime.jsx)("div",{children:timeString})]})};try{VoiceRecordingProgress_VoiceRecordingProgress.displayName="VoiceRecordingProgress",VoiceRecordingProgress_VoiceRecordingProgress.__docgenInfo={description:"",displayName:"VoiceRecordingProgress",props:{startStatus:{defaultValue:null,description:"",name:"startStatus",required:!0,type:{name:"boolean"}},longRecInSec:{defaultValue:null,description:"",name:"longRecInSec",required:!0,type:{name:"number"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"FunctionTypeVoidToVoid"}},onTouch:{defaultValue:null,description:"",name:"onTouch",required:!1,type:{name:"FunctionTypeVoidToVoid"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/MessageInput/VoiceRecordingProgress/VoiceRecordingProgress.tsx#VoiceRecordingProgress"]={docgenInfo:VoiceRecordingProgress_VoiceRecordingProgress.__docgenInfo,name:"VoiceRecordingProgress",path:"src/Presentation/ui-components/MessageInput/VoiceRecordingProgress/VoiceRecordingProgress.tsx#VoiceRecordingProgress"})}catch(__react_docgen_typescript_loader_error){}let AttachmentUploader=_ref=>{let{icon,onChangeFile,disableAction}=_ref;return(0,jsx_runtime.jsxs)("label",{htmlFor:"btnUploadAttachment",style:{cursor:"pointer"},children:[(0,jsx_runtime.jsx)("div",{children:icon}),(0,jsx_runtime.jsx)("input",{id:"btnUploadAttachment",type:"file",accept:"image/*, audio/*, video/*, .pdf, .txt, .apk, .zip, .ipa, .ppt, .pptx, .doc, .docx, .xls, .xlsx, .json, .log",style:{display:"none"},onChange:event=>{onChangeFile(event)},disabled:disableAction})]})};try{AttachmentUploader.displayName="AttachmentUploader",AttachmentUploader.__docgenInfo={description:"",displayName:"AttachmentUploader",props:{icon:{defaultValue:null,description:"",name:"icon",required:!0,type:{name:"ReactNode"}},onChangeFile:{defaultValue:null,description:"",name:"onChangeFile",required:!0,type:{name:"(event: ChangeEvent<HTMLInputElement>) => void"}},disableAction:{defaultValue:null,description:"",name:"disableAction",required:!0,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/MessageInput/AttachmentUploader/AttachmentUploader.tsx#AttachmentUploader"]={docgenInfo:AttachmentUploader.__docgenInfo,name:"AttachmentUploader",path:"src/Presentation/ui-components/MessageInput/AttachmentUploader/AttachmentUploader.tsx#AttachmentUploader"})}catch(__react_docgen_typescript_loader_error){}var icons=__webpack_require__("./src/Presentation/icons/index.ts"),Loader=__webpack_require__("./src/Presentation/ui-components/Loader/Loader.tsx");let MessageInput_MessageInput=_ref=>{let{value,onChange,onChanging,onSend,enableVoice,onVoice,disableAttachment,onAttachment,previewMessage,rephrase,loading,placeholder,disableActions=!1,className}=_ref,[isVoiceMessage,setVoiceMessage]=(0,react.useState)(!0);function sendTextMessageActions(){value&&onSend&&(onSend(value),onChange&&!disableActions&&onChange(""))}return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("chat-container",className),children:[previewMessage,(0,jsx_runtime.jsxs)("div",{onBlur:()=>{value&&value.length>0||setVoiceMessage(!0)},className:"chat-input",children:[(0,jsx_runtime.jsx)(AttachmentUploader,{disableAction:disableActions,icon:(0,jsx_runtime.jsx)(icons.EO,{className:classnames_default()("chat-container__icon",{"chat-container__icon--mute":disableAttachment||loading,"chat-container__icon--disable":disableActions})}),onChangeFile:onAttachment}),!enableVoice&&(0,jsx_runtime.jsxs)("div",{className:"input-text-message type-message",children:[(0,jsx_runtime.jsx)("textarea",{disabled:loading,value:value,onFocus:()=>{setVoiceMessage(!1)},onChange:event=>{onChange&&onChange(event.target.value)},onInput:event=>{onChanging&&onChanging(event.target.value)},onKeyDown:e=>{"Enter"!==e.key||e.shiftKey||e.ctrlKey||sendTextMessageActions()},placeholder:placeholder||"Type message"}),rephrase]}),enableVoice&&(0,jsx_runtime.jsx)(VoiceRecordingProgress_VoiceRecordingProgress,{startStatus:enableVoice,longRecInSec:60,onClick:()=>{onVoice&&onVoice()}}),!isVoiceMessage&&!loading&&(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(icons.bf,{className:classnames_default()("chat-container__icon__send",{"chat-container__icon--mute":loading,"chat-container__icon--disable":disableActions}),onClick:()=>{sendTextMessageActions()}})}),loading?(0,jsx_runtime.jsx)(Loader.Z,{size:"sm",className:"chat-container__loader"}):isVoiceMessage&&(0,jsx_runtime.jsx)(icons.ye,{className:classnames_default()("chat-container__icon",{"chat-container__icon--red":enableVoice,"chat-container__icon--disable":disableActions}),onClick:()=>{onVoice&&onVoice()}})]})]})};try{MessageInput_MessageInput.displayName="MessageInput",MessageInput_MessageInput.__docgenInfo={description:"",displayName:"MessageInput",props:{value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"string"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"FunctionTypeStringToVoid"}},onChanging:{defaultValue:null,description:"",name:"onChanging",required:!1,type:{name:"FunctionTypeStringToVoid"}},onSend:{defaultValue:null,description:"",name:"onSend",required:!1,type:{name:"FunctionTypeStringToVoid"}},enableVoice:{defaultValue:null,description:"",name:"enableVoice",required:!1,type:{name:"boolean"}},onVoice:{defaultValue:null,description:"",name:"onVoice",required:!1,type:{name:"FunctionTypeVoidToVoid"}},disableAttachment:{defaultValue:null,description:"",name:"disableAttachment",required:!1,type:{name:"boolean"}},onAttachment:{defaultValue:null,description:"",name:"onAttachment",required:!0,type:{name:"(event: ChangeEvent<HTMLInputElement>) => void"}},previewMessage:{defaultValue:null,description:"",name:"previewMessage",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},rephrase:{defaultValue:null,description:"",name:"rephrase",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},loading:{defaultValue:null,description:"",name:"loading",required:!1,type:{name:"boolean"}},placeholder:{defaultValue:null,description:"",name:"placeholder",required:!1,type:{name:"string"}},disableActions:{defaultValue:{value:"false"},description:"",name:"disableActions",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/MessageInput/MessageInput.tsx#MessageInput"]={docgenInfo:MessageInput_MessageInput.__docgenInfo,name:"MessageInput",path:"src/Presentation/ui-components/MessageInput/MessageInput.tsx#MessageInput"})}catch(__react_docgen_typescript_loader_error){}function ReplyField(){let theme=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0;return(0,jsx_runtime.jsx)("svg",{width:theme&&theme.width?theme.width:"44",height:theme&&theme.height?theme.height:"44",viewBox:"0 0 44 44",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,jsx_runtime.jsx)("path",{d:"M18.3333 15.5833V8.25L5.5 21.0833L18.3333 33.9167V26.4C27.5 26.4 33.9167 29.3333 38.5 35.75C36.6667 26.5833 31.1667 17.4167 18.3333 15.5833Z",id:"ReplyField",fill:theme&&theme.color?theme.color:"var(--color-icon)"})})}let ReplyFilled=ReplyField;try{ReplyField.displayName="ReplyField",ReplyField.__docgenInfo={description:"",displayName:"ReplyField",props:{color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"string"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"string"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"string"}},applyZoom:{defaultValue:null,description:"",name:"applyZoom",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/components/UI/svgs/Icons/Actions/ReplyFilled/index.tsx#ReplyField"]={docgenInfo:ReplyField.__docgenInfo,name:"ReplyField",path:"src/Presentation/components/UI/svgs/Icons/Actions/ReplyFilled/index.tsx#ReplyField"})}catch(__react_docgen_typescript_loader_error){}class FileType{}FileType.audio="audio",FileType.video="video",FileType.image="image",FileType.text="text";let ReplyImagePreviewAttachment_ReplyImagePreviewAttachment=_ref=>{let{imageFile}=_ref;return(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)("a",{href:imageFile.url,download:"file",target:"_blank",rel:"noreferrer",children:(0,jsx_runtime.jsx)("img",{className:"reply-preview-image-body",src:imageFile.url,alt:imageFile.name||"attached image"},imageFile.id)})})};try{ReplyImagePreviewAttachment_ReplyImagePreviewAttachment.displayName="ReplyImagePreviewAttachment",ReplyImagePreviewAttachment_ReplyImagePreviewAttachment.__docgenInfo={description:"",displayName:"ReplyImagePreviewAttachment",props:{imageFile:{defaultValue:null,description:"",name:"imageFile",required:!0,type:{name:"FileEntity"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/MessageInput/ReplyMessagePreview/ReplyImagePreviewAttachment/ReplyImagePreviewAttachment.tsx#ReplyImagePreviewAttachment"]={docgenInfo:ReplyImagePreviewAttachment_ReplyImagePreviewAttachment.__docgenInfo,name:"ReplyImagePreviewAttachment",path:"src/Presentation/ui-components/MessageInput/ReplyMessagePreview/ReplyImagePreviewAttachment/ReplyImagePreviewAttachment.tsx#ReplyImagePreviewAttachment"})}catch(__react_docgen_typescript_loader_error){}function TextDocument(){let theme=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0;return(0,jsx_runtime.jsx)("svg",{width:theme&&theme.width?theme.width:"44",height:theme&&theme.height?theme.height:"44",viewBox:"0 0 44 44",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,jsx_runtime.jsx)("path",{d:"M25.6668 3.66675H11.0002C8.9835 3.66675 7.35183 5.31675 7.35183 7.33341L7.3335 36.6667C7.3335 38.6834 8.96516 40.3334 10.9818 40.3334H33.0002C35.0168 40.3334 36.6668 38.6834 36.6668 36.6667V14.6667L25.6668 3.66675ZM29.3335 33.0001H14.6668V29.3334H29.3335V33.0001ZM29.3335 25.6667H14.6668V22.0001H29.3335V25.6667ZM23.8335 16.5001V6.41675L33.9168 16.5001H23.8335Z",id:"TextDocument",fill:theme&&theme.color?theme.color:"var(--color-icon)"})})}let Media_TextDocument=TextDocument;try{TextDocument.displayName="TextDocument",TextDocument.__docgenInfo={description:"",displayName:"TextDocument",props:{color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"string"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"string"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"string"}},applyZoom:{defaultValue:null,description:"",name:"applyZoom",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/components/UI/svgs/Icons/Media/TextDocument/index.tsx#TextDocument"]={docgenInfo:TextDocument.__docgenInfo,name:"TextDocument",path:"src/Presentation/components/UI/svgs/Icons/Media/TextDocument/index.tsx#TextDocument"})}catch(__react_docgen_typescript_loader_error){}class RemoteMessageDTO{constructor(){this.id=void 0,this.dialogId=void 0,this.message=void 0,this.created_at=void 0,this.date_sent=void 0,this.delivered_ids=void 0,this.read_ids=void 0,this.read=void 0,this.recipient_id=void 0,this.sender_id=void 0,this.updated_at=void 0,this.notification_type=void 0,this.dialog_type=void 0,this.markable=void 0,this.attachments=void 0,this.qb_message_action=void 0,this.origin_sender_name=void 0,this.qb_original_messages=void 0,this.id=new Date().getTime().toString(),this.dialogId="",this.message="",this.created_at=new Date().toString(),this.date_sent=new Date().getTime(),this.delivered_ids=[],this.read_ids=[],this.recipient_id=0,this.read=0,this.sender_id=0,this.updated_at=new Date().toString(),this.notification_type="",this.attachments=[]}}class RepositoryException extends Error{constructor(message,code){super(message),this.message=message,this.code=void 0,this.code=code}}let UNEXPECTED_MAPPER_DTO_EXCEPTION_MESSAGE="Error. Mapper DTO Unexpected exception .",INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE="Error. Mapper DTO Incorrect data exception .";class MapperDTOException extends RepositoryException{constructor(message,code){let description=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";super(message,code),this._description=void 0,this._description=description,this._description&&(this.message+=" ".concat(this._description))}}class MessageDTOMapper{fromDTO(dto){return MessageDTOMapper.validateDTO(dto),Promise.resolve({_id:"",attachments:[],chat_dialog_id:"",created_at:"",date_sent:0,delivered_ids:[],message:"",read:0,read_ids:[],recipient_id:0,sender_id:0,updated_at:""})}static transformAttachment(qbMessage,qbAtts){return qbAtts.map(item=>{let newItem={id:item.id,name:item.name,size:item.size,type:item.type,uid:item.uid,url:item.uid&&QB.content.privateUrl(item.uid),file:{id:item.id,name:item.name,size:item.size,type:item.type,uid:item.uid||"",url:item.uid&&QB.content.privateUrl(item.uid)}},messageParts=MessageDTOMapper.getMessageParts(qbMessage);return messageParts&&messageParts.length>3&&(newItem.uid=messageParts[2],newItem.name=messageParts[1],newItem.type=messageParts[3],newItem.url=newItem.uid&&QB.content.privateUrl(newItem.uid),newItem.file&&(newItem.file.uid=newItem.uid,newItem.file.name=newItem.name,newItem.file.url=newItem.uid&&QB.content.privateUrl(newItem.uid),newItem.file.type=newItem.type)),newItem})}toTDO(entity){var _MessageDTOMapper$tra;let dto=this.QBChatMessageToRemoteMessageDTO(entity),operationResult=!0;return dto.qb_original_messages=null===(_MessageDTOMapper$tra=MessageDTOMapper.translateJSONToOriginalData(entity.qb_original_messages))||void 0===_MessageDTOMapper$tra?void 0:_MessageDTOMapper$tra.map(item=>{let result;try{result=this.QBChatMessageToRemoteMessageDTO(item,!0)}catch(e){operationResult=!1,console.log(e)}return result}),dto.qb_message_action=entity.qb_message_action,dto.origin_sender_name=entity.origin_sender_name,operationResult||(dto.qb_original_messages=void 0,dto.qb_message_action=void 0,dto.origin_sender_name=void 0),Promise.resolve(dto)}QBChatMessageToRemoteMessageDTO(qbMessage){let offValidate=arguments.length>1&&void 0!==arguments[1]&&arguments[1],dto=new RemoteMessageDTO;return offValidate?(dto.id=qbMessage._id,dto.dialogId=qbMessage.chat_dialog_id,dto.message=qbMessage.message,dto.created_at=qbMessage.created_at||Date.now().toString(),dto.date_sent=qbMessage.date_sent||1e3*Date.now(),dto.delivered_ids=qbMessage.delivered_ids||[],dto.read_ids=qbMessage.read_ids||[],dto.recipient_id=qbMessage.recipient_id||0,dto.attachments=MessageDTOMapper.transformAttachment(qbMessage.message||"",qbMessage.attachments||[]),dto.read=qbMessage.read||1,dto.sender_id=qbMessage.sender_id,dto.updated_at=qbMessage.updated_at||Date.now().toString()):(MessageDTOMapper.validateQBMessage(qbMessage),dto.id=qbMessage._id,dto.dialogId=qbMessage.chat_dialog_id,dto.message=qbMessage.message,dto.created_at=qbMessage.created_at,dto.date_sent=1e3*qbMessage.date_sent,dto.delivered_ids=qbMessage.delivered_ids||[],dto.read_ids=qbMessage.read_ids||[],dto.recipient_id=qbMessage.recipient_id||0,dto.attachments=MessageDTOMapper.transformAttachment(qbMessage.message||"",qbMessage.attachments||[]),dto.read=qbMessage.read,dto.sender_id=qbMessage.sender_id,dto.updated_at=qbMessage.updated_at),dto.notification_type=qbMessage.notification_type||"",dto.markable=qbMessage.notification_type||"",dto}static convertAttachment(attachment){return{id:attachment.id.toString(),uid:attachment.uid||"",type:attachment.type.toString(),url:attachment.url||"",name:attachment.name||"",size:attachment.size||0}}static convertToQBChatNewMessage(messages){return messages.map(message=>{var _message$attachments;return{_id:message.id,attachments:(null===(_message$attachments=message.attachments)||void 0===_message$attachments?void 0:_message$attachments.map(attachment=>MessageDTOMapper.convertAttachment(attachment)))||[],chat_dialog_id:message.dialogId,created_at:message.created_at,date_sent:message.date_sent,delivered_ids:message.delivered_ids,message:message.message,read_ids:message.read_ids,read:message.read,recipient_id:message.recipient_id,sender_id:message.sender_id,updated_at:message.updated_at,notification_type:message.notification_type,qb_message_action:message.qb_message_action,origin_sender_name:message.origin_sender_name,qb_original_messages:message.qb_original_messages?MessageDTOMapper.translateOriginalDataToJSON(MessageDTOMapper.convertToQBChatNewMessage(message.qb_original_messages||[])||[]):void 0}})}static translateOriginalDataToJSON(qb_original_message){return qb_original_message&&qb_original_message.length>0?JSON.stringify(qb_original_message):""}static translateJSONToOriginalData(json_data){if(json_data)try{let originalData=JSON.parse(json_data);if(Array.isArray(originalData)&&originalData.every(item=>item instanceof Object))return originalData}catch(error){console.error("Error parsing JSON:",error)}}static isForwardedOrRepliedMessage(qbMessage){return qbMessage.includes(MessageDTOMapper.FORWARD_MESSAGE_PREFIX)||qbMessage.includes(MessageDTOMapper.REPLY_MESSAGE_PREFIX)}static isMediaOrAttachmentMessage(message){return message.includes(MessageDTOMapper.MEDIA_CONTENT_ENTITY_PREFIX)||message.includes(MessageDTOMapper.ATTACHMENT_PREFIX)}static formatMessage(qbMessage){return MessageDTOMapper.isMediaOrAttachmentMessage(qbMessage)?this.splitMessageParts(qbMessage)[1]||"":MessageDTOMapper.isForwardedOrRepliedMessage(qbMessage)?"":qbMessage}static getMessageParts(qbMessage){return MessageDTOMapper.isMediaOrAttachmentMessage(qbMessage)?MessageDTOMapper.splitMessageParts(qbMessage):[]}static splitMessageParts(message){return message.split("|")}static validateDTO(messageDTO){let messageDTOValidator={created_at(v){let{created_at}=v;return null!=created_at&&created_at.length>0},date_sent(v){let{date_sent}=v;return null!=date_sent},delivered_ids(v){let{delivered_ids}=v;return null!=delivered_ids},dialogId(v){let{dialogId}=v;return null!=dialogId&&dialogId.length>0},id(v){let{id}=v;return null!=id},message(v){let{message}=v;return null!=message&&message.length>0},read(v){let{read}=v;return null!=read},read_ids(v){let{read_ids}=v;return null!=read_ids},recipient_id(v){let{recipient_id}=v;return null!=recipient_id},sender_id(v){let{sender_id}=v;return null!=sender_id},updated_at(v){let{updated_at}=v;return null!=updated_at&&updated_at.length>0},attachments(v){let{attachments}=v;return null!=attachments}};if(!messageDTOValidator.created_at(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {created_at} does not exist or empty");if(!messageDTOValidator.date_sent(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {date_sent} does not exist or empty");if(!messageDTOValidator.delivered_ids(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {delivered_ids} does not exist or empty");if(!messageDTOValidator.dialogId(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {dialogId} does not exist or empty");if(!messageDTOValidator.id(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {id} does not exist or empty");if(!messageDTOValidator.message(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {message} does not exist or empty");if(!messageDTOValidator.read(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {read} does not exist or empty");if(!messageDTOValidator.read_ids(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {read_ids} does not exist or empty");if(!messageDTOValidator.recipient_id(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {recipient_id} does not exist or empty");if(!messageDTOValidator.sender_id(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {sender_id} does not exist or empty");if(!messageDTOValidator.updated_at(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {updated_at} does not exist or empty")}static validateQBMessage(qbMessage){let qbMessageValidator={delivered_ids(v){let{delivered_ids}=v;return null!=delivered_ids},read_ids(v){let{read_ids}=v;return null!=read_ids},_id(v){let{_id}=v;return null!=_id&&_id.length>0},attachments(v){let{attachments}=v;return null!=attachments},chat_dialog_id(v){let{chat_dialog_id}=v;return null!=chat_dialog_id&&chat_dialog_id.length>0},created_at(v){let{created_at}=v;return null!=created_at&&created_at.length>0},date_sent(v){let{date_sent}=v;return null!=date_sent},message(v){let{message}=v;return null!=message&&message.length>0},read(v){let{read}=v;return null!=read},recipient_id(v){let{recipient_id}=v;return null!=recipient_id},sender_id(v){let{sender_id}=v;return null!=sender_id},updated_at(v){let{updated_at}=v;return null!=updated_at&&updated_at.length>0}};if(!qbMessageValidator._id(qbMessage))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {_id} does not exist or empty");if(!qbMessageValidator.chat_dialog_id(qbMessage))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {chat_dialog_id} does not exist or empty");if(!qbMessageValidator.created_at(qbMessage))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {created_at} does not exist or empty");if(!qbMessageValidator.date_sent(qbMessage))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {date_sent} does not exist or empty");if(!qbMessageValidator.message(qbMessage))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {message} does not exist or empty");if(!qbMessageValidator.read(qbMessage))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {read} does not exist or empty");if(!qbMessageValidator.recipient_id(qbMessage))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {recipient_id} does not exist or empty");if(!qbMessageValidator.sender_id(qbMessage))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {sender_id} does not exist or empty");if(!qbMessageValidator.updated_at(qbMessage))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {updated_at} does not exist or empty")}}function trimMessage(messageText){return"".concat(messageText.substring(0,39)," ...")}MessageDTOMapper.FORWARD_MESSAGE_PREFIX="[Forwarded_Message]",MessageDTOMapper.REPLY_MESSAGE_PREFIX="[Replied_Message]",MessageDTOMapper.ATTACHMENT_PREFIX="[Attachment]",MessageDTOMapper.MEDIA_CONTENT_ENTITY_PREFIX="MediaContentEntity";let ReplyMessagePreview_ReplyMessagePreview=_ref=>{var _messages$;let{messages,userNameSentMessage,onClose}=_ref,[messageTextValue,setMessageTextValue]=react.useState("");return(0,react.useEffect)(()=>{setMessageTextValue(MessageDTOMapper.formatMessage(messages[0].message))},[null===(_messages$=messages[0])||void 0===_messages$?void 0:_messages$.message]),(0,jsx_runtime.jsxs)("div",{className:"reply-message-preview-row",children:[(0,jsx_runtime.jsxs)("div",{className:"reply-message-preview-row-card",children:[messages.length>0&&messages[0].attachments&&messages[0].attachments.length>0?(0,jsx_runtime.jsx)("div",{className:"reply-message-preview-placeholder",children:(0,jsx_runtime.jsx)("div",{className:"reply-message-preview-placeholder-icon",children:messages&&messages[0].attachments&&messages[0].attachments.length>0&&messages[0].attachments[0].type.toString().includes(FileType.image)&&messages[0].attachments[0].file?(0,jsx_runtime.jsx)(ReplyImagePreviewAttachment_ReplyImagePreviewAttachment,{imageFile:messages[0].attachments[0].file}):(0,jsx_runtime.jsx)(Media_TextDocument,{width:"24",height:"24",color:"var(--caption)"})})}):null,(0,jsx_runtime.jsxs)("div",{className:"reply-message-preview-message",children:[(0,jsx_runtime.jsx)("div",{className:"reply-message-preview-message-caption",children:(0,jsx_runtime.jsxs)("div",{className:"reply-message-preview-message-caption-info",children:[(0,jsx_runtime.jsx)("div",{className:"reply-message-preview-message-caption-info-icon",children:(0,jsx_runtime.jsx)(ReplyFilled,{width:"16",height:"16",color:"var(--caption)"})}),(0,jsx_runtime.jsxs)("div",{className:"reply-message-preview-message-caption-info-replied-to-name",children:["Reply to ",userNameSentMessage]})]})}),messages.length>0&&(!messages[0].attachments||messages[0].attachments&&0===messages[0].attachments.length)?(0,jsx_runtime.jsx)("div",{className:"reply-message-preview-message-caption-info-text",children:messages.length>1?"2 messages":trimMessage(messageTextValue)}):(0,jsx_runtime.jsx)("div",{className:"reply-message-preview-message-caption-info-file",children:messages.length>1?"2 messages":trimMessage(messageTextValue)})]})]}),(0,jsx_runtime.jsx)("div",{className:"reply-message-preview-message-navigation-close",onClick:onClose,children:(0,jsx_runtime.jsx)(icons.sZ,{className:"reply-message-icon"})})]})};try{ReplyMessagePreview_ReplyMessagePreview.displayName="ReplyMessagePreview",ReplyMessagePreview_ReplyMessagePreview.__docgenInfo={description:"",displayName:"ReplyMessagePreview",props:{messages:{defaultValue:null,description:"",name:"messages",required:!0,type:{name:"MessageEntity[]"}},userNameSentMessage:{defaultValue:null,description:"",name:"userNameSentMessage",required:!0,type:{name:"string"}},onClose:{defaultValue:null,description:"",name:"onClose",required:!0,type:{name:"FunctionTypeVoidToVoid"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/MessageInput/ReplyMessagePreview/ReplyMessagePreview.tsx#ReplyMessagePreview"]={docgenInfo:ReplyMessagePreview_ReplyMessagePreview.__docgenInfo,name:"ReplyMessagePreview",path:"src/Presentation/ui-components/MessageInput/ReplyMessagePreview/ReplyMessagePreview.tsx#ReplyMessagePreview"})}catch(__react_docgen_typescript_loader_error){}class DialogType{}DialogType.private=3,DialogType.public=1,DialogType.group=2;class PublicDialogEntity{constructor(customData,id,lastMessage,ownerId,type,unreadMessageCount,updatedAt,name,photo){this.customData=void 0,this.id=void 0,this.lastMessage=void 0,this.ownerId=void 0,this.type=void 0,this.unreadMessageCount=void 0,this.updatedAt=void 0,this.name=void 0,this.photo=void 0,this.customData=customData,this.id=id,this.lastMessage=lastMessage,this.ownerId=ownerId,this.type=type,this.unreadMessageCount=unreadMessageCount,this.updatedAt=updatedAt,this.name=name,this.photo=photo}}PublicDialogEntity.getParticipants=d=>d.type===DialogType.group?d.participantIds:d.type===DialogType.private&&d.participantIds&&d.participantIds.length>0?[d.participantIds[0]]:d.type===DialogType.private&&d.participantId?[d.participantId]:[],PublicDialogEntity.getNewParticipants=d=>d.type===DialogType.group&&d.newParticipantIds||[];class PrivateDialogEntity{constructor(customData,id,name,lastMessage,ownerId,type,unreadMessageCount,updatedAt,participantId){this.customData=void 0,this.id=void 0,this.name=void 0,this.lastMessage=void 0,this.ownerId=void 0,this.type=void 0,this.unreadMessageCount=void 0,this.updatedAt=void 0,this.participantId=void 0,this.customData=customData,this.id=id,this.name=name,this.lastMessage=lastMessage,this.ownerId=ownerId,this.type=type,this.unreadMessageCount=unreadMessageCount,this.updatedAt=updatedAt,this.participantId=participantId}}class GroupDialogEntity{constructor(customData,id,lastMessage,ownerId,type,unreadMessageCount,updatedAt,participantIds,name,photo){this.customData=void 0,this.id=void 0,this.lastMessage=void 0,this.ownerId=void 0,this.type=void 0,this.unreadMessageCount=void 0,this.updatedAt=void 0,this.participantIds=void 0,this.newParticipantIds=void 0,this.participantsToRemoveIds=void 0,this.name=void 0,this.photo=void 0,this.customData=customData,this.id=id,this.lastMessage=lastMessage,this.ownerId=ownerId,this.type=type,this.unreadMessageCount=unreadMessageCount,this.updatedAt=updatedAt,this.participantIds=participantIds,this.name=name,this.photo=photo}}class RemoteDialogDTO{constructor(){this.id=void 0,this.type=void 0,this.ownerId=void 0,this.participantId=void 0,this.participantsIds=void 0,this.newParticipantsIds=void 0,this.updatedAt=void 0,this.lastMessageText=void 0,this.lastMessageUserId=void 0,this.lastMessageDateSent=void 0,this.lastMessageId=void 0,this.unreadMessageCount=void 0,this.name=void 0,this.photo=void 0,this.id="",this.type=0,this.ownerId="",this.participantId="",this.participantsIds=[],this.updatedAt="",this.lastMessageText="",this.lastMessageUserId="",this.lastMessageDateSent="",this.lastMessageId="",this.unreadMessageCount=0,this.name="",this.photo=""}}class RemoteUserDTO{constructor(){this.id=void 0,this.name=void 0,this.full_name=void 0,this.email=void 0,this.login=void 0,this.created_at=void 0,this.updated_at=void 0,this.last_request_at=void 0,this.custom_data=void 0,this.user_tags=void 0,this.blob_id=void 0,this.id="",this.name="",this.full_name="",this.email="",this.login="",this.created_at="",this.updated_at="",this.last_request_at=0,this.custom_data="",this.user_tags="",this.blob_id=0}}class Creator{static async createBlobFromUrl(imageSrc){let imgSrc="",setBlob=async function(response){let blob=await (null==response?void 0:response.blob());imgSrc=URL.createObjectURL(blob)},blobFile=await fetch(imageSrc).catch(async function(){let response=await fetch(imageSrc);response.ok&&await setBlob(response)}).then(function(response){return null==response?void 0:response.blob()});return{imgSrc,blobFile}}static async getInfoPromise(fileId){return new Promise((resolve,reject)=>{QB.content.getInfo(fileId,function(error,result){error?reject(error):resolve(result.blob.uid)})})}static createMessageEntity(params){return{id:params.id||"",dialogId:params.dialogId,message:params.message,created_at:params.created_at||new Date().toISOString(),date_sent:params.date_sent||Date.now(),updated_at:params.updated_at||new Date().toISOString(),delivered_ids:params.delivered_ids||[],read_ids:params.read_ids||[],read:params.read||1,sender_id:params.sender_id,recipient_id:params.recipient_id,attachments:params.attachments,notification_type:params.notification_type,dialogType:params.dialog_type}}static createFileEntity(){return{id:"0",uid:"",url:"",name:"",size:0,type:FileType.image}}}Creator.createPhotoByBlob=async blob_id=>{let file_uid=await Creator.getInfoPromise(blob_id||0),imageSrc=QB.content.privateUrl(file_uid),{imgSrc,blobFile}=await Creator.createBlobFromUrl(imageSrc);return blobFile?URL.createObjectURL(blobFile):imgSrc||""};class UserRemoteDTOMapper{fromEntity(entity){if(null==entity)throw new MapperDTOException(UNEXPECTED_MAPPER_DTO_EXCEPTION_MESSAGE,131,"entity is null or undefined");let userDTO=new RemoteUserDTO;return UserRemoteDTOMapper.validateEntity(entity),userDTO.id=entity.id.toString(),userDTO.full_name=entity.full_name,userDTO.email=entity.email,userDTO.login=entity.login,userDTO.created_at=entity.created_at,userDTO.updated_at=entity.updated_at,userDTO.last_request_at=entity.last_request_at,userDTO.custom_data=entity.custom_data,userDTO.user_tags=entity.user_tags,Promise.resolve(userDTO)}async toEntity(data){if(null==data)throw new MapperDTOException(UNEXPECTED_MAPPER_DTO_EXCEPTION_MESSAGE,131,"userDTO is null or undefined");UserRemoteDTOMapper.validateDTO(data);let userEntity=UserRemoteDTOMapper.createDefaultUserEntity();return userEntity.id=parseInt(data.id,10),userEntity.full_name=data.full_name,userEntity.email=data.email,userEntity.login=data.login,userEntity.created_at=data.created_at,userEntity.updated_at=data.updated_at,userEntity.last_request_at=data.last_request_at,userEntity.custom_data=data.custom_data,userEntity.user_tags=data.user_tags,data.blob_id&&(userEntity.photo=await Creator.createPhotoByBlob(data.blob_id)),Promise.resolve(userEntity)}static validateEntity(userEntity){let userEntityValidator={blob_id(v){let{blob_id}=v;return(blob_id||"").length>=0},photo(v){let{photo}=v;return null!=photo&&photo.length>0},created_at(v){let{created_at}=v;return null!=created_at&&created_at.length>0},custom_data(v){let{custom_data}=v;return custom_data||!0},email(v){let{email}=v;return null!=email&&email.length>0},full_name(v){let{full_name}=v;return null!=full_name&&full_name.length>0},id(v){let{id}=v;return null!=id},last_request_at(v){let{last_request_at}=v;return null!=last_request_at&&last_request_at>0},login(v){let{login}=v;return null!=login&&login.length>0},updated_at(v){let{updated_at}=v;return null!=updated_at&&updated_at.length>0},user_tags(v){let{user_tags}=v;return user_tags||!0}};if(!userEntityValidator.blob_id(userEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {blob_id} does not exists or empty");if(!userEntityValidator.created_at(userEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {created_at} does not exist or empty");if(!userEntityValidator.custom_data(userEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {custom_data} does not exist or empty");if(!userEntityValidator.email(userEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {email} does not exist or empty");if(!userEntityValidator.full_name(userEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {full_name} does not exist or empty");if(!userEntityValidator.id(userEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {id} does not exist or empty");if(!userEntityValidator.last_request_at(userEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {last_request_at} does not exist or empty");if(!userEntityValidator.id(userEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {id} does not exist or empty");if(!userEntityValidator.updated_at(userEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {updated_at} does not exist or empty");if(!userEntityValidator.user_tags(userEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {user_tags} does not exist or empty")}static validateDTO(userDTO){let dtoValidator={blob_id(v){let{blob_id}=v,result=blob_id||"";return result&&result.length&&result.length>=0||!0},created_at(v){let{created_at}=v;return void 0!==created_at},custom_data(v){let{created_at}=v;return void 0!==created_at},email(v){let{email}=v;return void 0!==email},full_name(v){let{full_name}=v;return void 0!==full_name},id(v){let{id}=v;return void 0!==id},last_request_at(v){let{last_request_at}=v;return void 0!==last_request_at},login(v){let{login}=v;return void 0!==login},name(v){let{name}=v;return void 0!==name},updated_at(v){let{updated_at}=v;return void 0!==updated_at},user_tags(v){let{user_tags}=v;return void 0!==user_tags}};if(!dtoValidator.blob_id(userDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {blob_id} does not exists or empty in DTO");if(!dtoValidator.created_at(userDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {created_at} does not exist or empty in DTO");if(!dtoValidator.custom_data(userDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {custom_data} does not exist or empty in DTO");if(!dtoValidator.email(userDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {email} does not exist or empty in DTO");if(!dtoValidator.full_name(userDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {full_name} does not exist or empty in DTO");if(!dtoValidator.id(userDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {id} does not exist or empty in DTO");if(!dtoValidator.last_request_at(userDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {last_request_at} does not exist or empty in DTO");if(!dtoValidator.login(userDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {login} does not exist or empty in DTO");if(!dtoValidator.name(userDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {name} does not exist or empty in DTO");if(!dtoValidator.updated_at(userDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {updated_at} does not exist or empty in DTO");if(!dtoValidator.user_tags(userDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {user_tags} does not exist or empty in DTO")}static createDefaultUserEntity(){return{created_at:"",custom_data:"",email:"",full_name:"",id:0,last_request_at:0,login:"",updated_at:"",user_tags:"",blob_id:"",photo:""}}}class LocalDialogDTO{constructor(){this.id=void 0,this.type=void 0,this.ownerId=void 0,this.participantId=void 0,this.participantsIds=void 0,this.updatedAt=void 0,this.lastMessageText=void 0,this.lastMessageDateSent=void 0,this.lastMessageUserId=void 0,this.unreadMessageCount=void 0,this.name=void 0,this.photo=void 0,this.id="",this.type=0,this.ownerId="",this.participantId="",this.participantsIds=[],this.updatedAt="",this.lastMessageText="",this.lastMessageDateSent="",this.lastMessageUserId="",this.unreadMessageCount=0,this.name="",this.photo=""}}class DialogLocalDTOMapper{fromEntity(entity){let dialog=new LocalDialogDTO,dialogEntity=this.defineType(entity);return DialogLocalDTOMapper.validateEntity(dialogEntity),dialog.id=dialogEntity.id,dialog.type=dialogEntity.type,dialog.ownerId=dialogEntity.ownerId,dialog.participantsIds=DialogLocalDTOMapper.getParticipantsIds(dialogEntity),dialog.participantId=DialogLocalDTOMapper.getParticipantId(dialogEntity),dialog.updatedAt=dialogEntity.updatedAt,dialog.lastMessageText=dialogEntity.lastMessage.text,dialog.lastMessageUserId=dialogEntity.lastMessage.userId.toString(),dialog.lastMessageDateSent=dialogEntity.lastMessage.dateSent,dialog.unreadMessageCount=dialogEntity.unreadMessageCount,dialog.name=DialogLocalDTOMapper.getDialogName(dialogEntity),dialog.photo=DialogLocalDTOMapper.getPhoto(dialogEntity),Promise.resolve(dialog)}toEntity(data){DialogLocalDTOMapper.validateLocalDTO(data);let entity=DialogLocalDTOMapper.createDefaultDialogEntity(data.ownerId);switch(data.type){case DialogType.private:entity=new PrivateDialogEntity({todo:""},data.id,data.name,{dateSent:data.lastMessageDateSent?data.lastMessageDateSent:"",text:data.lastMessageText?data.lastMessageText:"",userId:parseInt(data.lastMessageUserId,10)},data.ownerId,data.type,data.unreadMessageCount,data.updatedAt,parseInt(data.participantId,10));break;case DialogType.public:entity=new PublicDialogEntity({todo:""},data.id,{dateSent:data.lastMessageDateSent?data.lastMessageDateSent:"",text:data.lastMessageText?data.lastMessageText:"",userId:parseInt(data.lastMessageUserId,10)},data.ownerId,data.type,data.unreadMessageCount,data.updatedAt,data.name,data.photo);break;case DialogType.group:entity=new GroupDialogEntity({todo:""},data.id,{dateSent:data.lastMessageDateSent?data.lastMessageDateSent:"",text:data.lastMessageText?data.lastMessageText:"",userId:parseInt(data.lastMessageUserId,10)},data.ownerId,data.type,data.unreadMessageCount,data.updatedAt,data.participantsIds,data.name,data.photo);break;default:return Promise.reject(new MapperDTOException(UNEXPECTED_MAPPER_DTO_EXCEPTION_MESSAGE,131,"undefinded type dialog in DTO"))}return Promise.resolve(entity)}defineType(entity){let dialogEntity=entity;switch(dialogEntity.type){case DialogType.private:dialogEntity=entity instanceof PrivateDialogEntity?entity:null;break;case DialogType.public:dialogEntity=entity instanceof PublicDialogEntity?entity:null;break;case DialogType.group:dialogEntity=entity instanceof GroupDialogEntity?entity:null;break;default:dialogEntity=null}if(!dialogEntity)throw new MapperDTOException(UNEXPECTED_MAPPER_DTO_EXCEPTION_MESSAGE,131,"wrong type");return dialogEntity}static getPhoto(dialogEntity){return(dialogEntity instanceof GroupDialogEntity||dialogEntity instanceof PublicDialogEntity)&&dialogEntity.photo||""}static getDialogName(dialogEntity){return dialogEntity instanceof GroupDialogEntity||dialogEntity instanceof PublicDialogEntity||dialogEntity instanceof PrivateDialogEntity?dialogEntity.name:""}static getParticipantId(dialogEntity){return dialogEntity instanceof PrivateDialogEntity?dialogEntity.participantId.toString():""}static getParticipantsIds(dialogEntity){return dialogEntity instanceof GroupDialogEntity?dialogEntity.participantIds:[]}static validateEntity(dialogEntity){return dialogEntity instanceof PrivateDialogEntity?DialogLocalDTOMapper.validateIsPrivateDialogCorrect(dialogEntity):dialogEntity instanceof PublicDialogEntity?DialogLocalDTOMapper.validateIsPublicDialogCorrect(dialogEntity):dialogEntity instanceof GroupDialogEntity?DialogLocalDTOMapper.validateIsGroupDialogCorrect(dialogEntity):Promise.resolve()}static validateIsPrivateDialogCorrect(dialogEntity){let privateDialogEntityValidator={name(v){let{name}=v;return null!=name&&name.length>0},customData(v){let{customData}=v;return void 0!==customData&&void 0!==customData.todo},id(v){let{id}=v;return null!=id},lastMessage(v){let{lastMessage}=v;return null!=lastMessage&&void 0!==lastMessage.dateSent&&void 0!==lastMessage.text&&void 0!==lastMessage.userId},ownerId(v){let{ownerId}=v;return null!=ownerId},participantId(v){let{participantId}=v;return null!=participantId},type(v){let{type}=v;return null!=type},unreadMessageCount(v){let{unreadMessageCount}=v;return null!=unreadMessageCount},updatedAt(v){let{updatedAt}=v;return null!=updatedAt}};if(!privateDialogEntityValidator.id(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {id} does not exist or empty");if(!privateDialogEntityValidator.name(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {name} does not exist or empty");if(!privateDialogEntityValidator.customData(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {customData} does not exist or empty");if(!privateDialogEntityValidator.lastMessage(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {lastMessage} does not exist or empty");if(!privateDialogEntityValidator.ownerId(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {ownerId} does not exist or empty");if(!privateDialogEntityValidator.participantId(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {participantId} does not exist or empty");if(!privateDialogEntityValidator.type(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {type} does not exist or empty");if(!privateDialogEntityValidator.unreadMessageCount(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {unreadMessageCount} does not exist or empty");if(!privateDialogEntityValidator.updatedAt(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {updatedAt} does not exist or empty")}static validateIsPublicDialogCorrect(dialogEntity){let publicDialogEntityValidator={customData(v){let{customData}=v;return void 0!==customData&&void 0!==customData.todo},id(v){let{id}=v;return null!=id},lastMessage(v){let{lastMessage}=v;return null!=lastMessage&&void 0!==lastMessage.dateSent&&void 0!==lastMessage.text&&void 0!==lastMessage.userId},ownerId(v){let{ownerId}=v;return null!=ownerId},type(v){let{type}=v;return null!=type},unreadMessageCount(v){let{unreadMessageCount}=v;return null!=unreadMessageCount},updatedAt(v){let{updatedAt}=v;return null!=updatedAt},name(v){let{name}=v;return null!=name&&name.length>0},photo(v){let{photo}=v;return null!=photo}};if(!publicDialogEntityValidator.id(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {id} does not exist or empty");if(!publicDialogEntityValidator.customData(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {customData} does not exist or empty");if(!publicDialogEntityValidator.lastMessage(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {lastMessage} does not exist or empty");if(!publicDialogEntityValidator.ownerId(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {ownerId} does not exist or empty");if(!publicDialogEntityValidator.type(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {type} does not exist or empty");if(!publicDialogEntityValidator.unreadMessageCount(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {unreadMessageCount} does not exist or empty");if(!publicDialogEntityValidator.updatedAt(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {updatedAt} does not exist or empty");if(!publicDialogEntityValidator.name(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {name} does not exist or empty");if(!publicDialogEntityValidator.photo(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {photo} does not exist or empty")}static validateIsGroupDialogCorrect(dialogEntity){let groupDialogEntityValidator={customData(v){let{customData}=v;return void 0!==customData&&void 0!==customData.todo},id(v){let{id}=v;return null!=id},lastMessage(v){let{lastMessage}=v;return null!=lastMessage&&void 0!==lastMessage.dateSent&&void 0!==lastMessage.text&&void 0!==lastMessage.userId},ownerId(v){let{ownerId}=v;return null!=ownerId},type(v){let{type}=v;return null!=type},unreadMessageCount(v){let{unreadMessageCount}=v;return null!=unreadMessageCount},updatedAt(v){let{updatedAt}=v;return null!=updatedAt},name(v){let{name}=v;return null!=name},photo(v){let{photo}=v;return null!=photo},participantIds(v){let{participantIds}=v;return null!=participantIds}};if(!groupDialogEntityValidator.id(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {id} does not exist or empty");if(!groupDialogEntityValidator.customData(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {customData} does not exist or empty");if(!groupDialogEntityValidator.lastMessage(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {lastMessage} does not exist or empty");if(!groupDialogEntityValidator.ownerId(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {ownerId} does not exist or empty");if(!groupDialogEntityValidator.type(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {type} does not exist or empty");if(!groupDialogEntityValidator.unreadMessageCount(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {unreadMessageCount} does not exist or empty");if(!groupDialogEntityValidator.updatedAt(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {updatedAt} does not exist or empty");if(!groupDialogEntityValidator.name(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {name} does not exist or empty");if(!groupDialogEntityValidator.photo(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {photo} does not exist or empty");if(!groupDialogEntityValidator.participantIds(dialogEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {participantIds} does not exist or empty")}static validateLocalDTO(data){let dtoValidator={id(v){let{id}=v;return void 0!==id},lastMessageDateSent(v){let{lastMessageDateSent}=v;return void 0!==lastMessageDateSent},lastMessageText(v){let{lastMessageText}=v;return void 0!==lastMessageText},lastMessageUserId(v){let{lastMessageUserId}=v;return void 0!==lastMessageUserId},name(v){let{name}=v;return void 0!==name},ownerId(v){let{ownerId}=v;return void 0!==ownerId},participantId(v){let{participantId}=v;return void 0!==participantId},participantsIds(v){let{participantsIds}=v;return void 0!==participantsIds},photo(v){let{photo}=v;return void 0!==photo},type(v){let{type}=v;return void 0!==type},unreadMessageCount(v){let{unreadMessageCount}=v;return void 0!==unreadMessageCount},updatedAt(v){let{updatedAt}=v;return void 0!==updatedAt}};if(!dtoValidator.id(data))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {id} does not exist or empty in DTO");if(!dtoValidator.lastMessageDateSent(data))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {lastMessageDateSent} does not exist or empty in DTO");if(!dtoValidator.lastMessageText(data))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {lastMessageText} does not exist or empty in DTO");if(!dtoValidator.name(data))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {name} does not exist or empty in DTO");if(!dtoValidator.ownerId(data))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {ownerId} does not exist or empty in DTO");if(!dtoValidator.participantId(data))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {participantId} does not exist or empty in DTO");if(!dtoValidator.participantsIds(data))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {participantsIds} does not exist or empty in DTO");if(!dtoValidator.photo(data))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {photo} does not exist or empty in DTO");if(!dtoValidator.type(data))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {type} does not exist or empty in DTO");if(!dtoValidator.unreadMessageCount(data))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {unreadMessageCount} does not exist or empty in DTO");if(!dtoValidator.updatedAt(data))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {updatedAt} does not exist or empty in DTO")}static createDefaultDialogEntity(owner_id){return{customData:{todo:""},lastMessage:{dateSent:"",text:"",userId:0},ownerId:owner_id,type:DialogType.public,unreadMessageCount:0,updatedAt:"",id:"",name:"_"}}}class LocalMessageDTO{constructor(){this.id=void 0,this.dialogId=void 0,this.dialog_type=void 0,this.message=void 0,this.created_at=void 0,this.date_sent=void 0,this.delivered_ids=void 0,this.read_ids=void 0,this.read=void 0,this.recipient_id=void 0,this.sender_id=void 0,this.updated_at=void 0,this.attachments=void 0,this.notification_type=void 0,this.markable=void 0,this.id="",this.dialogId="",this.message="",this.created_at="",this.date_sent=0,this.delivered_ids=[],this.read_ids=[],this.recipient_id=0,this.read=0,this.sender_id=0,this.updated_at="",this.attachments=[]}}class MessageLocalDTOMapper{fromEntity(entity){let messageDTO=new LocalMessageDTO;if(null==entity)throw new MapperDTOException(UNEXPECTED_MAPPER_DTO_EXCEPTION_MESSAGE,131,"entity is null or undefined");return MessageLocalDTOMapper.validateEntity(entity),messageDTO.id=entity.id.toString(),messageDTO.dialogId=entity.dialogId,messageDTO.created_at=entity.created_at,messageDTO.date_sent=entity.date_sent,messageDTO.delivered_ids=entity.delivered_ids,messageDTO.message=entity.message,messageDTO.read_ids=entity.read_ids,messageDTO.read=entity.read?1:0,null!==entity.recipient_id&&(messageDTO.recipient_id=entity.recipient_id),messageDTO.notification_type=entity.notification_type,messageDTO.dialog_type=entity.dialogType,messageDTO.sender_id=entity.sender_id,messageDTO.updated_at=entity.updated_at,entity.attachments&&entity.attachments.length&&entity.attachments.forEach(att=>{let newAtt={...att};messageDTO.attachments.push(newAtt)}),Promise.resolve(messageDTO)}toEntity(data){MessageLocalDTOMapper.validateLocalDTO(data);let messageEntity=MessageLocalDTOMapper.createDefaultMessageEntity();return messageEntity.id=data.id,messageEntity.dialogId=data.dialogId,messageEntity.created_at=data.created_at,messageEntity.date_sent=data.date_sent,messageEntity.delivered_ids=data.delivered_ids,messageEntity.message=data.message,messageEntity.read_ids=data.read_ids,messageEntity.read=data.read,messageEntity.recipient_id=data.recipient_id,messageEntity.sender_id=data.sender_id,messageEntity.updated_at=data.updated_at,data.attachments&&data.attachments.length&&(messageEntity.attachments=[],data.attachments.forEach(att=>{var _messageEntity$attach;let newAtt={...att};null===(_messageEntity$attach=messageEntity.attachments)||void 0===_messageEntity$attach||_messageEntity$attach.push(newAtt)})),messageEntity.notification_type=null!=data&&data.notification_type?null==data?void 0:data.notification_type:"",messageEntity.markable=null!=data&&data.markable?null==data?void 0:data.markable:"",Promise.resolve(messageEntity)}static validateEntity(messageEntity){let messageEntityValidator={created_at(v){let{created_at}=v;return null!=created_at&&created_at.length>0},date_sent(v){let{date_sent}=v;return null!=date_sent},delivered_ids(v){let{delivered_ids}=v;return null!=delivered_ids},dialogId(v){let{dialogId}=v;return null!=dialogId&&dialogId.length>0},id(v){let{id}=v;return null!=id},message(v){let{message}=v;return null!=message&&message.length>0},read(v){let{read}=v;return null!=read},read_ids(v){let{read_ids}=v;return null!=read_ids},recipient_id(v){let{recipient_id}=v;return null!=recipient_id},sender_id(v){let{sender_id}=v;return null!=sender_id},updated_at(v){let{updated_at}=v;return null!=updated_at&&updated_at.length>0}};if(!messageEntityValidator.created_at(messageEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {created_at} does not exist or empty");if(!messageEntityValidator.date_sent(messageEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {date_sent} does not exist or empty");if(!messageEntityValidator.delivered_ids(messageEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {delivered_ids} does not exist or empty");if(!messageEntityValidator.dialogId(messageEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {dialogId} does not exist or empty");if(!messageEntityValidator.id(messageEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {id} does not exist or empty");if(!messageEntityValidator.message(messageEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {message} does not exist or empty");if(!messageEntityValidator.read(messageEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {read} does not exist or empty");if(!messageEntityValidator.read_ids(messageEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {read_ids} does not exist or empty");if(!messageEntityValidator.recipient_id(messageEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {recipient_id} does not exist or empty");if(!messageEntityValidator.sender_id(messageEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {sender_id} does not exist or empty");if(!messageEntityValidator.updated_at(messageEntity))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {updated_at} does not exist or empty");return Promise.resolve()}static validateLocalDTO(messageDTO){let dtoValidator={created_at(v){let{created_at}=v;return null!=created_at&&created_at.length>0},date_sent(v){let{date_sent}=v;return null!=date_sent},delivered_ids(v){let{delivered_ids}=v;return null!=delivered_ids},dialogId(v){let{dialogId}=v;return null!=dialogId&&dialogId.length>0},id(v){let{id}=v;return null!=id},message(v){let{message}=v;return null!=message&&message.length>0},read(v){let{read}=v;return null!=read},read_ids(v){let{read_ids}=v;return null!=read_ids},recipient_id(v){let{recipient_id}=v;return null!=recipient_id},sender_id(v){let{sender_id}=v;return null!=sender_id},updated_at(v){let{updated_at}=v;return null!=updated_at&&updated_at.length>0},attachments(v){let{attachments}=v;return null!=attachments}};if(!dtoValidator.created_at(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {created_at} does not exist or empty");if(!dtoValidator.date_sent(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {date_sent} does not exist or empty");if(!dtoValidator.delivered_ids(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {delivered_ids} does not exist or empty");if(!dtoValidator.dialogId(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {dialogId} does not exist or empty");if(!dtoValidator.id(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {id} does not exist or empty");if(!dtoValidator.message(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {message} does not exist or empty");if(!dtoValidator.read(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {read} does not exist or empty");if(!dtoValidator.read_ids(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {read_ids} does not exist or empty");if(!dtoValidator.recipient_id(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {recipient_id} does not exist or empty");if(!dtoValidator.sender_id(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {sender_id} does not exist or empty");if(!dtoValidator.updated_at(messageDTO))throw new MapperDTOException(INCORRECT_DATA_MAPPER_DTO_EXCEPTION_MESSAGE,132,"field {updated_at} does not exist or empty")}static createDefaultMessageEntity(){return{id:"",dialogId:"",created_at:"",date_sent:0,delivered_ids:[],message:"",read_ids:[],read:0,recipient_id:0,sender_id:0,updated_at:""}}}class Stubs{static createMessageEntityWithParams(id,dialogId,message,created_at,date_sent,updated_at,delivered_ids,read_ids,read,sender_id,recipient_id,attachments,notification_type,dialog_type){return{created_at,date_sent,delivered_ids,dialogId,id,message,read,read_ids,recipient_id,sender_id,updated_at,attachments,notification_type,dialogType:dialog_type}}static createFileEntityWithDefaultValues(){return{id:"0",uid:"",url:"",name:"",size:0,type:FileType.image}}static async initializeWithUsersMockData(ds){console.log("local datasource sync status: ",ds.isLocalSynced());let userEntities=Stubs.createUsersForTest(),userEntityToDTOMapper=new UserRemoteDTOMapper;for(let entity of userEntities)try{let userDTO=await userEntityToDTOMapper.fromEntity(entity);await ds.saveUser(userDTO)}catch(e){console.log("EXCEPTION UserEntity perform: ",JSON.stringify(entity)),console.log(e.message),console.log(e._description)}}static async initializeWithDialogsMockData(ds){console.log("local datasource sync status: ",ds.isLocalSynced());let dialogsDTOtoEntityMapper=new DialogLocalDTOMapper;for(let item of Stubs.createDialogsForTest()){let dialogDTO=await dialogsDTOtoEntityMapper.fromEntity(item);ds.saveDialog(dialogDTO).then(_=>{console.log("added mock item ".concat(JSON.stringify(dialogDTO)))}).catch(e=>{console.log("EXCEPTION:",e.message)})}}static async initializeWithMessagesMockData(ds){console.log("call initializeWithMessagesMockData");let initFirstPageMessages=[],photoAttachments=[{id:"10231",type:FileType.image,uid:"10231",url:"https://via.placeholder.com/600/92c952",file:{id:"10231",uid:"",type:FileType.image,url:"https://via.placeholder.com/600/92c952"}}],videoAttachments=[{id:"10232",type:FileType.video,uid:"10232",url:"https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/WhatCarCanYouGetForAGrand.mp4",file:{id:"10232",uid:"",type:FileType.video,url:"https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/WhatCarCanYouGetForAGrand.mp4"}}];FileType.audio,FileType.audio;let textAttachments=[{id:"10233",type:FileType.text,uid:"10233",url:"https://www.learningcontainer.com/wp-content/uploads/2020/04/sample-text-file.txt",file:{id:"10233",uid:"",type:FileType.text,url:"https://www.learningcontainer.com/wp-content/uploads/2020/04/sample-text-file.txt"},name:"textFile.txt"}];for(let i=0;i<47;i+=1){let newMessageEntity=Stubs.createMessageEntityWithParams(i.toString(),"103",i%9==0?"".concat(i+1," very very very long test text message for dialog 103. The text message with huge text: bla-bla-bla long long long long, bla-bla-bla, very very very long test text message for dialog 103. very very very long test text message for dialog 103. etc"):"".concat(i+1," test message for dialog 103"),"31.03.2023",Date.now(),"31.03.2023",[134885168,12,13],[134885168,12,13],1,i%2==0?134885168:12,i%2==0?12:134885168,4===i?photoAttachments:5===i?videoAttachments:void 0,i%7==0?"3":void 0);initFirstPageMessages.push(newMessageEntity)}for(let i=47;i<100;i+=1){let newMessageEntity=Stubs.createMessageEntityWithParams(i.toString(),"103","".concat(i+1," test message for dialog 103"),"31.03.2023",Date.now(),"31.03.2023",[134885168,12,13],[134885168,12,13],1,134885168,12,textAttachments);initFirstPageMessages.push(newMessageEntity)}let messageEntityToDTOMapper=new MessageLocalDTOMapper;for(let entity of initFirstPageMessages)try{let messageDTO=await messageEntityToDTOMapper.fromEntity(entity);await ds.saveMessage(messageDTO)}catch(e){console.log("EXCEPTION MessageEntity perform: ",JSON.stringify(entity)),console.log(e.message),console.log(e._description)}}static initializeMessagesWithMockData(){let initFirstPageMessages=[],photoAttachments=[{id:"10231",type:FileType.image,uid:"10231",url:"https://via.placeholder.com/600/92c952",file:{id:"10231",uid:"",type:FileType.image,url:"https://via.placeholder.com/600/92c952"}}],videoAttachments=[{id:"10232",type:FileType.video,uid:"10232",url:"https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/WhatCarCanYouGetForAGrand.mp4",file:{id:"10232",uid:"",type:FileType.video,url:"https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/WhatCarCanYouGetForAGrand.mp4"}}],audioAttachments=[{id:"10233",type:FileType.audio,uid:"10233",url:"https://cdn.freesound.org/previews/681/681715_1648170-lq.mp3",file:{id:"10233",uid:"",type:FileType.audio,url:"https://cdn.freesound.org/previews/681/681715_1648170-lq.mp3"}}],textAttachments=[{id:"10233",type:FileType.text,uid:"10233",url:"https://www.learningcontainer.com/wp-content/uploads/2020/04/sample-text-file.txt",file:{id:"10233",uid:"",type:FileType.text,url:"https://www.learningcontainer.com/wp-content/uploads/2020/04/sample-text-file.txt"},name:"textFile.txt"}],createAttachment=i=>{switch(i){case 1:return photoAttachments;case 2:return videoAttachments;case 3:return audioAttachments;case 4:return textAttachments;default:return[]}};for(let i=1;i<=4;i+=1){let newMessageEntity=Stubs.createMessageEntityWithParams(i.toString(),"103",i%3==0?"".concat(i+1," very very very long test text message for dialog 103. The text message with huge text: bla-bla-bla long long long long, bla-bla-bla, very very very long test text message for dialog 103. very very very long test text message for dialog 103. etc"):"".concat(i+1," test message for dialog 103"),"31.03.2023",Date.now(),"31.03.2023",[134885168,12,13],[134885168,12,13],1,i%2==0?134885168:12,i%2==0?12:134885168,createAttachment(i),i%7==0?"3":void 0);initFirstPageMessages.push(newMessageEntity)}return initFirstPageMessages}static createDialogEntityByTypeWithEmptyValues(dialogType){let dialogEntity;switch(dialogType){case DialogType.private:dialogEntity=new PrivateDialogEntity({todo:""},"","_",{dateSent:"",text:"",userId:0},"",DialogType.private,0,"",0);break;case DialogType.public:dialogEntity=new PublicDialogEntity({todo:""},"",{dateSent:"",text:"",userId:0},"",DialogType.public,0,"","","");break;case DialogType.group:dialogEntity=new GroupDialogEntity({todo:""},"",{dateSent:"",text:"",userId:0},"",DialogType.group,0,"",[],"","");break;default:dialogEntity={customData:{todo:""},id:"",name:"_",lastMessage:{dateSent:"",text:"",userId:0},ownerId:"",type:-1,unreadMessageCount:0,updatedAt:""}}return dialogEntity}static createDialogEntityWithError(){return Stubs.createDialogEntityByTypeWithEmptyValues(-1)}static createDialogEntityByTypeWithDefaultValues(dialogType){let dialogEntity;switch(dialogType){case DialogType.private:dialogEntity=new PrivateDialogEntity({todo:""},"111","_111",{dateSent:"01.02.2023",text:"text test",userId:777},"999",DialogType.private,555,"02.02.2023",333);break;case DialogType.public:dialogEntity=new PublicDialogEntity({todo:""},"111",{dateSent:"01.02.2023",text:"text test",userId:777},"999",DialogType.public,555,"02.02.2023","test public dialog","no photo public dialog");break;case DialogType.group:dialogEntity=new GroupDialogEntity({todo:""},"111",{dateSent:"01.02.2023",text:"text test",userId:777},"999",DialogType.group,555,"02.02.2023",[],"test group dialog","no photo group dialog");break;default:dialogEntity={customData:{todo:""},id:"111",name:"_111",lastMessage:{dateSent:"01.02.2023",text:"text test",userId:777},ownerId:"999",type:-1,unreadMessageCount:555,updatedAt:"03.02.2023"}}return dialogEntity}static createDialogDTOByTypeWithDefaultValues(dialogType){let dto=new RemoteDialogDTO;switch(dialogType){case DialogType.private:dto.id="111",dto.lastMessageDateSent="01.02.2023",dto.lastMessageText="text test",dto.lastMessageUserId="777",dto.ownerId="999",dto.type=dialogType,dto.unreadMessageCount=555,dto.updatedAt="02.02.2023",dto.participantId="333";break;case DialogType.public:dto.id="111",dto.lastMessageDateSent="01.02.2023",dto.lastMessageText="text test",dto.lastMessageUserId="777",dto.ownerId="999",dto.type=dialogType,dto.unreadMessageCount=555,dto.updatedAt="02.02.2023",dto.name="test public dialog",dto.photo="no photo public dialog";break;case DialogType.group:dto.id="111",dto.lastMessageDateSent="01.02.2023",dto.lastMessageText="text test",dto.lastMessageUserId="777",dto.ownerId="999",dto.type=dialogType,dto.unreadMessageCount=555,dto.updatedAt="02.02.2023",dto.participantsIds=[],dto.name="test group dialog",dto.photo="no photo group dialog"}return dto}static createArrayDialogDTOByTypeWithDefaultValues(count,dialogType){let arrayDialogs=[];for(let i=0;i<count;i+=1)Stubs.createDialogDTOByTypeWithDefaultValues(dialogType).id=(1e3+i).toString(),arrayDialogs.push();return arrayDialogs}static createArrayPublicDialogDTO(){return console.log("call createArrayPublicDialogDTO"),[{id:"1",name:"Cash Chat 1",ownerId:"1",photo:"",type:DialogType.public,participantId:"",participantsIds:[],lastMessageText:"",lastMessageDateSent:"",lastMessageUserId:"",lastMessageId:"",unreadMessageCount:0,updatedAt:""},{id:"2",name:"Cash Chat 2",ownerId:"2",photo:"",type:DialogType.public,participantId:"",participantsIds:[],lastMessageText:"",lastMessageDateSent:"",lastMessageUserId:"",lastMessageId:"",unreadMessageCount:0,updatedAt:""},{id:"3",name:"Chat 3 from Cash",ownerId:"3",photo:"",type:DialogType.public,participantId:"",participantsIds:[],lastMessageText:"",lastMessageDateSent:"",lastMessageUserId:"",lastMessageId:"",unreadMessageCount:0,updatedAt:""},{id:"4",name:"Chat 4 from Cash",ownerId:"4",photo:"",type:DialogType.public,participantId:"",participantsIds:[],lastMessageText:"",lastMessageDateSent:"",lastMessageUserId:"",lastMessageId:"",unreadMessageCount:0,updatedAt:""},{id:"5",name:"Chat 5 from Cash",ownerId:"5",photo:"",type:DialogType.public,participantId:"",participantsIds:[],lastMessageText:"",lastMessageDateSent:"",lastMessageUserId:"",lastMessageId:"",unreadMessageCount:0,updatedAt:""},{id:"6",name:"Chat 6 from Cash",ownerId:"6",photo:"",type:DialogType.public,participantId:"",participantsIds:[],lastMessageText:"",lastMessageDateSent:"",lastMessageUserId:"",lastMessageId:"",unreadMessageCount:0,updatedAt:""},{id:"7",name:"Chat 7 Lucky Room",ownerId:"7",photo:"",type:DialogType.public,participantId:"",participantsIds:[],lastMessageText:"",lastMessageDateSent:"",lastMessageUserId:"",lastMessageId:"",unreadMessageCount:0,updatedAt:""}]}static createPublicDialogQBWithEmptyValues(){return{_id:"111",created_at:"01.03.2023",last_message:"test message",last_message_date_sent:"02.03.2023",last_message_id:"100",last_message_user_id:112,name:"",occupants_ids:[],new_occupants_ids:[],photo:null,type:DialogType.public,unread_messages_count:0,updated_at:"02.03.2023",user_id:0,xmpp_room_jid:null}}static createPrivateDialogQBWithEmptyValues(){return{_id:"111",created_at:"01.03.2023",last_message:"test message",last_message_date_sent:"02.03.2023",last_message_id:"100",last_message_user_id:112,name:"",occupants_ids:[],new_occupants_ids:[],photo:null,type:DialogType.private,unread_messages_count:0,updated_at:"02.03.2023",user_id:0,xmpp_room_jid:null}}static createGroupDialogQBWithEmptyValues(){return{_id:"111",created_at:"01.03.2023",last_message:"test message",last_message_date_sent:"02.03.2023",last_message_id:"100",last_message_user_id:112,name:"",occupants_ids:[],new_occupants_ids:[],photo:null,type:DialogType.group,unread_messages_count:0,updated_at:"02.03.2023",user_id:0,xmpp_room_jid:null}}static createDialogEntityWithParams(dialogType,id,name,dateSentLastMessage,textLastMessage,userIdLastMessage,ownerId,unreadMessageCount,updatedAt,participantId){let dialogEntity,photo=arguments.length>10&&void 0!==arguments[10]?arguments[10]:"",participantIds=arguments.length>11&&void 0!==arguments[11]?arguments[11]:[];switch(dialogType){case DialogType.private:dialogEntity=new PrivateDialogEntity({todo:""},id,name,{dateSent:dateSentLastMessage,text:textLastMessage,userId:userIdLastMessage},ownerId,DialogType.private,unreadMessageCount,updatedAt,participantId);break;case DialogType.public:dialogEntity=new PublicDialogEntity({todo:""},id,{dateSent:dateSentLastMessage,text:textLastMessage,userId:userIdLastMessage},ownerId,DialogType.public,unreadMessageCount,updatedAt,name,photo);break;case DialogType.group:dialogEntity=new GroupDialogEntity({todo:""},id,{dateSent:dateSentLastMessage,text:textLastMessage,userId:userIdLastMessage},ownerId,DialogType.group,unreadMessageCount,updatedAt,participantIds,name,photo);break;default:dialogEntity={customData:{todo:""},id:"012345",name:"error dialog",lastMessage:{dateSent:"31.03.2023",text:"text test",userId:12345},ownerId:"12345",type:-1,unreadMessageCount:0,updatedAt:"31.03.2023"}}return dialogEntity}static createUserEntityWithParams(id,full_name,email,login,created_at,updated_at,last_request_at){let custom_data=arguments.length>7&&void 0!==arguments[7]?arguments[7]:null,user_tags=arguments.length>8&&void 0!==arguments[8]?arguments[8]:null,blob_id=arguments.length>9&&void 0!==arguments[9]?arguments[9]:"",photo=arguments.length>10&&void 0!==arguments[10]?arguments[10]:"";return{id,full_name,email,login,created_at,updated_at,last_request_at,blob_id,photo,custom_data,user_tags}}static createDialogsForTest(){let dialogs=[];return dialogs.push(Stubs.createDialogEntityWithParams(DialogType.private,"101","Stub1 Private Dialog","31.03.2023","Test text message for private dialog",11,"11",1,"31.03.20223",12)),dialogs.push(Stubs.createDialogEntityWithParams(DialogType.public,"102","Stub2 Public Dialog","31.03.2023","Test text message for public dialog",12,"12",1,"31.03.20223",12,"no photo",[11,12,13])),dialogs.push(Stubs.createDialogEntityWithParams(DialogType.group,"103","Stub 3 Group Dialog","31.03.2023","Test text message for group dialog",13,"13",1,"31.03.20223",13,"no photo",[11,12,13])),dialogs}static createUsersForTest(){let users=[],user11=Stubs.createUserEntityWithParams(11,"fl_user11","fl_user11@q.ua","login_user11","31.03.2023","31.03.2023",0),user12=Stubs.createUserEntityWithParams(12,"fl_user12","fl_user12@q.ua","login_user12","31.03.2023","31.03.2023",0),user13=Stubs.createUserEntityWithParams(13,"fl_user13","fl_user13@q.ua","login_user13","31.03.2023","31.03.2023",0);return users.push(user11),users.push(user12),users.push(user13),users}static createMessagesForTest(){let messages=[],message102_1=Stubs.createMessageEntityWithParams("1021","102","1 test message for dialog 102","31.03.2023",Date.now(),"31.03.2023",[11,12,13],[11,12,13],1,11,12),message102_2=Stubs.createMessageEntityWithParams("1022","102","2 test message for dialog 102","31.03.2023",Date.now(),"31.03.2023",[11,12,13],[11,12,13],1,11,12),photo={id:"10231",type:FileType.image,uid:"10231",url:"https://via.placeholder.com/600/92c952",file:{id:"10231",uid:"",type:FileType.image,url:"https://via.placeholder.com/600/92c952"}},message102_3=Stubs.createMessageEntityWithParams("1023","102","3 test message for dialog 102","31.03.2023",Date.now(),"31.03.2023",[11,12,13],[11,12,13],1,11,12,[photo]),video={id:"10232",type:FileType.video,uid:"10232",url:"https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/WhatCarCanYouGetForAGrand.mp4",file:{id:"10232",uid:"",type:FileType.video,url:"https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/WhatCarCanYouGetForAGrand.mp4"}},message102_4=Stubs.createMessageEntityWithParams("1024","102","3 test message for dialog 102","31.03.2023",Date.now(),"31.03.2023",[11,12,13],[11,12,13],1,11,12,[video]),audio={id:"10233",type:FileType.audio,uid:"10233",url:"https://cdn.freesound.org/previews/681/681715_1648170-lq.mp3",file:{id:"10233",uid:"",type:FileType.audio,url:"https://cdn.freesound.org/previews/681/681715_1648170-lq.mp3"}},message102_5=Stubs.createMessageEntityWithParams("1025","102","3 test message for dialog 102","31.03.2023",Date.now(),"31.03.2023",[11,12,13],[11,12,13],1,11,12,[audio]),text={id:"10233",type:FileType.text,uid:"10233",url:"https://www.learningcontainer.com/wp-content/uploads/2020/04/sample-text-file.txt",file:{id:"10233",uid:"",type:FileType.text,url:"https://www.learningcontainer.com/wp-content/uploads/2020/04/sample-text-file.txt"}},message102_6=Stubs.createMessageEntityWithParams("1026","102","3 test message for dialog 102","31.03.2023",Date.now(),"31.03.2023",[11,12,13],[11,12,13],1,11,12,[text]);messages.push(message102_1),messages.push(message102_2),messages.push(message102_3),messages.push(message102_4),messages.push(message102_5),messages.push(message102_6);let message112_1=Stubs.createMessageEntityWithParams("1121","112","1 test message for dialog 112","31.03.2023",Date.now(),"31.03.2023",[11,12,13],[11,12,13],1,11,12),message112_2=Stubs.createMessageEntityWithParams("1122","112","2 test message for dialog 112","31.03.2023",Date.now(),"31.03.2023",[11,12,13],[11,12,13],1,11,12),message112_3=Stubs.createMessageEntityWithParams("1123","112","3 test message for dialog 112","31.03.2023",Date.now(),"31.03.2023",[11,12,13],[11,12,13],1,11,12);messages.push(message112_1),messages.push(message112_2),messages.push(message112_3);let message113_1=Stubs.createMessageEntityWithParams("1131","113","1 test message for dialog 113","31.03.2023",Date.now(),"31.03.2023",[11,12,13],[11,12,13],1,11,12),message113_2=Stubs.createMessageEntityWithParams("1132","113","2 test message for dialog 113","31.03.2023",Date.now(),"31.03.2023",[11,12,13],[11,12,13],1,11,12),message113_3=Stubs.createMessageEntityWithParams("1133","113","3 test message for dialog 113","31.03.2023",Date.now(),"31.03.2023",[11,12,13],[11,12,13],1,11,12);return messages.push(message113_1),messages.push(message113_2),messages.push(message113_3),messages}}let MessageInput_stories={title:"@quickblox-react-ui-kit/Presentation/ui-components/MessageInput",component:MessageInput_MessageInput,tags:["autodocs"],parameters:{layout:"centered"},argTypes:{rephrase:{control:!1},value:{control:"text",description:"Input value"},onChange:{action:"changed",description:"Change event handler"},onSend:{action:"sent",description:"Send event handler"},enableVoice:{control:"boolean",description:"Enable voice message option"},onVoice:{action:"voice activated",description:"Voice event handler"},disableAttachment:{control:"boolean",description:"Disable attachment option"},onAttachment:{action:"attachment added",description:"Attachment event handler"},loading:{control:"boolean",description:"Enable loading state"},previewMessage:{description:"Last message by type",control:"select",options:["Text","Image","Video","Audio","None"],mapping:{Text:(0,jsx_runtime.jsx)(ReplyMessagePreview_ReplyMessagePreview,{messages:[Stubs.initializeMessagesWithMockData()[3]],userNameSentMessage:"",onClose:()=>{console.log("closed")}}),Image:(0,jsx_runtime.jsx)(ReplyMessagePreview_ReplyMessagePreview,{messages:[Stubs.initializeMessagesWithMockData()[0]],userNameSentMessage:"",onClose:()=>{console.log("closed")}}),Video:(0,jsx_runtime.jsx)(ReplyMessagePreview_ReplyMessagePreview,{messages:[Stubs.initializeMessagesWithMockData()[1]],userNameSentMessage:"",onClose:()=>{console.log("closed")}}),Audio:(0,jsx_runtime.jsx)(ReplyMessagePreview_ReplyMessagePreview,{messages:[Stubs.initializeMessagesWithMockData()[2]],userNameSentMessage:"",onClose:()=>{console.log("closed")}}),None:void 0}},className:{control:"text",description:"CSS class"}}},MessageInputDefault={name:"MessageInput Default",args:{value:"",enableVoice:!1,disableAttachment:!1,loading:!1}},MessageInputWithVoiceMessage={name:"MessageInput With Voice Message",args:{...MessageInputDefault.args,enableVoice:!0}},MessageInputWithPreview={name:"MessageInput With Preview",args:{...MessageInputDefault.args,previewMessage:(0,jsx_runtime.jsx)(ReplyMessagePreview_ReplyMessagePreview,{messages:[Stubs.initializeMessagesWithMockData()[0]],userNameSentMessage:"",onClose:()=>{console.log("closed")}})}},MessageInputLoadingState={name:"MessageInput Loading State",args:{...MessageInputDefault.args,loading:!0}};MessageInputDefault.parameters={...MessageInputDefault.parameters,docs:{...MessageInputDefault.parameters?.docs,source:{originalSource:"{\n name: 'MessageInput Default',\n args: {\n value: '',\n enableVoice: false,\n disableAttachment: false,\n loading: false\n }\n}",...MessageInputDefault.parameters?.docs?.source}}},MessageInputWithVoiceMessage.parameters={...MessageInputWithVoiceMessage.parameters,docs:{...MessageInputWithVoiceMessage.parameters?.docs,source:{originalSource:"{\n name: 'MessageInput With Voice Message',\n args: {\n ...MessageInputDefault.args,\n enableVoice: true\n }\n}",...MessageInputWithVoiceMessage.parameters?.docs?.source}}},MessageInputWithPreview.parameters={...MessageInputWithPreview.parameters,docs:{...MessageInputWithPreview.parameters?.docs,source:{originalSource:"{\n name: 'MessageInput With Preview',\n args: {\n ...MessageInputDefault.args,\n previewMessage: <ReplyMessagePreview messages={[Stubs.initializeMessagesWithMockData()[0]]} userNameSentMessage=\"\" onClose={() => {\n console.log('closed');\n }} />\n }\n}",...MessageInputWithPreview.parameters?.docs?.source}}},MessageInputLoadingState.parameters={...MessageInputLoadingState.parameters,docs:{...MessageInputLoadingState.parameters?.docs,source:{originalSource:"{\n name: 'MessageInput Loading State',\n args: {\n ...MessageInputDefault.args,\n loading: true\n }\n}",...MessageInputLoadingState.parameters?.docs?.source}}};let __namedExportsOrder=["MessageInputDefault","MessageInputWithVoiceMessage","MessageInputWithPreview","MessageInputLoadingState"]},"./src/Presentation/ui-components/Loader/Loader.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Loader_Loader});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Loader_Loader(_ref){let{className,size="md"}=_ref;return(0,jsx_runtime.jsx)(icons.t$,{className:classnames_default()("loader",size&&"loader--".concat(size),className)})}try{Loader_Loader.displayName="Loader",Loader_Loader.__docgenInfo={description:"",displayName:"Loader",props:{size:{defaultValue:{value:"md"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"sm"'},{value:'"md"'},{value:'"lg"'}]}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Loader/Loader.tsx#Loader"]={docgenInfo:Loader_Loader.__docgenInfo,name:"Loader",path:"src/Presentation/ui-components/Loader/Loader.tsx#Loader"})}catch(__react_docgen_typescript_loader_error){}}}]);

package/storybook-static/{Presentation-ui-components-MessageSeparator-MessageSeparator-stories.82483823.iframe.bundle.js → Presentation-ui-components-MessageSeparator-MessageSeparator-stories.a7d43c0b.iframe.bundle.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-"use strict";(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[658],{"./src/Presentation/ui-components/MessageSeparator/MessageSeparator.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{MessageSeparatorDate:()=>MessageSeparatorDate,MessageSeparatorSystem:()=>MessageSeparatorSystem,__namedExportsOrder:()=>__namedExportsOrder,default:()=>MessageSeparator_stories});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");let parseDate=inputDate=>{let date=new Date(inputDate),currentDate=new Date,weekday=date.toLocaleString("default",{weekday:"short"});if(currentDate.toDateString()===date.toDateString())return"Today, ".concat(weekday);if(currentDate.getDate()-date.getDate()==1)return"Yesterday, ".concat(weekday);let day=date.getDate(),month=date.toLocaleString("default",{month:"short"});return"".concat(month," ").concat(day,", ").concat(weekday)};function MessageSeparator_MessageSeparator(_ref){let{text,type="date"}=_ref;return"date"===type?(0,jsx_runtime.jsx)("div",{className:"system-date-banner-chat-banner",children:parseDate(text)}):(0,jsx_runtime.jsx)("div",{className:"system-message-chat-banner",children:text})}try{MessageSeparator_MessageSeparator.displayName="MessageSeparator",MessageSeparator_MessageSeparator.__docgenInfo={description:"",displayName:"MessageSeparator",props:{text:{defaultValue:null,description:"",name:"text",required:!0,type:{name:"string"}},type:{defaultValue:{value:"date"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"date"'},{value:'"system"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/MessageSeparator/MessageSeparator.tsx#MessageSeparator"]={docgenInfo:MessageSeparator_MessageSeparator.__docgenInfo,name:"MessageSeparator",path:"src/Presentation/ui-components/MessageSeparator/MessageSeparator.tsx#MessageSeparator"})}catch(__react_docgen_typescript_loader_error){}let MessageSeparator_stories={title:"MessageSeparator",component:MessageSeparator_MessageSeparator,tags:["autodocs"],parameters:{layout:"centered"},args:{text:"",type:"date"},argTypes:{text:{table:{defaultValue:{summary:""}},description:"Text content"},type:{description:"type content",type:"function",options:["none","date","system"],control:{type:"select"},table:{defaultValue:{summary:"'date'"},type:{summary:"string"}}}}},MessageSeparatorDate={args:{text:"2024-01-26T00:00:00.000Z",type:"date"}},MessageSeparatorSystem={args:{text:"User created chat",type:"system"}};MessageSeparatorDate.parameters={...MessageSeparatorDate.parameters,docs:{...MessageSeparatorDate.parameters?.docs,source:{originalSource:"{\n  args: {\n    text: '2024-01-26T00:00:00.000Z',\n    type: 'date'\n  }\n}",...MessageSeparatorDate.parameters?.docs?.source}}},MessageSeparatorSystem.parameters={...MessageSeparatorSystem.parameters,docs:{...MessageSeparatorSystem.parameters?.docs,source:{originalSource:"{\n  args: {\n    text: 'User created chat',\n    type: 'system'\n  }\n}",...MessageSeparatorSystem.parameters?.docs?.source}}};let __namedExportsOrder=["MessageSeparatorDate","MessageSeparatorSystem"]},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{/**
+"use strict";(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[658],{"./src/Presentation/ui-components/MessageSeparator/MessageSeparator.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{MessageSeparatorDate:()=>MessageSeparatorDate,MessageSeparatorSystem:()=>MessageSeparatorSystem,__namedExportsOrder:()=>__namedExportsOrder,default:()=>MessageSeparator_stories});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");let parseDate=inputDate=>{let date=new Date(inputDate),currentDate=new Date,weekday=date.toLocaleString("default",{weekday:"short"});if(currentDate.toDateString()===date.toDateString())return"Today, ".concat(weekday);if(currentDate.getDate()-date.getDate()==1)return"Yesterday, ".concat(weekday);let day=date.getDate(),month=date.toLocaleString("default",{month:"short"});return"".concat(month," ").concat(day,", ").concat(weekday)};function MessageSeparator_MessageSeparator(_ref){let{text,type="date"}=_ref;return"date"===type?(0,jsx_runtime.jsx)("div",{className:"system-date-banner-chat-banner",children:parseDate(text)}):(0,jsx_runtime.jsx)("div",{className:"system-message-chat-banner",children:text})}try{MessageSeparator_MessageSeparator.displayName="MessageSeparator",MessageSeparator_MessageSeparator.__docgenInfo={description:"",displayName:"MessageSeparator",props:{text:{defaultValue:null,description:"",name:"text",required:!0,type:{name:"string"}},type:{defaultValue:{value:"date"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"date"'},{value:'"system"'}]}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/MessageSeparator/MessageSeparator.tsx#MessageSeparator"]={docgenInfo:MessageSeparator_MessageSeparator.__docgenInfo,name:"MessageSeparator",path:"src/Presentation/ui-components/MessageSeparator/MessageSeparator.tsx#MessageSeparator"})}catch(__react_docgen_typescript_loader_error){}let MessageSeparator_stories={title:"@quickblox-react-ui-kit/Presentation/ui-components/MessageSeparator",component:MessageSeparator_MessageSeparator,tags:["autodocs"],parameters:{layout:"centered"},args:{text:"",type:"date"},argTypes:{text:{table:{defaultValue:{summary:""}},description:"Text content"},type:{description:"type content",type:"function",options:["none","date","system"],control:{type:"select"},table:{defaultValue:{summary:"'date'"},type:{summary:"string"}}}}},MessageSeparatorDate={name:"MessageSeparator Date",args:{text:"2024-01-26T00:00:00.000Z",type:"date"}},MessageSeparatorSystem={name:"MessageSeparator System",args:{text:"User created chat",type:"system"}};MessageSeparatorDate.parameters={...MessageSeparatorDate.parameters,docs:{...MessageSeparatorDate.parameters?.docs,source:{originalSource:"{\n  name: 'MessageSeparator Date',\n  args: {\n    text: '2024-01-26T00:00:00.000Z',\n    type: 'date'\n  }\n}",...MessageSeparatorDate.parameters?.docs?.source}}},MessageSeparatorSystem.parameters={...MessageSeparatorSystem.parameters,docs:{...MessageSeparatorSystem.parameters?.docs,source:{originalSource:"{\n  name: 'MessageSeparator System',\n  args: {\n    text: 'User created chat',\n    type: 'system'\n  }\n}",...MessageSeparatorSystem.parameters?.docs?.source}}};let __namedExportsOrder=["MessageSeparatorDate","MessageSeparatorSystem"]},"./node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{/**
  * @license React
  * react-jsx-runtime.production.min.js
  *
@@ -6,5 +6,5 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),m=(Symbol.for("react.fragment"),Object.prototype.hasOwnProperty),n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
-//# sourceMappingURL=Presentation-ui-components-MessageSeparator-MessageSeparator-stories.82483823.iframe.bundle.js.map
+ */var f=__webpack_require__("./node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"./node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("./node_modules/react/cjs/react-jsx-runtime.production.min.js")}}]);
+//# sourceMappingURL=Presentation-ui-components-MessageSeparator-MessageSeparator-stories.a7d43c0b.iframe.bundle.js.map

package/storybook-static/{Presentation-ui-components-MessageSeparator-MessageSeparator-stories.82483823.iframe.bundle.js.map → Presentation-ui-components-MessageSeparator-MessageSeparator-stories.a7d43c0b.iframe.bundle.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Presentation-ui-components-MessageSeparator-MessageSeparator-stories.~~82483823~~.iframe.bundle.js","mappings":";;;;;;;;AAQA","sources":["webpack://quickblox-react-ui-kit/./node_modules/react/cjs/react-jsx-runtime.production.min.js"],"sourcesContent":["/*\n @license React\n * react-jsx-runtime.production.min.js\n \n Copyright (c) Facebook, Inc. and its affiliates.\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var f=require(\"react\"),k=Symbol.for(\"react.element\"),l=Symbol.for(\"react.fragment\"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};\nfunction q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=\"\"+g);void 0!==a.key&&(e=\"\"+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;\n"],"names":[],"sourceRoot":""}
1	+ {"version":3,"file":"Presentation-ui-components-MessageSeparator-MessageSeparator-stories.a7d43c0b.iframe.bundle.js","mappings":";;;;;;;;AAQA","sources":["webpack://quickblox-react-ui-kit/./node_modules/react/cjs/react-jsx-runtime.production.min.js"],"sourcesContent":["/*\n @license React\n * react-jsx-runtime.production.min.js\n \n Copyright (c) Facebook, Inc. and its affiliates.\n \n This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var f=require(\"react\"),k=Symbol.for(\"react.element\"),l=Symbol.for(\"react.fragment\"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};\nfunction q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=\"\"+g);void 0!==a.key&&(e=\"\"+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;\n"],"names":[],"sourceRoot":""}

package/storybook-static/Presentation-ui-components-Placeholder-Placeholder-stories.871f508c.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[874],{"./src/Presentation/ui-components/Placeholder/Placeholder.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{PlaceholderDefault:()=>PlaceholderDefault,PlaceholderError:()=>PlaceholderError,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Placeholder_stories});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Placeholder_Placeholder(_ref){let{icon,text,onRetry,className}=_ref,renderText=(content,index)=>(0,jsx_runtime.jsx)("span",{className:"placeholder__text",children:content},index);return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("placeholder",className),children:[icon&&(0,jsx_runtime.jsx)("div",{className:"placeholder__icon",children:icon}),Array.isArray(text)?text.map(renderText):renderText(text),onRetry&&(0,jsx_runtime.jsxs)("div",{className:"placeholder__retry",children:[(0,jsx_runtime.jsx)(icons.Sv,{className:"placeholder__retry-icon",onClick:onRetry}),"Retry"]})]})}try{Placeholder_Placeholder.displayName="Placeholder",Placeholder_Placeholder.__docgenInfo={description:"",displayName:"Placeholder",props:{icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},text:{defaultValue:null,description:"",name:"text",required:!0,type:{name:"string | string[]"}},onRetry:{defaultValue:null,description:"",name:"onRetry",required:!1,type:{name:"VoidFunction"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Placeholder/Placeholder.tsx#Placeholder"]={docgenInfo:Placeholder_Placeholder.__docgenInfo,name:"Placeholder",path:"src/Presentation/ui-components/Placeholder/Placeholder.tsx#Placeholder"})}catch(__react_docgen_typescript_loader_error){}let Placeholder_stories={title:"@quickblox-react-ui-kit/Presentation/ui-components/Placeholder",component:Placeholder_Placeholder,tags:["autodocs"],parameters:{layout:"centered"},args:{text:["Text for placeholder"],className:"",onRetry:void 0,icon:void 0},argTypes:{icon:{options:["Public","Message","Members","Muted","Banned","Search","Error"],control:"select",mapping:{Public:(0,jsx_runtime.jsx)(icons.UZ,{}),Message:(0,jsx_runtime.jsx)(icons.OR,{}),Members:(0,jsx_runtime.jsx)(icons.Av,{}),Muted:(0,jsx_runtime.jsx)(icons.vg,{}),Banned:(0,jsx_runtime.jsx)(icons.GT,{}),Search:(0,jsx_runtime.jsx)(icons.K1,{}),Error:(0,jsx_runtime.jsx)(icons.iZ,{})},table:{type:{summary:"svg"}},description:"Format plug svg"},onRetry:{table:{type:{summary:"function"}},description:"Action on re-try"},text:{defaultValue:{summary:[""]},table:{type:{summary:"array"}},description:"Placeholder text"},className:{table:{type:{summary:"string"}},description:"Additional classes"}}},PlaceholderDefault={args:{icon:(0,jsx_runtime.jsx)(icons.UZ,{})}},PlaceholderError={args:{icon:(0,jsx_runtime.jsx)(icons.iZ,{}),onRetry:()=>void 0}};PlaceholderDefault.parameters={...PlaceholderDefault.parameters,docs:{...PlaceholderDefault.parameters?.docs,source:{originalSource:"{\n args: {\n icon: <PublicChannelSvg />\n }\n}",...PlaceholderDefault.parameters?.docs?.source}}},PlaceholderError.parameters={...PlaceholderError.parameters,docs:{...PlaceholderError.parameters?.docs,source:{originalSource:"{\n args: {\n icon: <ErrorSvg />,\n onRetry: () => undefined\n }\n}",...PlaceholderError.parameters?.docs?.source}}};let __namedExportsOrder=["PlaceholderDefault","PlaceholderError"]}}]);

package/storybook-static/Presentation-ui-components-PreviewFileMessage-PreviewFileMessage-stories.527e000e.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[594],{"./src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{PreviewFileMessageAudio:()=>PreviewFileMessageAudio,PreviewFileMessageDefault:()=>PreviewFileMessageDefault,PreviewFileMessageImage:()=>PreviewFileMessageImage,PreviewFileMessageVideo:()=>PreviewFileMessageVideo,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});let __WEBPACK_DEFAULT_EXPORT__={title:"@quickblox-react-ui-kit/Presentation/ui-components/PreviewFileMessage",tags:["autodocs"],component:__webpack_require__("./src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.tsx").Z,parameters:{layout:"centered"},argTypes:{type:{options:["document","audio","video"],control:{type:"select"},table:{defaultValue:{summary:"document"},type:{summary:"string"}},description:"File type"},name:{table:{type:{summary:"string"}},description:"Name of the file"},className:{table:{type:{summary:"string"}},description:"Additional classes"},src:{table:{type:{summary:"string"}},description:"Source file"}}},PreviewFileMessageDefault={name:"PreviewFileMessage Default",args:{name:"text document.txt"}},PreviewFileMessageAudio={name:"PreviewFileMessage Audio",args:{type:"audio",name:"audio.mp3"}},PreviewFileMessageVideo={name:"PreviewFileMessage Video",args:{type:"video",name:"video.mp4"}},PreviewFileMessageImage={name:"PreviewFileMessage Image",args:{src:"https://quickblox.com/wp-content/themes/QuickbloxTheme2021/img/chat-messaging.svg",name:"screenshot.jpg"}};PreviewFileMessageDefault.parameters={...PreviewFileMessageDefault.parameters,docs:{...PreviewFileMessageDefault.parameters?.docs,source:{originalSource:"{\n name: 'PreviewFileMessage Default',\n args: {\n name: 'text document.txt'\n }\n}",...PreviewFileMessageDefault.parameters?.docs?.source}}},PreviewFileMessageAudio.parameters={...PreviewFileMessageAudio.parameters,docs:{...PreviewFileMessageAudio.parameters?.docs,source:{originalSource:"{\n name: 'PreviewFileMessage Audio',\n args: {\n type: 'audio',\n name: 'audio.mp3'\n }\n}",...PreviewFileMessageAudio.parameters?.docs?.source}}},PreviewFileMessageVideo.parameters={...PreviewFileMessageVideo.parameters,docs:{...PreviewFileMessageVideo.parameters?.docs,source:{originalSource:"{\n name: 'PreviewFileMessage Video',\n args: {\n type: 'video',\n name: 'video.mp4'\n }\n}",...PreviewFileMessageVideo.parameters?.docs?.source}}},PreviewFileMessageImage.parameters={...PreviewFileMessageImage.parameters,docs:{...PreviewFileMessageImage.parameters?.docs,source:{originalSource:"{\n name: 'PreviewFileMessage Image',\n args: {\n src: 'https://quickblox.com/wp-content/themes/QuickbloxTheme2021/img/chat-messaging.svg',\n name: 'screenshot.jpg'\n }\n}",...PreviewFileMessageImage.parameters?.docs?.source}}};let __namedExportsOrder=["PreviewFileMessageDefault","PreviewFileMessageAudio","PreviewFileMessageVideo","PreviewFileMessageImage"]},"./src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>PreviewFileMessage_PreviewFileMessage});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");let iconDictionary={document:icons.K,audio:icons.rR,video:icons.Hd};function PreviewFileMessage_PreviewFileMessage(_ref){let{type="document",name,src,className}=_ref,Icon=iconDictionary[type];return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("preview-file-message",className),children:[src?(0,jsx_runtime.jsx)("img",{src:src,alt:"",className:"preview-file-message__image"}):(0,jsx_runtime.jsx)("span",{className:"preview-file-message__image",children:(0,jsx_runtime.jsx)(Icon,{className:"preview-file-message__icon"})}),(0,jsx_runtime.jsx)("span",{className:"preview-file-message__name",children:name})]})}try{PreviewFileMessage_PreviewFileMessage.displayName="PreviewFileMessage",PreviewFileMessage_PreviewFileMessage.__docgenInfo={description:"",displayName:"PreviewFileMessage",props:{type:{defaultValue:{value:"document"},description:"",name:"type",required:!1,type:{name:"enum",value:[{value:'"document"'},{value:'"audio"'},{value:'"video"'}]}},name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string"}},src:{defaultValue:null,description:"",name:"src",required:!1,type:{name:"string"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.tsx#PreviewFileMessage"]={docgenInfo:PreviewFileMessage_PreviewFileMessage.__docgenInfo,name:"PreviewFileMessage",path:"src/Presentation/ui-components/PreviewFileMessage/PreviewFileMessage.tsx#PreviewFileMessage"})}catch(__react_docgen_typescript_loader_error){}}}]);

package/storybook-static/Presentation-ui-components-SettingsItem-SettingsItem-stories.2ff75703.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[231],{"./src/Presentation/ui-components/SettingsItem/SettingsItem.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{SettingsItemDefault:()=>SettingsItemDefault,SettingsItemMembers:()=>SettingsItemMembers,SettingsItemNotification:()=>SettingsItemNotification,__namedExportsOrder:()=>__namedExportsOrder,default:()=>SettingsItem_stories});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function SettingsItem_SettingsItem(_ref){let{icon,title,rightSection,children,className,onClick}=_ref,[isShow,setIsShow]=(0,react.useState)(!1);return(0,jsx_runtime.jsxs)("div",{onClick:onClick,className:classnames_default()("settings-item",className),children:[(0,jsx_runtime.jsxs)("div",{className:"settings-item__body",children:[(0,jsx_runtime.jsxs)("div",{className:"settings-item__left-section",children:[(0,jsx_runtime.jsx)("span",{className:"settings-item__icon",children:icon}),(0,jsx_runtime.jsx)("span",{className:"settings-item__title",children:title})]}),(0,jsx_runtime.jsxs)("div",{className:"settings-item__right-section",children:[rightSection,children&&(0,jsx_runtime.jsx)(icons.PB,{className:classnames_default()("settings-item__arrow",{"settings-item__arrow--opened":isShow}),onClick:()=>setIsShow(!isShow)})]})]}),children&&(0,jsx_runtime.jsx)("div",{className:classnames_default()("settings-item__children",{"settings-item__children--opened":isShow}),children:children})]})}try{SettingsItem_SettingsItem.displayName="SettingsItem",SettingsItem_SettingsItem.__docgenInfo={description:"",displayName:"SettingsItem",props:{icon:{defaultValue:null,description:"",name:"icon",required:!0,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},title:{defaultValue:null,description:"",name:"title",required:!0,type:{name:"string"}},rightSection:{defaultValue:null,description:"",name:"rightSection",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>> | ReactElement<any, string | JSXElementConstructor<any>>[]"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"VoidFunction"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/SettingsItem/SettingsItem.tsx#SettingsItem"]={docgenInfo:SettingsItem_SettingsItem.__docgenInfo,name:"SettingsItem",path:"src/Presentation/ui-components/SettingsItem/SettingsItem.tsx#SettingsItem"})}catch(__react_docgen_typescript_loader_error){}var Badge=__webpack_require__("./src/Presentation/ui-components/Badge/Badge.tsx"),Avatar=__webpack_require__("./src/Presentation/ui-components/Avatar/Avatar.tsx");let SettingsItem_stories={title:"@quickblox-react-ui-kit/Presentation/ui-components/SettingsItem",component:SettingsItem_SettingsItem,tags:["autodocs"],parameters:{layout:"centered"},argTypes:{title:{table:{defaultValue:{summary:""},type:{summary:"string"}},description:"Name Setting item "},className:{table:{defaultValue:{summary:""},type:{summary:"string"}},description:"Additional classes"},icon:{control:!1,table:{defaultValue:{summary:"svg | ReactElement"},type:{summary:"svg | ReactElement"}},description:"Format plug svg or React element "},rightSection:{control:!1,table:{defaultValue:{summary:"ReactElement | ReactElement[]"},type:{summary:"ReactElement | ReactElement[]"}},description:"Elements for the right section"},onClick:{control:!1,table:{defaultValue:{summary:"VoidFunction"},type:{summary:"VoidFunction"}},description:"function onClick for icon"},children:{table:{defaultValue:{summary:"ReactElement | ReactElement[]"},type:{summary:"ReactElement | ReactElement[]"}},description:"Elements that will be contained in the additional section"}}},SettingsItemDefault={name:"SettingsItem Default",args:{title:"Search in dialog",icon:(0,jsx_runtime.jsx)(icons.K1,{style:{fill:"#3978FC"}})}},SettingsItemNotification={name:"SettingsItem Notification",args:{title:"Notification",icon:(0,jsx_runtime.jsx)(icons.Dn,{style:{fill:"#3978FC"}}),rightSection:(0,jsx_runtime.jsx)(icons.sZ,{style:{cursor:"pointer"}})}},SettingsItemMembers={name:"SettingsItem Members",args:{title:"Notification",icon:(0,jsx_runtime.jsx)(icons.Av,{style:{fill:"#3978FC"}}),rightSection:(0,jsx_runtime.jsx)(Badge.Z,{count:10,limit:99,mute:!0}),children:(0,jsx_runtime.jsxs)("ul",{style:{listStyle:"none",overflow:"hidden",margin:"0",padding:"0"},children:[(0,jsx_runtime.jsxs)("li",{style:{display:"flex",alignItems:"center",padding:"8px 16px",gap:"16px"},children:[(0,jsx_runtime.jsx)(Avatar.Z,{size:"sm"})," Name"]}),(0,jsx_runtime.jsxs)("li",{style:{display:"flex",alignItems:"center",padding:"8px 16px",gap:"16px"},children:[(0,jsx_runtime.jsx)(Avatar.Z,{size:"sm"})," Name"]}),(0,jsx_runtime.jsxs)("li",{style:{display:"flex",alignItems:"center",padding:"8px 16px",gap:"16px"},children:[(0,jsx_runtime.jsx)(Avatar.Z,{size:"sm"})," Name"]}),(0,jsx_runtime.jsxs)("li",{style:{display:"flex",alignItems:"center",padding:"8px 16px",gap:"16px"},children:[(0,jsx_runtime.jsx)(Avatar.Z,{size:"sm"})," Name"]})]})}};SettingsItemDefault.parameters={...SettingsItemDefault.parameters,docs:{...SettingsItemDefault.parameters?.docs,source:{originalSource:"{\n name: 'SettingsItem Default',\n args: {\n title: 'Search in dialog',\n icon: <SearchSvg style={{\n fill: '#3978FC'\n }} />\n }\n}",...SettingsItemDefault.parameters?.docs?.source}}},SettingsItemNotification.parameters={...SettingsItemNotification.parameters,docs:{...SettingsItemNotification.parameters?.docs,source:{originalSource:"{\n name: 'SettingsItem Notification',\n args: {\n title: 'Notification',\n icon: <NotificationsSvg style={{\n fill: '#3978FC'\n }} />,\n rightSection: <CloseSvg style={{\n cursor: 'pointer'\n }} />\n }\n}",...SettingsItemNotification.parameters?.docs?.source}}},SettingsItemMembers.parameters={...SettingsItemMembers.parameters,docs:{...SettingsItemMembers.parameters?.docs,source:{originalSource:"{\n name: 'SettingsItem Members',\n args: {\n title: 'Notification',\n icon: <GroupChatSvg style={{\n fill: '#3978FC'\n }} />,\n rightSection: <Badge count={10} limit={99} mute />,\n children: <ul style={{\n listStyle: 'none',\n overflow: 'hidden',\n margin: '0',\n padding: '0'\n }}>\n <li style={{\n display: 'flex',\n alignItems: 'center',\n padding: '8px 16px',\n gap: '16px'\n }}>\n <Avatar size=\"sm\" /> Name\n </li>\n <li style={{\n display: 'flex',\n alignItems: 'center',\n padding: '8px 16px',\n gap: '16px'\n }}>\n <Avatar size=\"sm\" /> Name\n </li>\n <li style={{\n display: 'flex',\n alignItems: 'center',\n padding: '8px 16px',\n gap: '16px'\n }}>\n <Avatar size=\"sm\" /> Name\n </li>\n <li style={{\n display: 'flex',\n alignItems: 'center',\n padding: '8px 16px',\n gap: '16px'\n }}>\n <Avatar size=\"sm\" /> Name\n </li>\n </ul>\n }\n}",...SettingsItemMembers.parameters?.docs?.source}}};let __namedExportsOrder=["SettingsItemDefault","SettingsItemNotification","SettingsItemMembers"]},"./src/Presentation/ui-components/Avatar/Avatar.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Avatar_Avatar});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Avatar_Avatar(_ref){let{icon=(0,jsx_runtime.jsx)(icons.vw,{}),size="md",className,src}=_ref;return src?(0,jsx_runtime.jsx)("div",{className:classnames_default()("avatar","avatar--".concat(size),className),children:(0,jsx_runtime.jsx)("img",{src:src,className:"avatar__image",alt:"Avatar"})}):(0,jsx_runtime.jsx)("div",{className:classnames_default()("avatar","avatar--".concat(size),className),children:icon})}try{Avatar_Avatar.displayName="Avatar",Avatar_Avatar.__docgenInfo={description:"",displayName:"Avatar",props:{size:{defaultValue:{value:"md"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"sm"'},{value:'"md"'},{value:'"lg"'},{value:'"xl"'},{value:'"xxl"'}]}},icon:{defaultValue:{value:"<UserSvg />"},description:"",name:"icon",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},src:{defaultValue:null,description:"",name:"src",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Avatar/Avatar.tsx#Avatar"]={docgenInfo:Avatar_Avatar.__docgenInfo,name:"Avatar",path:"src/Presentation/ui-components/Avatar/Avatar.tsx#Avatar"})}catch(__react_docgen_typescript_loader_error){}},"./src/Presentation/ui-components/Badge/Badge.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Badge_Badge});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Badge_Badge(_ref){let{count,limit,mute=!1,classNames}=_ref;return(0,jsx_runtime.jsx)("div",{className:classnames_default()("badge",{"badge--mute":mute},classNames),children:limit&&count>limit?"".concat(limit,"+"):count})}try{Badge_Badge.displayName="Badge",Badge_Badge.__docgenInfo={description:"",displayName:"Badge",props:{count:{defaultValue:null,description:"",name:"count",required:!0,type:{name:"number"}},limit:{defaultValue:null,description:"",name:"limit",required:!1,type:{name:"number"}},mute:{defaultValue:{value:"false"},description:"",name:"mute",required:!1,type:{name:"boolean"}},classNames:{defaultValue:null,description:"",name:"classNames",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Badge/Badge.tsx#Badge"]={docgenInfo:Badge_Badge.__docgenInfo,name:"Badge",path:"src/Presentation/ui-components/Badge/Badge.tsx#Badge"})}catch(__react_docgen_typescript_loader_error){}}}]);

package/storybook-static/Presentation-ui-components-TextField-TextField-stories.4a2eef3e.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit||[]).push([[909],{"./src/Presentation/ui-components/TextField/TextField.stories.ts":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{TextFieldDefault:()=>TextFieldDefault,TextFieldDisabled:()=>TextFieldDisabled,TextFieldReset:()=>TextFieldReset,__namedExportsOrder:()=>__namedExportsOrder,default:()=>TextField_stories});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),Loader=__webpack_require__("./src/Presentation/ui-components/Loader/Loader.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function TextField_TextField(_ref){let{label,icon,loading=!1,disabled=!1,className,id,value,onChange,...inputProps}=_ref,defaultId=(0,react.useId)();return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("text-field",{"text-field--disabled":disabled},className),children:[label&&(0,jsx_runtime.jsx)("label",{htmlFor:id||defaultId,className:"text-field__label",children:label}),(0,jsx_runtime.jsxs)("div",{className:"text-field__wrapper",children:[icon&&(0,jsx_runtime.jsx)("span",{className:"text-field__icon",children:icon}),(0,jsx_runtime.jsx)("input",{...inputProps,disabled:loading||disabled,className:"text-field__input",id:id||defaultId,value:value,onChange:e=>onChange(e.currentTarget.value)}),!loading&&value&&(0,jsx_runtime.jsx)(icons.OE,{className:"text-field__reset",onClick:()=>onChange("")}),loading&&!disabled&&(0,jsx_runtime.jsx)(Loader.Z,{size:"sm",className:"text-field__loader"})]})]})}try{TextField_TextField.displayName="TextField",TextField_TextField.__docgenInfo={description:"",displayName:"TextField",props:{label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"ReactElement<any, string | JSXElementConstructor<any>>"}},loading:{defaultValue:{value:"false"},description:"",name:"loading",required:!1,type:{name:"boolean"}},id:{defaultValue:null,description:"",name:"id",required:!1,type:{name:"string"}},value:{defaultValue:null,description:"",name:"value",required:!0,type:{name:"string"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(value: string) => void"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/TextField/TextField.tsx#TextField"]={docgenInfo:TextField_TextField.__docgenInfo,name:"TextField",path:"src/Presentation/ui-components/TextField/TextField.tsx#TextField"})}catch(__react_docgen_typescript_loader_error){}let TextField_stories={title:"@quickblox-react-ui-kit/Presentation/ui-components/TextField",component:TextField_TextField,tags:["autodocs"],parameters:{layout:"centered"},args:{label:"",disabled:!1,loading:!1,className:""},argTypes:{value:{table:{type:{summary:"function"}},description:"Value change function"},onChange:{table:{defaultValue:{summary:"''"},type:{summary:"string"}},description:"Text field label"},id:{table:{defaultValue:{summary:"''"},type:{summary:"string"}},description:"Custom id for text field"},label:{table:{defaultValue:{summary:"''"},type:{summary:"string"}},description:"Text field label"},icon:{control:!1,table:{type:{summary:"svg"}},description:"Format plug svg"},loading:{table:{defaultValue:{summary:!1}},description:"Displays the load"},disabled:{table:{type:{summary:"boolean"},defaultValue:{summary:!1}},description:"Active"},className:{table:{type:{summary:"string"}},description:"Additional classes"}}},TextFieldDefault={name:"TextField Default"},TextFieldDisabled={name:"TextField Disabled",args:{disabled:!0,label:"Text Label",placeholder:"Placeholder"}},TextFieldReset={name:"TextField Reset",args:{label:"Text Label",placeholder:"Placeholder",value:"Text"}};TextFieldDefault.parameters={...TextFieldDefault.parameters,docs:{...TextFieldDefault.parameters?.docs,source:{originalSource:"{\n name: 'TextField Default'\n}",...TextFieldDefault.parameters?.docs?.source}}},TextFieldDisabled.parameters={...TextFieldDisabled.parameters,docs:{...TextFieldDisabled.parameters?.docs,source:{originalSource:"{\n name: 'TextField Disabled',\n args: {\n disabled: true,\n label: 'Text Label',\n placeholder: 'Placeholder'\n }\n}",...TextFieldDisabled.parameters?.docs?.source}}},TextFieldReset.parameters={...TextFieldReset.parameters,docs:{...TextFieldReset.parameters?.docs,source:{originalSource:"{\n name: 'TextField Reset',\n args: {\n label: 'Text Label',\n placeholder: 'Placeholder',\n value: 'Text'\n }\n}",...TextFieldReset.parameters?.docs?.source}}};let __namedExportsOrder=["TextFieldDefault","TextFieldDisabled","TextFieldReset"]},"./src/Presentation/ui-components/Loader/Loader.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Loader_Loader});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Loader_Loader(_ref){let{className,size="md"}=_ref;return(0,jsx_runtime.jsx)(icons.t$,{className:classnames_default()("loader",size&&"loader--".concat(size),className)})}try{Loader_Loader.displayName="Loader",Loader_Loader.__docgenInfo={description:"",displayName:"Loader",props:{size:{defaultValue:{value:"md"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"sm"'},{value:'"md"'},{value:'"lg"'}]}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Loader/Loader.tsx#Loader"]={docgenInfo:Loader_Loader.__docgenInfo,name:"Loader",path:"src/Presentation/ui-components/Loader/Loader.tsx#Loader"})}catch(__react_docgen_typescript_loader_error){}}}]);

package/storybook-static/{Presentation-ui-components-Toast-Toast-stories.e26b2e07.iframe.bundle.js → Presentation-ui-components-Toast-Toast-stories.55e63162.iframe.bundle.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit\|\|[]).push([[267],{"./src/Presentation/ui-components/Toast/Toast.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ToastDefault:()=>ToastDefault,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Toast_stories});var react=__webpack_require__("./node_modules/react/index.js");function r(e){var t,f,n="";if("string"==typeof e\|\|"number"==typeof e)n+=e;else if("object"==typeof e){if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f)}else for(f in e)e[f]&&(n&&(n+=" "),n+=f)}return n}let dist_clsx=function(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n},c=e=>"number"==typeof e&&!isNaN(e),d=e=>"string"==typeof e,u=e=>"function"==typeof e,p=e=>d(e)\|\|u(e)?e:null,m=e=>(0,react.isValidElement)(e)\|\|d(e)\|\|u(e)\|\|c(e);function f(e,t,n){void 0===n&&(n=300);let{scrollHeight:o,style:s}=e;requestAnimationFrame(()=>{s.minHeight="initial",s.height=o+"px",s.transition=`all ${n}ms`,requestAnimationFrame(()=>{s.height="0",s.padding="0",s.margin="0",setTimeout(t,n)})})}function g(t){let{enter:a,exit:r,appendPosition:i=!1,collapse:l=!0,collapseDuration:c=300}=t;return function(t){let{children:d,position:u,preventExitTransition:p,done:m,nodeRef:g,isIn:y,playToast:v}=t,h=i?`${a}--${u}`:a,T=i?`${r}--${u}`:r,E=(0,react.useRef)(0);return(0,react.useLayoutEffect)(()=>{let e=g.current,t=h.split(" "),n=o=>{o.target===g.current&&(v(),e.removeEventListener("animationend",n),e.removeEventListener("animationcancel",n),0===E.current&&"animationcancel"!==o.type&&e.classList.remove(...t))};e.classList.add(...t),e.addEventListener("animationend",n),e.addEventListener("animationcancel",n)},[]),(0,react.useEffect)(()=>{let e=g.current,t=()=>{e.removeEventListener("animationend",t),l?f(e,m,c):m()};y\|\|(p?t():(E.current=1,e.className+=` ${T}`,e.addEventListener("animationend",t)))},[y]),react.createElement(react.Fragment,null,d)}}function y(e,t){return null!=e?{content:e.content,containerId:e.props.containerId,id:e.props.toastId,theme:e.props.theme,type:e.props.type,data:e.props.data\|\|{},isLoading:e.props.isLoading,icon:e.props.icon,status:t}:{}}let v=new Map,h=[],T=new Set,E=e=>T.forEach(t=>t(e)),b=()=>v.size>0;function I(e,t){var n;if(t)return!(null==(n=v.get(t))\|\|!n.isToastActive(e));let o=!1;return v.forEach(t=>{t.isToastActive(e)&&(o=!0)}),o}function _(e,t){m(e)&&(b()\|\|h.push({content:e,options:t}),v.forEach(n=>{n.buildToast(e,t)}))}function C(e,t){v.forEach(n=>{null!=t&&null!=t&&t.containerId?(null==t?void 0:t.containerId)===n.id&&n.toggle(e,null==t?void 0:t.id):n.toggle(e,null==t?void 0:t.id)})}function L(e){let{subscribe:o,getSnapshot:s,setProps:i}=(0,react.useRef)(function(e){let n=e.containerId\|\|1;return{subscribe(o){let s=function(e,n,o){let s=1,r=0,i=[],l=[],f=[],g=n,v=new Map,h=new Set,T=()=>{f=Array.from(v.values()),h.forEach(e=>e())},E=e=>{l=null==e?[]:l.filter(t=>t!==e),T()},b=e=>{let{toastId:n,onOpen:s,updateId:a,children:r}=e.props,i=null==a;e.staleId&&v.delete(e.staleId),v.set(n,e),l=[...l,e.props.toastId].filter(t=>t!==e.staleId),T(),o(y(e,i?"added":"updated")),i&&u(s)&&s((0,react.isValidElement)(r)&&r.props)};return{id:e,props:g,observe:e=>(h.add(e),()=>h.delete(e)),toggle:(e,t)=>{v.forEach(n=>{null!=t&&t!==n.props.toastId\|\|u(n.toggle)&&n.toggle(e)})},removeToast:E,toasts:v,clearQueue:()=>{r-=i.length,i=[]},buildToast:(n,l)=>{var w,k;if((t=>{let{containerId:n,toastId:o,updateId:s}=t,r=v.has(o)&&null==s;return(n?n!==e:1!==e)\|\|r})(l))return;let{toastId:f,updateId:h,data:I,staleId:_,delay:C}=l,L=()=>{E(f)},N=null==h;N&&r++;let $={...g,style:g.toastStyle,key:s++,...Object.fromEntries(Object.entries(l).filter(e=>{let[t,n]=e;return null!=n})),toastId:f,updateId:h,data:I,closeToast:L,isIn:!1,className:p(l.className\|\|g.toastClassName),bodyClassName:p(l.bodyClassName\|\|g.bodyClassName),progressClassName:p(l.progressClassName\|\|g.progressClassName),autoClose:!l.isLoading&&(w=l.autoClose,k=g.autoClose,!1===w\|\|c(w)&&w>0?w:k),deleteToast(){let e=v.get(f),{onClose:n,children:s}=e.props;u(n)&&n((0,react.isValidElement)(s)&&s.props),o(y(e,"removed")),v.delete(f),--r<0&&(r=0),i.length>0?b(i.shift()):T()}};$.closeButton=g.closeButton,!1===l.closeButton\|\|m(l.closeButton)?$.closeButton=l.closeButton:!0===l.closeButton&&($.closeButton=!m(g.closeButton)\|\|g.closeButton);let P=n;(0,react.isValidElement)(n)&&!d(n.type)?P=(0,react.cloneElement)(n,{closeToast:L,toastProps:$,data:I}):u(n)&&(P=n({closeToast:L,toastProps:$,data:I}));let M={content:P,props:$,staleId:_};g.limit&&g.limit>0&&r>g.limit&&N?i.push(M):c(C)?setTimeout(()=>{b(M)},C):b(M)},setProps(e){g=e},setToggle:(e,t)=>{v.get(e).toggle=t},isToastActive:e=>l.some(t=>t===e),getSnapshot:()=>g.newestOnTop?f.reverse():f}}(n,e,E);v.set(n,s);let r=s.observe(o);return h.forEach(e=>_(e.content,e.options)),h=[],()=>{r(),v.delete(n)}},setProps(e){var t;null==(t=v.get(n))\|\|t.setProps(e)},getSnapshot(){var e;return null==(e=v.get(n))?void 0:e.getSnapshot()}}}(e)).current;i(e);let l=(0,react.useSyncExternalStore)(o,s,s);return{getToastToRender:function(e){if(!l)return[];let t=new Map;return l.forEach(e=>{let{position:n}=e.props;t.has(n)\|\|t.set(n,[]),t.get(n).push(e)}),Array.from(t,t=>e(t[0],t[1]))},isToastActive:I,count:null==l?void 0:l.length}}function N(e){var g,y;let[t,o]=(0,react.useState)(!1),[a,r]=(0,react.useState)(!1),l=(0,react.useRef)(null),c=(0,react.useRef)({start:0,delta:0,removalDistance:0,canCloseOnClick:!0,canDrag:!1,didMove:!1}).current,{autoClose:d,pauseOnHover:u,closeToast:p,onClick:m,closeOnClick:f}=e;function h(){o(!0)}function T(){o(!1)}function E(n){let o=l.current;c.canDrag&&o&&(c.didMove=!0,t&&T(),c.delta="x"===e.draggableDirection?n.clientX-c.start:n.clientY-c.start,c.start!==n.clientX&&(c.canCloseOnClick=!1),o.style.transform=`translate3d(${"x"===e.draggableDirection?`${c.delta}px, var(--y)`:`0, calc(${c.delta}px + var(--y))`},0)`,o.style.opacity=""+(1-Math.abs(c.delta/c.removalDistance)))}function b(){document.removeEventListener("pointermove",E),document.removeEventListener("pointerup",b);let t=l.current;if(c.canDrag&&c.didMove&&t){if(c.canDrag=!1,Math.abs(c.delta)>c.removalDistance)return r(!0),e.closeToast(),void e.collapseAll();t.style.transition="transform 0.2s, opacity 0.2s",t.style.removeProperty("transform"),t.style.removeProperty("opacity")}}null==(y=v.get((g={id:e.toastId,containerId:e.containerId,fn:o}).containerId\|\|1))\|\|y.setToggle(g.id,g.fn),(0,react.useEffect)(()=>{if(e.pauseOnFocusLoss)return document.hasFocus()\|\|T(),window.addEventListener("focus",h),window.addEventListener("blur",T),()=>{window.removeEventListener("focus",h),window.removeEventListener("blur",T)}},[e.pauseOnFocusLoss]);let I={onPointerDown:function(t){if(!0===e.draggable\|\|e.draggable===t.pointerType){c.didMove=!1,document.addEventListener("pointermove",E),document.addEventListener("pointerup",b);let n=l.current;c.canCloseOnClick=!0,c.canDrag=!0,n.style.transition="none","x"===e.draggableDirection?(c.start=t.clientX,c.removalDistance=n.offsetWidth(e.draggablePercent/100)):(c.start=t.clientY,c.removalDistance=n.offsetHeight(80===e.draggablePercent?1.5e.draggablePercent:e.draggablePercent)/100)}},onPointerUp:function(t){let{top:n,bottom:o,left:s,right:a}=l.current.getBoundingClientRect();"touchend"!==t.nativeEvent.type&&e.pauseOnHover&&t.clientX>=s&&t.clientX<=a&&t.clientY>=n&&t.clientY<=o?T():h()}};return d&&u&&(I.onMouseEnter=T,e.stacked\|\|(I.onMouseLeave=h)),f&&(I.onClick=e=>{m&&m(e),c.canCloseOnClick&&p()}),{playToast:h,pauseToast:T,isRunning:t,preventExitTransition:a,toastRef:l,eventHandlers:I}}function $(t){let{delay:n,isRunning:o,closeToast:s,type:a="default",hide:r,className:i,style:c,controlledProgress:d,progress:p,rtl:m,isIn:f,theme:g}=t,y=r\|\|d&&0===p,v={...c,animationDuration:`${n}ms`,animationPlayState:o?"running":"paused"};d&&(v.transform=`scaleX(${p})`);let h=dist_clsx("Toastify__progress-bar",d?"Toastify__progress-bar--controlled":"Toastify__progress-bar--animated",`Toastify__progress-bar-theme--${g}`,`Toastify__progress-bar--${a}`,{"Toastify__progress-bar--rtl":m}),T=u(i)?i({rtl:m,type:a,defaultClassName:h}):dist_clsx(h,i);return react.createElement("div",{className:"Toastify__progress-bar--wrp","data-hidden":y},react.createElement("div",{className:`Toastify__progress-bar--bg Toastify__progress-bar-theme--${g} Toastify__progress-bar--${a}`}),react.createElement("div",{role:"progressbar","aria-hidden":y?"true":"false","aria-label":"notification timer",className:T,style:v,[d&&p>=1?"onTransitionEnd":"onAnimationEnd"]:d&&p<1?null:()=>{f&&s()}}))}let w=1,k=()=>""+w++;function P(e){return e&&(d(e.toastId)\|\|c(e.toastId))?e.toastId:k()}function M(e,t){return _(e,t),t.toastId}function x(e,t){return{...t,type:t&&t.type\|\|e,toastId:P(t)}}function A(e){return(t,n)=>M(t,x(e,n))}function B(e,t){return M(e,x("default",t))}B.loading=(e,t)=>M(e,x("default",{isLoading:!0,autoClose:!1,closeOnClick:!1,closeButton:!1,draggable:!1,...t})),B.promise=function(e,t,n){let o,{pending:s,error:a,success:r}=t;s&&(o=d(s)?B.loading(s,n):B.loading(s.render,{...n,...s}));let i={isLoading:null,autoClose:null,closeOnClick:null,closeButton:null,draggable:null},l=(e,t,s)=>{if(null==t)return void B.dismiss(o);let a={type:e,...i,...n,data:s},r=d(t)?{render:t}:t;return o?B.update(o,{...a,...r}):B(r.render,{...a,...r}),s},c=u(e)?e():e;return c.then(e=>l("success",r,e)).catch(e=>l("error",a,e)),c},B.success=A("success"),B.info=A("info"),B.error=A("error"),B.warning=A("warning"),B.warn=B.warning,B.dark=(e,t)=>M(e,x("default",{theme:"dark",...t})),B.dismiss=function(e){var t,n;b()?null==e\|\|d(t=e)\|\|c(t)?v.forEach(t=>{t.removeToast(e)}):e&&("containerId"in e\|\|"id"in e)&&((null==(n=v.get(e.containerId))?void 0:n.removeToast(e.id))\|\|v.forEach(t=>{t.removeToast(e.id)})):h=h.filter(t=>null!=e&&t.options.toastId!==e)},B.clearWaitingQueue=function(e){void 0===e&&(e={}),v.forEach(t=>{!t.props.limit\|\|e.containerId&&t.id!==e.containerId\|\|t.clearQueue()})},B.isActive=I,B.update=function(e,t){void 0===t&&(t={});let n=((e,t)=>{var n;let{containerId:o}=t;return null==(n=v.get(o\|\|1))?void 0:n.toasts.get(e)})(e,t);if(n){let{props:o,content:s}=n,a={delay:100,...o,...t,toastId:t.toastId\|\|e,updateId:k()};a.toastId!==e&&(a.staleId=e);let r=a.render\|\|s;delete a.render,M(r,a)}},B.done=e=>{B.update(e,{progress:1})},B.onChange=function(e){return T.add(e),()=>{T.delete(e)}},B.play=e=>C(!0,e),B.pause=e=>C(!1,e);let O="undefined"!=typeof window?react.useLayoutEffect:react.useEffect,D=t=>{let{theme:n,type:o,isLoading:s,...a}=t;return react.createElement("svg",{viewBox:"0 0 24 24",width:"100%",height:"100%",fill:"colored"===n?"currentColor":`var(--toastify-icon-color-${o})`,...a})},z={info:function(t){return react.createElement(D,{...t},react.createElement("path",{d:"M12 0a12 12 0 1012 12A12.013 12.013 0 0012 0zm.25 5a1.5 1.5 0 11-1.5 1.5 1.5 1.5 0 011.5-1.5zm2.25 13.5h-4a1 1 0 010-2h.75a.25.25 0 00.25-.25v-4.5a.25.25 0 00-.25-.25h-.75a1 1 0 010-2h1a2 2 0 012 2v4.75a.25.25 0 00.25.25h.75a1 1 0 110 2z"}))},warning:function(t){return react.createElement(D,{...t},react.createElement("path",{d:"M23.32 17.191L15.438 2.184C14.728.833 13.416 0 11.996 0c-1.42 0-2.733.833-3.443 2.184L.533 17.448a4.744 4.744 0 000 4.368C1.243 23.167 2.555 24 3.975 24h16.05C22.22 24 24 22.044 24 19.632c0-.904-.251-1.746-.68-2.44zm-9.622 1.46c0 1.033-.724 1.823-1.698 1.823s-1.698-.79-1.698-1.822v-.043c0-1.028.724-1.822 1.698-1.822s1.698.79 1.698 1.822v.043zm.039-12.285l-.84 8.06c-.057.581-.408.943-.897.943-.49 0-.84-.367-.896-.942l-.84-8.065c-.057-.624.25-1.095.779-1.095h1.91c.528.005.84.476.784 1.1z"}))},success:function(t){return react.createElement(D,{...t},react.createElement("path",{d:"M12 0a12 12 0 1012 12A12.014 12.014 0 0012 0zm6.927 8.2l-6.845 9.289a1.011 1.011 0 01-1.43.188l-4.888-3.908a1 1 0 111.25-1.562l4.076 3.261 6.227-8.451a1 1 0 111.61 1.183z"}))},error:function(t){return react.createElement(D,{...t},react.createElement("path",{d:"M11.983 0a12.206 12.206 0 00-8.51 3.653A11.8 11.8 0 000 12.207 11.779 11.779 0 0011.8 24h.214A12.111 12.111 0 0024 11.791 11.766 11.766 0 0011.983 0zM10.5 16.542a1.476 1.476 0 011.449-1.53h.027a1.527 1.527 0 011.523 1.47 1.475 1.475 0 01-1.449 1.53h-.027a1.529 1.529 0 01-1.523-1.47zM11 12.5v-6a1 1 0 012 0v6a1 1 0 11-2 0z"}))},spinner:function(){return react.createElement("div",{className:"Toastify__spinner"})}},R=n=>{let{isRunning:o,preventExitTransition:s,toastRef:r,eventHandlers:i,playToast:c}=N(n),{closeButton:d,children:p,autoClose:m,onClick:f,type:g,hideProgressBar:y,closeToast:v,transition:h,position:T,className:E,style:b,bodyClassName:I,bodyStyle:_,progressClassName:C,progressStyle:L,updateId:w,role:k,progress:P,rtl:M,toastId:x,deleteToast:A,isIn:B,isLoading:O,closeOnClick:D,theme:R}=n,S=dist_clsx("Toastify__toast",`Toastify__toast-theme--${R}`,`Toastify__toast--${g}`,{"Toastify__toast--rtl":M},{"Toastify__toast--close-on-click":D}),H=u(E)?E({rtl:M,position:T,type:g,defaultClassName:S}):dist_clsx(S,E),F=function(e){let{theme:n,type:o,isLoading:s,icon:r}=e,i=null,l={theme:n,type:o};return!1===r\|\|(u(r)?i=r({...l,isLoading:s}):(0,react.isValidElement)(r)?i=(0,react.cloneElement)(r,l):s?i=z.spinner():o in z&&(i=z[o](l))),i}(n),X=!!P\|\|!m,Y={closeToast:v,type:g,theme:R},q=null;return!1===d\|\|(q=u(d)?d(Y):(0,react.isValidElement)(d)?(0,react.cloneElement)(d,Y):function(t){let{closeToast:n,theme:o,ariaLabel:s="close"}=t;return react.createElement("button",{className:`Toastify__close-button Toastify__close-button--${o}`,type:"button",onClick:e=>{e.stopPropagation(),n(e)},"aria-label":s},react.createElement("svg",{"aria-hidden":"true",viewBox:"0 0 14 16"},react.createElement("path",{fillRule:"evenodd",d:"M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z"})))}(Y)),react.createElement(h,{isIn:B,done:A,position:T,preventExitTransition:s,nodeRef:r,playToast:c},react.createElement("div",{id:x,onClick:f,"data-in":B,className:H,...i,style:b,ref:r},react.createElement("div",{...B&&{role:k},className:u(I)?I({type:g}):dist_clsx("Toastify__toast-body",I),style:_},null!=F&&react.createElement("div",{className:dist_clsx("Toastify__toast-icon",{"Toastify--animate-icon Toastify__zoom-enter":!O})},F),react.createElement("div",null,p)),q,react.createElement($,{...w&&!X?{key:`pb-${w}`}:{},rtl:M,theme:R,delay:m,isRunning:o,isIn:B,closeToast:v,hide:y,type:g,style:L,className:C,controlledProgress:X,progress:P\|\|0})))},S=function(e,t){return void 0===t&&(t=!1),{enter:`Toastify--animate Toastify__${e}-enter`,exit:`Toastify--animate Toastify__${e}-exit`,appendPosition:t}},H=g(S("bounce",!0)),q=(g(S("slide",!0)),g(S("zoom")),g(S("flip")),{position:"top-right",transition:H,autoClose:5e3,closeButton:!0,pauseOnHover:!0,pauseOnFocusLoss:!0,draggable:"touch",draggablePercent:80,draggableDirection:"x",role:"alert",theme:"light"});function Q(t){let o={...q,...t},s=t.stacked,[a,r]=(0,react.useState)(!0),c=(0,react.useRef)(null),{getToastToRender:d,isToastActive:m,count:f}=L(o),{className:g,style:y,rtl:v,containerId:h}=o;function T(e){let t=dist_clsx("Toastify__toast-container",`Toastify__toast-container--${e}`,{"Toastify__toast-container--rtl":v});return u(g)?g({position:e,rtl:v,defaultClassName:t}):dist_clsx(t,p(g))}function E(){s&&(r(!0),B.play())}return O(()=>{if(s){var e;let t=c.current.querySelectorAll('[data-in="true"]'),s=null==(e=o.position)?void 0:e.includes("top"),r=0,i=0;Array.from(t).reverse().forEach((e,t)=>{e.classList.add("Toastify__toast--stacked"),t>0&&(e.dataset.collapsed=`${a}`),e.dataset.pos\|\|(e.dataset.pos=s?"top":"bot");let l=r(a?.2:1)+(a?0:12t);e.style.setProperty("--y",`${s?l:-1l}px`),e.style.setProperty("--g","12"),e.style.setProperty("--s",""+(1-(a?i:0))),r+=e.offsetHeight,i+=.025})}},[a,f,s]),react.createElement("div",{ref:c,className:"Toastify",id:h,onMouseEnter:()=>{s&&(r(!1),B.pause())},onMouseLeave:E},d((t,n)=>{let o=n.length?{...y}:{...y,pointerEvents:"none"};return react.createElement("div",{className:T(t),style:o,key:`container-${t}`},n.map(t=>{let{content:n,props:o}=t;return react.createElement(R,{...o,stacked:s,collapseAll:E,isIn:m(o.toastId,o.containerId),style:o.style,key:`toast-${o.key}`},n)}))}))}var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");let ToastContext=(0,react.createContext)(void 0);function ToastProvider(_ref){let{children}=_ref;return(0,jsx_runtime.jsxs)(ToastContext.Provider,{value:void 0,children:[(0,jsx_runtime.jsx)(Q,{position:"top-center",autoClose:3e3,bodyClassName:"toast__body",toastClassName:"toast",pauseOnHover:!1,closeButton:!1,hideProgressBar:!0}),children]})}try{ToastProvider.displayName="ToastProvider",ToastProvider.__docgenInfo={description:"",displayName:"ToastProvider",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Toast/ToastProvider.tsx#ToastProvider"]={docgenInfo:ToastProvider.__docgenInfo,name:"ToastProvider",path:"src/Presentation/ui-components/Toast/ToastProvider.tsx#ToastProvider"})}catch(__react_docgen_typescript_loader_error){}var Button=__webpack_require__("./src/Presentation/ui-components/Button/Button.tsx");let Toast_stories={title:"Toast",component:ToastProvider,tags:["autodocs"],parameters:{layout:"centered"},args:{children:void 0},argTypes:{children:{table:{defaultValue:{summary:"ReactNode"},type:{summary:"ReactNode"}},description:"Children"}}};function ToastExample(){return(0,jsx_runtime.jsx)(ToastProvider,{children:(0,jsx_runtime.jsx)(Button.Z,{onClick:()=>{B("Toast message",{position:"top-center",autoClose:5e3})},children:"Children"})})}let ToastDefault={render:()=>(0,jsx_runtime.jsx)(ToastExample,{})};ToastDefault.parameters={...ToastDefault.parameters,docs:{...ToastDefault.parameters?.docs,source:{originalSource:"{\n render: () => <ToastExample />\n}",...ToastDefault.parameters?.docs?.source}}};let __namedExportsOrder=["ToastDefault"]},"./src/Presentation/ui-components/Button/Button.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Button_Button});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),Loader=__webpack_require__("./src/Presentation/ui-components/Loader/Loader.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Button_Button(_ref){let{variant="default",className,disabled=!1,loading=!1,children,...rest}=_ref;return(0,jsx_runtime.jsx)("button",{className:classnames_default()("button","button--".concat(variant),{"button--disabled":disabled},className),disabled:disabled\|\|loading,...rest,children:loading&&!disabled?(0,jsx_runtime.jsx)(Loader.Z,{className:classnames_default()("button__loader","button__loader--".concat(variant))}):children})}try{Button_Button.displayName="Button",Button_Button.__docgenInfo={description:"",displayName:"Button",props:{variant:{defaultValue:{value:"default"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"default"'},{value:'"outlined"'},{value:'"danger"'}]}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},loading:{defaultValue:{value:"false"},description:"",name:"loading",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Button/Button.tsx#Button"]={docgenInfo:Button_Button.__docgenInfo,name:"Button",path:"src/Presentation/ui-components/Button/Button.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}},"./src/Presentation/ui-components/Loader/Loader.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Loader_Loader});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Loader_Loader(_ref){let{className,size="md"}=_ref;return(0,jsx_runtime.jsx)(icons.t$,{className:classnames_default()("loader",size&&"loader--".concat(size),className)})}try{Loader_Loader.displayName="Loader",Loader_Loader.__docgenInfo={description:"",displayName:"Loader",props:{size:{defaultValue:{value:"md"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"sm"'},{value:'"md"'},{value:'"lg"'}]}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Loader/Loader.tsx#Loader"]={docgenInfo:Loader_Loader.__docgenInfo,name:"Loader",path:"src/Presentation/ui-components/Loader/Loader.tsx#Loader"})}catch(__react_docgen_typescript_loader_error){}}}]);
1	+ "use strict";(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit\|\|[]).push([[267],{"./src/Presentation/ui-components/Toast/Toast.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ToastDefault:()=>ToastDefault,__namedExportsOrder:()=>__namedExportsOrder,default:()=>Toast_stories});var react=__webpack_require__("./node_modules/react/index.js");function r(e){var t,f,n="";if("string"==typeof e\|\|"number"==typeof e)n+=e;else if("object"==typeof e){if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f)}else for(f in e)e[f]&&(n&&(n+=" "),n+=f)}return n}let dist_clsx=function(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n},c=e=>"number"==typeof e&&!isNaN(e),d=e=>"string"==typeof e,u=e=>"function"==typeof e,p=e=>d(e)\|\|u(e)?e:null,m=e=>(0,react.isValidElement)(e)\|\|d(e)\|\|u(e)\|\|c(e);function f(e,t,n){void 0===n&&(n=300);let{scrollHeight:o,style:s}=e;requestAnimationFrame(()=>{s.minHeight="initial",s.height=o+"px",s.transition=`all ${n}ms`,requestAnimationFrame(()=>{s.height="0",s.padding="0",s.margin="0",setTimeout(t,n)})})}function g(t){let{enter:a,exit:r,appendPosition:i=!1,collapse:l=!0,collapseDuration:c=300}=t;return function(t){let{children:d,position:u,preventExitTransition:p,done:m,nodeRef:g,isIn:y,playToast:v}=t,h=i?`${a}--${u}`:a,T=i?`${r}--${u}`:r,E=(0,react.useRef)(0);return(0,react.useLayoutEffect)(()=>{let e=g.current,t=h.split(" "),n=o=>{o.target===g.current&&(v(),e.removeEventListener("animationend",n),e.removeEventListener("animationcancel",n),0===E.current&&"animationcancel"!==o.type&&e.classList.remove(...t))};e.classList.add(...t),e.addEventListener("animationend",n),e.addEventListener("animationcancel",n)},[]),(0,react.useEffect)(()=>{let e=g.current,t=()=>{e.removeEventListener("animationend",t),l?f(e,m,c):m()};y\|\|(p?t():(E.current=1,e.className+=` ${T}`,e.addEventListener("animationend",t)))},[y]),react.createElement(react.Fragment,null,d)}}function y(e,t){return null!=e?{content:e.content,containerId:e.props.containerId,id:e.props.toastId,theme:e.props.theme,type:e.props.type,data:e.props.data\|\|{},isLoading:e.props.isLoading,icon:e.props.icon,status:t}:{}}let v=new Map,h=[],T=new Set,E=e=>T.forEach(t=>t(e)),b=()=>v.size>0;function I(e,t){var n;if(t)return!(null==(n=v.get(t))\|\|!n.isToastActive(e));let o=!1;return v.forEach(t=>{t.isToastActive(e)&&(o=!0)}),o}function _(e,t){m(e)&&(b()\|\|h.push({content:e,options:t}),v.forEach(n=>{n.buildToast(e,t)}))}function C(e,t){v.forEach(n=>{null!=t&&null!=t&&t.containerId?(null==t?void 0:t.containerId)===n.id&&n.toggle(e,null==t?void 0:t.id):n.toggle(e,null==t?void 0:t.id)})}function L(e){let{subscribe:o,getSnapshot:s,setProps:i}=(0,react.useRef)(function(e){let n=e.containerId\|\|1;return{subscribe(o){let s=function(e,n,o){let s=1,r=0,i=[],l=[],f=[],g=n,v=new Map,h=new Set,T=()=>{f=Array.from(v.values()),h.forEach(e=>e())},E=e=>{l=null==e?[]:l.filter(t=>t!==e),T()},b=e=>{let{toastId:n,onOpen:s,updateId:a,children:r}=e.props,i=null==a;e.staleId&&v.delete(e.staleId),v.set(n,e),l=[...l,e.props.toastId].filter(t=>t!==e.staleId),T(),o(y(e,i?"added":"updated")),i&&u(s)&&s((0,react.isValidElement)(r)&&r.props)};return{id:e,props:g,observe:e=>(h.add(e),()=>h.delete(e)),toggle:(e,t)=>{v.forEach(n=>{null!=t&&t!==n.props.toastId\|\|u(n.toggle)&&n.toggle(e)})},removeToast:E,toasts:v,clearQueue:()=>{r-=i.length,i=[]},buildToast:(n,l)=>{var w,k;if((t=>{let{containerId:n,toastId:o,updateId:s}=t,r=v.has(o)&&null==s;return(n?n!==e:1!==e)\|\|r})(l))return;let{toastId:f,updateId:h,data:I,staleId:_,delay:C}=l,L=()=>{E(f)},N=null==h;N&&r++;let $={...g,style:g.toastStyle,key:s++,...Object.fromEntries(Object.entries(l).filter(e=>{let[t,n]=e;return null!=n})),toastId:f,updateId:h,data:I,closeToast:L,isIn:!1,className:p(l.className\|\|g.toastClassName),bodyClassName:p(l.bodyClassName\|\|g.bodyClassName),progressClassName:p(l.progressClassName\|\|g.progressClassName),autoClose:!l.isLoading&&(w=l.autoClose,k=g.autoClose,!1===w\|\|c(w)&&w>0?w:k),deleteToast(){let e=v.get(f),{onClose:n,children:s}=e.props;u(n)&&n((0,react.isValidElement)(s)&&s.props),o(y(e,"removed")),v.delete(f),--r<0&&(r=0),i.length>0?b(i.shift()):T()}};$.closeButton=g.closeButton,!1===l.closeButton\|\|m(l.closeButton)?$.closeButton=l.closeButton:!0===l.closeButton&&($.closeButton=!m(g.closeButton)\|\|g.closeButton);let P=n;(0,react.isValidElement)(n)&&!d(n.type)?P=(0,react.cloneElement)(n,{closeToast:L,toastProps:$,data:I}):u(n)&&(P=n({closeToast:L,toastProps:$,data:I}));let M={content:P,props:$,staleId:_};g.limit&&g.limit>0&&r>g.limit&&N?i.push(M):c(C)?setTimeout(()=>{b(M)},C):b(M)},setProps(e){g=e},setToggle:(e,t)=>{v.get(e).toggle=t},isToastActive:e=>l.some(t=>t===e),getSnapshot:()=>g.newestOnTop?f.reverse():f}}(n,e,E);v.set(n,s);let r=s.observe(o);return h.forEach(e=>_(e.content,e.options)),h=[],()=>{r(),v.delete(n)}},setProps(e){var t;null==(t=v.get(n))\|\|t.setProps(e)},getSnapshot(){var e;return null==(e=v.get(n))?void 0:e.getSnapshot()}}}(e)).current;i(e);let l=(0,react.useSyncExternalStore)(o,s,s);return{getToastToRender:function(e){if(!l)return[];let t=new Map;return l.forEach(e=>{let{position:n}=e.props;t.has(n)\|\|t.set(n,[]),t.get(n).push(e)}),Array.from(t,t=>e(t[0],t[1]))},isToastActive:I,count:null==l?void 0:l.length}}function N(e){var g,y;let[t,o]=(0,react.useState)(!1),[a,r]=(0,react.useState)(!1),l=(0,react.useRef)(null),c=(0,react.useRef)({start:0,delta:0,removalDistance:0,canCloseOnClick:!0,canDrag:!1,didMove:!1}).current,{autoClose:d,pauseOnHover:u,closeToast:p,onClick:m,closeOnClick:f}=e;function h(){o(!0)}function T(){o(!1)}function E(n){let o=l.current;c.canDrag&&o&&(c.didMove=!0,t&&T(),c.delta="x"===e.draggableDirection?n.clientX-c.start:n.clientY-c.start,c.start!==n.clientX&&(c.canCloseOnClick=!1),o.style.transform=`translate3d(${"x"===e.draggableDirection?`${c.delta}px, var(--y)`:`0, calc(${c.delta}px + var(--y))`},0)`,o.style.opacity=""+(1-Math.abs(c.delta/c.removalDistance)))}function b(){document.removeEventListener("pointermove",E),document.removeEventListener("pointerup",b);let t=l.current;if(c.canDrag&&c.didMove&&t){if(c.canDrag=!1,Math.abs(c.delta)>c.removalDistance)return r(!0),e.closeToast(),void e.collapseAll();t.style.transition="transform 0.2s, opacity 0.2s",t.style.removeProperty("transform"),t.style.removeProperty("opacity")}}null==(y=v.get((g={id:e.toastId,containerId:e.containerId,fn:o}).containerId\|\|1))\|\|y.setToggle(g.id,g.fn),(0,react.useEffect)(()=>{if(e.pauseOnFocusLoss)return document.hasFocus()\|\|T(),window.addEventListener("focus",h),window.addEventListener("blur",T),()=>{window.removeEventListener("focus",h),window.removeEventListener("blur",T)}},[e.pauseOnFocusLoss]);let I={onPointerDown:function(t){if(!0===e.draggable\|\|e.draggable===t.pointerType){c.didMove=!1,document.addEventListener("pointermove",E),document.addEventListener("pointerup",b);let n=l.current;c.canCloseOnClick=!0,c.canDrag=!0,n.style.transition="none","x"===e.draggableDirection?(c.start=t.clientX,c.removalDistance=n.offsetWidth(e.draggablePercent/100)):(c.start=t.clientY,c.removalDistance=n.offsetHeight(80===e.draggablePercent?1.5e.draggablePercent:e.draggablePercent)/100)}},onPointerUp:function(t){let{top:n,bottom:o,left:s,right:a}=l.current.getBoundingClientRect();"touchend"!==t.nativeEvent.type&&e.pauseOnHover&&t.clientX>=s&&t.clientX<=a&&t.clientY>=n&&t.clientY<=o?T():h()}};return d&&u&&(I.onMouseEnter=T,e.stacked\|\|(I.onMouseLeave=h)),f&&(I.onClick=e=>{m&&m(e),c.canCloseOnClick&&p()}),{playToast:h,pauseToast:T,isRunning:t,preventExitTransition:a,toastRef:l,eventHandlers:I}}function $(t){let{delay:n,isRunning:o,closeToast:s,type:a="default",hide:r,className:i,style:c,controlledProgress:d,progress:p,rtl:m,isIn:f,theme:g}=t,y=r\|\|d&&0===p,v={...c,animationDuration:`${n}ms`,animationPlayState:o?"running":"paused"};d&&(v.transform=`scaleX(${p})`);let h=dist_clsx("Toastify__progress-bar",d?"Toastify__progress-bar--controlled":"Toastify__progress-bar--animated",`Toastify__progress-bar-theme--${g}`,`Toastify__progress-bar--${a}`,{"Toastify__progress-bar--rtl":m}),T=u(i)?i({rtl:m,type:a,defaultClassName:h}):dist_clsx(h,i);return react.createElement("div",{className:"Toastify__progress-bar--wrp","data-hidden":y},react.createElement("div",{className:`Toastify__progress-bar--bg Toastify__progress-bar-theme--${g} Toastify__progress-bar--${a}`}),react.createElement("div",{role:"progressbar","aria-hidden":y?"true":"false","aria-label":"notification timer",className:T,style:v,[d&&p>=1?"onTransitionEnd":"onAnimationEnd"]:d&&p<1?null:()=>{f&&s()}}))}let w=1,k=()=>""+w++;function P(e){return e&&(d(e.toastId)\|\|c(e.toastId))?e.toastId:k()}function M(e,t){return _(e,t),t.toastId}function x(e,t){return{...t,type:t&&t.type\|\|e,toastId:P(t)}}function A(e){return(t,n)=>M(t,x(e,n))}function B(e,t){return M(e,x("default",t))}B.loading=(e,t)=>M(e,x("default",{isLoading:!0,autoClose:!1,closeOnClick:!1,closeButton:!1,draggable:!1,...t})),B.promise=function(e,t,n){let o,{pending:s,error:a,success:r}=t;s&&(o=d(s)?B.loading(s,n):B.loading(s.render,{...n,...s}));let i={isLoading:null,autoClose:null,closeOnClick:null,closeButton:null,draggable:null},l=(e,t,s)=>{if(null==t)return void B.dismiss(o);let a={type:e,...i,...n,data:s},r=d(t)?{render:t}:t;return o?B.update(o,{...a,...r}):B(r.render,{...a,...r}),s},c=u(e)?e():e;return c.then(e=>l("success",r,e)).catch(e=>l("error",a,e)),c},B.success=A("success"),B.info=A("info"),B.error=A("error"),B.warning=A("warning"),B.warn=B.warning,B.dark=(e,t)=>M(e,x("default",{theme:"dark",...t})),B.dismiss=function(e){var t,n;b()?null==e\|\|d(t=e)\|\|c(t)?v.forEach(t=>{t.removeToast(e)}):e&&("containerId"in e\|\|"id"in e)&&((null==(n=v.get(e.containerId))?void 0:n.removeToast(e.id))\|\|v.forEach(t=>{t.removeToast(e.id)})):h=h.filter(t=>null!=e&&t.options.toastId!==e)},B.clearWaitingQueue=function(e){void 0===e&&(e={}),v.forEach(t=>{!t.props.limit\|\|e.containerId&&t.id!==e.containerId\|\|t.clearQueue()})},B.isActive=I,B.update=function(e,t){void 0===t&&(t={});let n=((e,t)=>{var n;let{containerId:o}=t;return null==(n=v.get(o\|\|1))?void 0:n.toasts.get(e)})(e,t);if(n){let{props:o,content:s}=n,a={delay:100,...o,...t,toastId:t.toastId\|\|e,updateId:k()};a.toastId!==e&&(a.staleId=e);let r=a.render\|\|s;delete a.render,M(r,a)}},B.done=e=>{B.update(e,{progress:1})},B.onChange=function(e){return T.add(e),()=>{T.delete(e)}},B.play=e=>C(!0,e),B.pause=e=>C(!1,e);let O="undefined"!=typeof window?react.useLayoutEffect:react.useEffect,D=t=>{let{theme:n,type:o,isLoading:s,...a}=t;return react.createElement("svg",{viewBox:"0 0 24 24",width:"100%",height:"100%",fill:"colored"===n?"currentColor":`var(--toastify-icon-color-${o})`,...a})},z={info:function(t){return react.createElement(D,{...t},react.createElement("path",{d:"M12 0a12 12 0 1012 12A12.013 12.013 0 0012 0zm.25 5a1.5 1.5 0 11-1.5 1.5 1.5 1.5 0 011.5-1.5zm2.25 13.5h-4a1 1 0 010-2h.75a.25.25 0 00.25-.25v-4.5a.25.25 0 00-.25-.25h-.75a1 1 0 010-2h1a2 2 0 012 2v4.75a.25.25 0 00.25.25h.75a1 1 0 110 2z"}))},warning:function(t){return react.createElement(D,{...t},react.createElement("path",{d:"M23.32 17.191L15.438 2.184C14.728.833 13.416 0 11.996 0c-1.42 0-2.733.833-3.443 2.184L.533 17.448a4.744 4.744 0 000 4.368C1.243 23.167 2.555 24 3.975 24h16.05C22.22 24 24 22.044 24 19.632c0-.904-.251-1.746-.68-2.44zm-9.622 1.46c0 1.033-.724 1.823-1.698 1.823s-1.698-.79-1.698-1.822v-.043c0-1.028.724-1.822 1.698-1.822s1.698.79 1.698 1.822v.043zm.039-12.285l-.84 8.06c-.057.581-.408.943-.897.943-.49 0-.84-.367-.896-.942l-.84-8.065c-.057-.624.25-1.095.779-1.095h1.91c.528.005.84.476.784 1.1z"}))},success:function(t){return react.createElement(D,{...t},react.createElement("path",{d:"M12 0a12 12 0 1012 12A12.014 12.014 0 0012 0zm6.927 8.2l-6.845 9.289a1.011 1.011 0 01-1.43.188l-4.888-3.908a1 1 0 111.25-1.562l4.076 3.261 6.227-8.451a1 1 0 111.61 1.183z"}))},error:function(t){return react.createElement(D,{...t},react.createElement("path",{d:"M11.983 0a12.206 12.206 0 00-8.51 3.653A11.8 11.8 0 000 12.207 11.779 11.779 0 0011.8 24h.214A12.111 12.111 0 0024 11.791 11.766 11.766 0 0011.983 0zM10.5 16.542a1.476 1.476 0 011.449-1.53h.027a1.527 1.527 0 011.523 1.47 1.475 1.475 0 01-1.449 1.53h-.027a1.529 1.529 0 01-1.523-1.47zM11 12.5v-6a1 1 0 012 0v6a1 1 0 11-2 0z"}))},spinner:function(){return react.createElement("div",{className:"Toastify__spinner"})}},R=n=>{let{isRunning:o,preventExitTransition:s,toastRef:r,eventHandlers:i,playToast:c}=N(n),{closeButton:d,children:p,autoClose:m,onClick:f,type:g,hideProgressBar:y,closeToast:v,transition:h,position:T,className:E,style:b,bodyClassName:I,bodyStyle:_,progressClassName:C,progressStyle:L,updateId:w,role:k,progress:P,rtl:M,toastId:x,deleteToast:A,isIn:B,isLoading:O,closeOnClick:D,theme:R}=n,S=dist_clsx("Toastify__toast",`Toastify__toast-theme--${R}`,`Toastify__toast--${g}`,{"Toastify__toast--rtl":M},{"Toastify__toast--close-on-click":D}),H=u(E)?E({rtl:M,position:T,type:g,defaultClassName:S}):dist_clsx(S,E),F=function(e){let{theme:n,type:o,isLoading:s,icon:r}=e,i=null,l={theme:n,type:o};return!1===r\|\|(u(r)?i=r({...l,isLoading:s}):(0,react.isValidElement)(r)?i=(0,react.cloneElement)(r,l):s?i=z.spinner():o in z&&(i=z[o](l))),i}(n),X=!!P\|\|!m,Y={closeToast:v,type:g,theme:R},q=null;return!1===d\|\|(q=u(d)?d(Y):(0,react.isValidElement)(d)?(0,react.cloneElement)(d,Y):function(t){let{closeToast:n,theme:o,ariaLabel:s="close"}=t;return react.createElement("button",{className:`Toastify__close-button Toastify__close-button--${o}`,type:"button",onClick:e=>{e.stopPropagation(),n(e)},"aria-label":s},react.createElement("svg",{"aria-hidden":"true",viewBox:"0 0 14 16"},react.createElement("path",{fillRule:"evenodd",d:"M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z"})))}(Y)),react.createElement(h,{isIn:B,done:A,position:T,preventExitTransition:s,nodeRef:r,playToast:c},react.createElement("div",{id:x,onClick:f,"data-in":B,className:H,...i,style:b,ref:r},react.createElement("div",{...B&&{role:k},className:u(I)?I({type:g}):dist_clsx("Toastify__toast-body",I),style:_},null!=F&&react.createElement("div",{className:dist_clsx("Toastify__toast-icon",{"Toastify--animate-icon Toastify__zoom-enter":!O})},F),react.createElement("div",null,p)),q,react.createElement($,{...w&&!X?{key:`pb-${w}`}:{},rtl:M,theme:R,delay:m,isRunning:o,isIn:B,closeToast:v,hide:y,type:g,style:L,className:C,controlledProgress:X,progress:P\|\|0})))},S=function(e,t){return void 0===t&&(t=!1),{enter:`Toastify--animate Toastify__${e}-enter`,exit:`Toastify--animate Toastify__${e}-exit`,appendPosition:t}},H=g(S("bounce",!0)),q=(g(S("slide",!0)),g(S("zoom")),g(S("flip")),{position:"top-right",transition:H,autoClose:5e3,closeButton:!0,pauseOnHover:!0,pauseOnFocusLoss:!0,draggable:"touch",draggablePercent:80,draggableDirection:"x",role:"alert",theme:"light"});function Q(t){let o={...q,...t},s=t.stacked,[a,r]=(0,react.useState)(!0),c=(0,react.useRef)(null),{getToastToRender:d,isToastActive:m,count:f}=L(o),{className:g,style:y,rtl:v,containerId:h}=o;function T(e){let t=dist_clsx("Toastify__toast-container",`Toastify__toast-container--${e}`,{"Toastify__toast-container--rtl":v});return u(g)?g({position:e,rtl:v,defaultClassName:t}):dist_clsx(t,p(g))}function E(){s&&(r(!0),B.play())}return O(()=>{if(s){var e;let t=c.current.querySelectorAll('[data-in="true"]'),s=null==(e=o.position)?void 0:e.includes("top"),r=0,i=0;Array.from(t).reverse().forEach((e,t)=>{e.classList.add("Toastify__toast--stacked"),t>0&&(e.dataset.collapsed=`${a}`),e.dataset.pos\|\|(e.dataset.pos=s?"top":"bot");let l=r(a?.2:1)+(a?0:12t);e.style.setProperty("--y",`${s?l:-1l}px`),e.style.setProperty("--g","12"),e.style.setProperty("--s",""+(1-(a?i:0))),r+=e.offsetHeight,i+=.025})}},[a,f,s]),react.createElement("div",{ref:c,className:"Toastify",id:h,onMouseEnter:()=>{s&&(r(!1),B.pause())},onMouseLeave:E},d((t,n)=>{let o=n.length?{...y}:{...y,pointerEvents:"none"};return react.createElement("div",{className:T(t),style:o,key:`container-${t}`},n.map(t=>{let{content:n,props:o}=t;return react.createElement(R,{...o,stacked:s,collapseAll:E,isIn:m(o.toastId,o.containerId),style:o.style,key:`toast-${o.key}`},n)}))}))}var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");let ToastContext=(0,react.createContext)(void 0);function ToastProvider(_ref){let{children}=_ref;return(0,jsx_runtime.jsxs)(ToastContext.Provider,{value:void 0,children:[(0,jsx_runtime.jsx)(Q,{position:"top-center",autoClose:3e3,bodyClassName:"toast__body",toastClassName:"toast",pauseOnHover:!1,closeButton:!1,hideProgressBar:!0}),children]})}try{ToastProvider.displayName="ToastProvider",ToastProvider.__docgenInfo={description:"",displayName:"ToastProvider",props:{}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Toast/ToastProvider.tsx#ToastProvider"]={docgenInfo:ToastProvider.__docgenInfo,name:"ToastProvider",path:"src/Presentation/ui-components/Toast/ToastProvider.tsx#ToastProvider"})}catch(__react_docgen_typescript_loader_error){}var Button=__webpack_require__("./src/Presentation/ui-components/Button/Button.tsx");let Toast_stories={title:"@quickblox-react-ui-kit/Presentation/ui-components/Toast",component:ToastProvider,tags:["autodocs"],parameters:{layout:"centered"},args:{children:void 0},argTypes:{children:{table:{defaultValue:{summary:"ReactNode"},type:{summary:"ReactNode"}},description:"Children"}}};function ToastExample(){return(0,jsx_runtime.jsx)(ToastProvider,{children:(0,jsx_runtime.jsx)(Button.Z,{onClick:()=>{B("Toast message",{position:"top-center",autoClose:5e3})},children:"Children"})})}let ToastDefault={render:()=>(0,jsx_runtime.jsx)(ToastExample,{})};ToastDefault.parameters={...ToastDefault.parameters,docs:{...ToastDefault.parameters?.docs,source:{originalSource:"{\n render: () => <ToastExample />\n}",...ToastDefault.parameters?.docs?.source}}};let __namedExportsOrder=["ToastDefault"]},"./src/Presentation/ui-components/Button/Button.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Button_Button});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),Loader=__webpack_require__("./src/Presentation/ui-components/Loader/Loader.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Button_Button(_ref){let{variant="default",className,disabled=!1,loading=!1,children,...rest}=_ref;return(0,jsx_runtime.jsx)("button",{className:classnames_default()("button","button--".concat(variant),{"button--disabled":disabled},className),disabled:disabled\|\|loading,...rest,children:loading&&!disabled?(0,jsx_runtime.jsx)(Loader.Z,{className:classnames_default()("button__loader","button__loader--".concat(variant))}):children})}try{Button_Button.displayName="Button",Button_Button.__docgenInfo={description:"",displayName:"Button",props:{variant:{defaultValue:{value:"default"},description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"text"'},{value:'"default"'},{value:'"outlined"'},{value:'"danger"'}]}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},loading:{defaultValue:{value:"false"},description:"",name:"loading",required:!1,type:{name:"boolean"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Button/Button.tsx#Button"]={docgenInfo:Button_Button.__docgenInfo,name:"Button",path:"src/Presentation/ui-components/Button/Button.tsx#Button"})}catch(__react_docgen_typescript_loader_error){}},"./src/Presentation/ui-components/Loader/Loader.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Loader_Loader});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Loader_Loader(_ref){let{className,size="md"}=_ref;return(0,jsx_runtime.jsx)(icons.t$,{className:classnames_default()("loader",size&&"loader--".concat(size),className)})}try{Loader_Loader.displayName="Loader",Loader_Loader.__docgenInfo={description:"",displayName:"Loader",props:{size:{defaultValue:{value:"md"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"sm"'},{value:'"md"'},{value:'"lg"'}]}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Loader/Loader.tsx#Loader"]={docgenInfo:Loader_Loader.__docgenInfo,name:"Loader",path:"src/Presentation/ui-components/Loader/Loader.tsx#Loader"})}catch(__react_docgen_typescript_loader_error){}}}]);

package/storybook-static/{Presentation-ui-components-UserListItem-UserListItem-stories.e88f4206.iframe.bundle.js → Presentation-ui-components-UserListItem-UserListItem-stories.04d3eefe.iframe.bundle.js} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit\|\|[]).push([[968],{"./src/Presentation/ui-components/UserListItem/UserListItem.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UserList:()=>UserList,UserListItemDefault:()=>UserListItemDefault,__namedExportsOrder:()=>__namedExportsOrder,default:()=>UserListItem_stories});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),Avatar=__webpack_require__("./src/Presentation/ui-components/Avatar/Avatar.tsx"),CheckBox=__webpack_require__("./src/Presentation/ui-components/CheckBox/CheckBox.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function UserListItem_UserListItem(_ref){let{avatarUrl,userName,checked=!1,disabled=!1,onChange,className}=_ref;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("user-list-item",{"user-list-item--disabled":disabled},className),children:[(0,jsx_runtime.jsxs)("div",{className:"user-list-item__avatar",children:[(0,jsx_runtime.jsx)(Avatar.Z,{src:avatarUrl}),(0,jsx_runtime.jsx)("span",{className:"user-list-item__name",children:userName})]}),onChange&&(0,jsx_runtime.jsx)(CheckBox.Z,{onChange:onChange,disabled:disabled,checked:checked})]})}try{UserListItem_UserListItem.displayName="UserListItem",UserListItem_UserListItem.__docgenInfo={description:"",displayName:"UserListItem",props:{userName:{defaultValue:null,description:"",name:"userName",required:!0,type:{name:"string"}},avatarUrl:{defaultValue:null,description:"",name:"avatarUrl",required:!1,type:{name:"string"}},checked:{defaultValue:{value:"false"},description:"",name:"checked",required:!1,type:{name:"boolean"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((checked: boolean) => void)"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/UserListItem/UserListItem.tsx#UserListItem"]={docgenInfo:UserListItem_UserListItem.__docgenInfo,name:"UserListItem",path:"src/Presentation/ui-components/UserListItem/UserListItem.tsx#UserListItem"})}catch(__react_docgen_typescript_loader_error){}var icons=__webpack_require__("./src/Presentation/icons/index.ts");function LoaderComponent_LoaderComponent(){let theme=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0,loaderStyles=theme?{animation:"spin 1s linear infinite",svg:{path:{fill:null!=theme&&theme.color?null==theme?void 0:theme.color:""}},minWidth:null==theme?void 0:theme.width,minHeight:null==theme?void 0:theme.height,Loader:{fill:null!=theme&&theme.color?null==theme?void 0:theme.color:""},fill:null!=theme&&theme.color?null==theme?void 0:theme.color:""}:{},loaderClasses=[theme&&Object.keys(theme).length>0?"":"loader"].join(" ");return(0,jsx_runtime.jsx)("div",{style:loaderStyles,className:loaderClasses,children:(0,jsx_runtime.jsx)(icons.t$,{className:"loader"})})}try{LoaderComponent_LoaderComponent.displayName="LoaderComponent",LoaderComponent_LoaderComponent.__docgenInfo={description:"",displayName:"LoaderComponent",props:{color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"string"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"string"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"string"}},applyZoom:{defaultValue:null,description:"",name:"applyZoom",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/components/UI/Placeholders/LoaderComponent/LoaderComponent.tsx#LoaderComponent"]={docgenInfo:LoaderComponent_LoaderComponent.__docgenInfo,name:"LoaderComponent",path:"src/Presentation/components/UI/Placeholders/LoaderComponent/LoaderComponent.tsx#LoaderComponent"})}catch(__react_docgen_typescript_loader_error){}function ScrollableContainer_ScrollableContainer(props){let{className,rootStyles,mainContainerStyles,data,ListEmptyComponent,onEndReached,onEndReachedThreshold,refreshing,autoScrollToBottom,renderItem}=props,container=(0,react.useRef)(null),messageEndRef=(0,react.useRef)(null),scrollToBottom=()=>{var _messageEndRef$curren;console.log("call scrollToBottom start"),autoScrollToBottom&&(null===(_messageEndRef$curren=messageEndRef.current)\|\|void 0===_messageEndRef$curren\|\|_messageEndRef$curren.scrollIntoView({behavior:"smooth"}))};return(0,react.useEffect)(()=>{console.log("useEffect []"),autoScrollToBottom&&scrollToBottom()},[]),(0,react.useEffect)(()=>{console.log("useEffect messages"),autoScrollToBottom&&scrollToBottom()},[data.length]),console.log("çount items to scroll:",data.length),console.log("data to scrolling: ",JSON.stringify(data)),(0,jsx_runtime.jsxs)("div",{style:rootStyles,className:classnames_default()("list",className),children:[refreshing&&(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(LoaderComponent_LoaderComponent,{width:"44",height:"44",color:"var(--color-background-info)"})}),data&&data.length?(0,jsx_runtime.jsxs)("div",{style:mainContainerStyles,className:"list-content",onScroll:()=>{if(console.log("call scrollHandler"),container.current){let{scrollHeight,clientHeight,scrollTop}=container.current,scrollOffset=(scrollTop+clientHeight)/scrollHeight,endReached=!1;"number"==typeof onEndReachedThreshold?scrollOffset>=onEndReachedThreshold&&(endReached=!0):scrollOffset>=.99&&(endReached=!0),endReached&&onEndReached&&onEndReached()}},ref:container,children:[data.map((it,index)=>renderItem(it,index)),(0,jsx_runtime.jsx)("div",{style:{float:"left",clear:"both"},ref:messageEndRef})]}):!refreshing&&ListEmptyComponent&&(0,jsx_runtime.jsx)(ListEmptyComponent,{})]})}try{ScrollableContainer_ScrollableContainer.displayName="ScrollableContainer",ScrollableContainer_ScrollableContainer.__docgenInfo={description:"",displayName:"ScrollableContainer",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},rootStyles:{defaultValue:null,description:"",name:"rootStyles",required:!1,type:{name:"CSSProperties"}},mainContainerStyles:{defaultValue:null,description:"",name:"mainContainerStyles",required:!1,type:{name:"CSSProperties"}},data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"T[]"}},ListEmptyComponent:{defaultValue:null,description:"",name:"ListEmptyComponent",required:!1,type:{name:"ComponentClass<{}, any> \| FunctionComponent<{}>"}},onEndReached:{defaultValue:null,description:"",name:"onEndReached",required:!1,type:{name:"VoidFunction"}},onEndReachedThreshold:{defaultValue:null,description:"",name:"onEndReachedThreshold",required:!1,type:{name:"number"}},refreshing:{defaultValue:null,description:"",name:"refreshing",required:!1,type:{name:"boolean"}},autoScrollToBottom:{defaultValue:null,description:"",name:"autoScrollToBottom",required:!1,type:{name:"boolean"}},renderItem:{defaultValue:null,description:"",name:"renderItem",required:!0,type:{name:"(item: T, index: number) => ReactElement<any, string \| JSXElementConstructor<any>> \| null"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/components/containers/ScrollableContainer/ScrollableContainer.tsx#ScrollableContainer"]={docgenInfo:ScrollableContainer_ScrollableContainer.__docgenInfo,name:"ScrollableContainer",path:"src/Presentation/components/containers/ScrollableContainer/ScrollableContainer.tsx#ScrollableContainer"})}catch(__react_docgen_typescript_loader_error){}let UserListItem_stories={title:"User List Item",component:UserListItem_UserListItem,tags:["autodocs"],parameters:{layout:"centered"},args:{className:"",disabled:!1,checked:!1,userName:"",avatarUrl:""},argTypes:{avatarUrl:{table:{type:{summary:"url"}},description:"Avatar image source"},userName:{table:{type:{summary:"string"},defaultValue:{summary:""}},description:"User name"},disabled:{table:{type:{summary:"boolean"},defaultValue:{summary:!1}},description:"Active"},checked:{table:{type:{summary:"boolean"},defaultValue:{summary:!1}},description:"Checkbox"},onChange:{table:{defaultValue:{summary:"(checked: boolean) => void"},type:{summary:"function"}},description:"Checkbox control"},className:{table:{defaultValue:{summary:"string"},type:{summary:"string"}},description:"Additional classes"}}};function UserListExample(){let[users,setUser]=(0,react.useState)([{name:"User 1",id:0,checked:!0},{name:"User 2",id:1,checked:!1},{name:"User 3",id:2,checked:!1},{name:"User 4",id:3,checked:!0},{name:"User 5",id:4,checked:!0}]);return(0,jsx_runtime.jsx)(ScrollableContainer_ScrollableContainer,{data:users,renderItem:user=>(0,jsx_runtime.jsx)(UserListItem_UserListItem,{userName:user.name,checked:user.checked,onChange:value=>{setUser(prevUsers=>prevUsers.map(prevUser=>prevUser.id===user.id?{...prevUser,checked:value}:prevUser))}}),onEndReachedThreshold:.8,refreshing:!1})}let UserListItemDefault={args:{userName:"User name"}},UserList={render:()=>(0,jsx_runtime.jsx)(UserListExample,{})};UserListItemDefault.parameters={...UserListItemDefault.parameters,docs:{...UserListItemDefault.parameters?.docs,source:{originalSource:"{\n args: {\n userName: 'User name'\n }\n}",...UserListItemDefault.parameters?.docs?.source}}},UserList.parameters={...UserList.parameters,docs:{...UserList.parameters?.docs,source:{originalSource:"{\n render: () => <UserListExample />\n}",...UserList.parameters?.docs?.source}}};let __namedExportsOrder=["UserListItemDefault","UserList"]},"./src/Presentation/ui-components/Avatar/Avatar.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Avatar_Avatar});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Avatar_Avatar(_ref){let{icon=(0,jsx_runtime.jsx)(icons.vw,{}),size="md",className,src}=_ref;return src?(0,jsx_runtime.jsx)("div",{className:classnames_default()("avatar","avatar--".concat(size),className),children:(0,jsx_runtime.jsx)("img",{src:src,className:"avatar__image",alt:"Avatar"})}):(0,jsx_runtime.jsx)("div",{className:classnames_default()("avatar","avatar--".concat(size),className),children:icon})}try{Avatar_Avatar.displayName="Avatar",Avatar_Avatar.__docgenInfo={description:"",displayName:"Avatar",props:{size:{defaultValue:{value:"md"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"sm"'},{value:'"md"'},{value:'"lg"'},{value:'"xl"'},{value:'"xxl"'}]}},icon:{defaultValue:{value:"<UserSvg />"},description:"",name:"icon",required:!1,type:{name:"ReactElement<any, string \| JSXElementConstructor<any>>"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},src:{defaultValue:null,description:"",name:"src",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Avatar/Avatar.tsx#Avatar"]={docgenInfo:Avatar_Avatar.__docgenInfo,name:"Avatar",path:"src/Presentation/ui-components/Avatar/Avatar.tsx#Avatar"})}catch(__react_docgen_typescript_loader_error){}},"./src/Presentation/ui-components/CheckBox/CheckBox.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>CheckBox_CheckBox});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function CheckBox_CheckBox(_ref){let{disabled,checked,onChange}=_ref;return(0,jsx_runtime.jsx)("input",{className:"checkbox",type:"checkbox",checked:checked,disabled:disabled,onChange:()=>null==onChange?void 0:onChange(!checked)})}try{CheckBox_CheckBox.displayName="CheckBox",CheckBox_CheckBox.__docgenInfo={description:"",displayName:"CheckBox",props:{disabled:{defaultValue:null,description:"",name:"disabled",required:!0,type:{name:"boolean"}},checked:{defaultValue:null,description:"",name:"checked",required:!0,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((isSelected: boolean) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/CheckBox/CheckBox.tsx#CheckBox"]={docgenInfo:CheckBox_CheckBox.__docgenInfo,name:"CheckBox",path:"src/Presentation/ui-components/CheckBox/CheckBox.tsx#CheckBox"})}catch(__react_docgen_typescript_loader_error){}}}]);
1	+ "use strict";(self.webpackChunkquickblox_react_ui_kit=self.webpackChunkquickblox_react_ui_kit\|\|[]).push([[968],{"./src/Presentation/ui-components/UserListItem/UserListItem.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{UserList:()=>UserList,UserListItemDefault:()=>UserListItemDefault,__namedExportsOrder:()=>__namedExportsOrder,default:()=>UserListItem_stories});var react=__webpack_require__("./node_modules/react/index.js"),classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),Avatar=__webpack_require__("./src/Presentation/ui-components/Avatar/Avatar.tsx"),CheckBox=__webpack_require__("./src/Presentation/ui-components/CheckBox/CheckBox.tsx"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function UserListItem_UserListItem(_ref){let{avatarUrl,userName,checked=!1,disabled=!1,onChange,className}=_ref;return(0,jsx_runtime.jsxs)("div",{className:classnames_default()("user-list-item",{"user-list-item--disabled":disabled},className),children:[(0,jsx_runtime.jsxs)("div",{className:"user-list-item__avatar",children:[(0,jsx_runtime.jsx)(Avatar.Z,{src:avatarUrl}),(0,jsx_runtime.jsx)("span",{className:"user-list-item__name",children:userName})]}),onChange&&(0,jsx_runtime.jsx)(CheckBox.Z,{onChange:onChange,disabled:disabled,checked:checked})]})}try{UserListItem_UserListItem.displayName="UserListItem",UserListItem_UserListItem.__docgenInfo={description:"",displayName:"UserListItem",props:{userName:{defaultValue:null,description:"",name:"userName",required:!0,type:{name:"string"}},avatarUrl:{defaultValue:null,description:"",name:"avatarUrl",required:!1,type:{name:"string"}},checked:{defaultValue:{value:"false"},description:"",name:"checked",required:!1,type:{name:"boolean"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((checked: boolean) => void)"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/UserListItem/UserListItem.tsx#UserListItem"]={docgenInfo:UserListItem_UserListItem.__docgenInfo,name:"UserListItem",path:"src/Presentation/ui-components/UserListItem/UserListItem.tsx#UserListItem"})}catch(__react_docgen_typescript_loader_error){}var icons=__webpack_require__("./src/Presentation/icons/index.ts");function LoaderComponent_LoaderComponent(){let theme=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0,loaderStyles=theme?{animation:"spin 1s linear infinite",svg:{path:{fill:null!=theme&&theme.color?null==theme?void 0:theme.color:""}},minWidth:null==theme?void 0:theme.width,minHeight:null==theme?void 0:theme.height,Loader:{fill:null!=theme&&theme.color?null==theme?void 0:theme.color:""},fill:null!=theme&&theme.color?null==theme?void 0:theme.color:""}:{},loaderClasses=[theme&&Object.keys(theme).length>0?"":"loader"].join(" ");return(0,jsx_runtime.jsx)("div",{style:loaderStyles,className:loaderClasses,children:(0,jsx_runtime.jsx)(icons.t$,{className:"loader"})})}try{LoaderComponent_LoaderComponent.displayName="LoaderComponent",LoaderComponent_LoaderComponent.__docgenInfo={description:"",displayName:"LoaderComponent",props:{color:{defaultValue:null,description:"",name:"color",required:!1,type:{name:"string"}},width:{defaultValue:null,description:"",name:"width",required:!1,type:{name:"string"}},height:{defaultValue:null,description:"",name:"height",required:!1,type:{name:"string"}},applyZoom:{defaultValue:null,description:"",name:"applyZoom",required:!1,type:{name:"boolean"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/components/UI/Placeholders/LoaderComponent/LoaderComponent.tsx#LoaderComponent"]={docgenInfo:LoaderComponent_LoaderComponent.__docgenInfo,name:"LoaderComponent",path:"src/Presentation/components/UI/Placeholders/LoaderComponent/LoaderComponent.tsx#LoaderComponent"})}catch(__react_docgen_typescript_loader_error){}function ScrollableContainer_ScrollableContainer(props){let{className,rootStyles,mainContainerStyles,data,ListEmptyComponent,onEndReached,onEndReachedThreshold,refreshing,autoScrollToBottom,renderItem}=props,container=(0,react.useRef)(null),messageEndRef=(0,react.useRef)(null),scrollToBottom=()=>{var _messageEndRef$curren;console.log("call scrollToBottom start"),autoScrollToBottom&&(null===(_messageEndRef$curren=messageEndRef.current)\|\|void 0===_messageEndRef$curren\|\|_messageEndRef$curren.scrollIntoView({behavior:"smooth"}))};return(0,react.useEffect)(()=>{console.log("useEffect []"),autoScrollToBottom&&scrollToBottom()},[]),(0,react.useEffect)(()=>{console.log("useEffect messages"),autoScrollToBottom&&scrollToBottom()},[data.length]),console.log("çount items to scroll:",data.length),console.log("data to scrolling: ",JSON.stringify(data)),(0,jsx_runtime.jsxs)("div",{style:rootStyles,className:classnames_default()("list",className),children:[refreshing&&(0,jsx_runtime.jsx)("div",{children:(0,jsx_runtime.jsx)(LoaderComponent_LoaderComponent,{width:"44",height:"44",color:"var(--color-background-info)"})}),data&&data.length?(0,jsx_runtime.jsxs)("div",{style:mainContainerStyles,className:"list-content",onScroll:()=>{if(console.log("call scrollHandler"),container.current){let{scrollHeight,clientHeight,scrollTop}=container.current,scrollOffset=(scrollTop+clientHeight)/scrollHeight,endReached=!1;"number"==typeof onEndReachedThreshold?scrollOffset>=onEndReachedThreshold&&(endReached=!0):scrollOffset>=.99&&(endReached=!0),endReached&&onEndReached&&onEndReached()}},ref:container,children:[data.map((it,index)=>renderItem(it,index)),(0,jsx_runtime.jsx)("div",{style:{float:"left",clear:"both"},ref:messageEndRef})]}):!refreshing&&ListEmptyComponent&&(0,jsx_runtime.jsx)(ListEmptyComponent,{})]})}try{ScrollableContainer_ScrollableContainer.displayName="ScrollableContainer",ScrollableContainer_ScrollableContainer.__docgenInfo={description:"",displayName:"ScrollableContainer",props:{className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},rootStyles:{defaultValue:null,description:"",name:"rootStyles",required:!1,type:{name:"CSSProperties"}},mainContainerStyles:{defaultValue:null,description:"",name:"mainContainerStyles",required:!1,type:{name:"CSSProperties"}},data:{defaultValue:null,description:"",name:"data",required:!0,type:{name:"T[]"}},ListEmptyComponent:{defaultValue:null,description:"",name:"ListEmptyComponent",required:!1,type:{name:"ComponentClass<{}, any> \| FunctionComponent<{}>"}},onEndReached:{defaultValue:null,description:"",name:"onEndReached",required:!1,type:{name:"VoidFunction"}},onEndReachedThreshold:{defaultValue:null,description:"",name:"onEndReachedThreshold",required:!1,type:{name:"number"}},refreshing:{defaultValue:null,description:"",name:"refreshing",required:!1,type:{name:"boolean"}},autoScrollToBottom:{defaultValue:null,description:"",name:"autoScrollToBottom",required:!1,type:{name:"boolean"}},renderItem:{defaultValue:null,description:"",name:"renderItem",required:!0,type:{name:"(item: T, index: number) => ReactElement<any, string \| JSXElementConstructor<any>> \| null"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/components/containers/ScrollableContainer/ScrollableContainer.tsx#ScrollableContainer"]={docgenInfo:ScrollableContainer_ScrollableContainer.__docgenInfo,name:"ScrollableContainer",path:"src/Presentation/components/containers/ScrollableContainer/ScrollableContainer.tsx#ScrollableContainer"})}catch(__react_docgen_typescript_loader_error){}let UserListItem_stories={title:"@quickblox-react-ui-kit/Presentation/ui-components/UserListItem",component:UserListItem_UserListItem,tags:["autodocs"],parameters:{layout:"centered"},args:{className:"",disabled:!1,checked:!1,userName:"",avatarUrl:""},argTypes:{avatarUrl:{table:{type:{summary:"url"}},description:"Avatar image source"},userName:{table:{type:{summary:"string"},defaultValue:{summary:""}},description:"User name"},disabled:{table:{type:{summary:"boolean"},defaultValue:{summary:!1}},description:"Active"},checked:{table:{type:{summary:"boolean"},defaultValue:{summary:!1}},description:"Checkbox"},onChange:{table:{defaultValue:{summary:"(checked: boolean) => void"},type:{summary:"function"}},description:"Checkbox control"},className:{table:{defaultValue:{summary:"string"},type:{summary:"string"}},description:"Additional classes"}}};function UserListExample(){let[users,setUser]=(0,react.useState)([{name:"User 1",id:0,checked:!0},{name:"User 2",id:1,checked:!1},{name:"User 3",id:2,checked:!1},{name:"User 4",id:3,checked:!0},{name:"User 5",id:4,checked:!0}]);return(0,jsx_runtime.jsx)(ScrollableContainer_ScrollableContainer,{data:users,renderItem:user=>(0,jsx_runtime.jsx)(UserListItem_UserListItem,{userName:user.name,checked:user.checked,onChange:value=>{setUser(prevUsers=>prevUsers.map(prevUser=>prevUser.id===user.id?{...prevUser,checked:value}:prevUser))}}),onEndReachedThreshold:.8,refreshing:!1})}let UserListItemDefault={name:"UserListItem Default",args:{userName:"User name"}},UserList={name:"UserListItem Multiple",render:()=>(0,jsx_runtime.jsx)(UserListExample,{})};UserListItemDefault.parameters={...UserListItemDefault.parameters,docs:{...UserListItemDefault.parameters?.docs,source:{originalSource:"{\n name: 'UserListItem Default',\n args: {\n userName: 'User name'\n }\n}",...UserListItemDefault.parameters?.docs?.source}}},UserList.parameters={...UserList.parameters,docs:{...UserList.parameters?.docs,source:{originalSource:"{\n name: 'UserListItem Multiple',\n render: () => <UserListExample />\n}",...UserList.parameters?.docs?.source}}};let __namedExportsOrder=["UserListItemDefault","UserList"]},"./src/Presentation/ui-components/Avatar/Avatar.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>Avatar_Avatar});var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),icons=__webpack_require__("./src/Presentation/icons/index.ts"),jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function Avatar_Avatar(_ref){let{icon=(0,jsx_runtime.jsx)(icons.vw,{}),size="md",className,src}=_ref;return src?(0,jsx_runtime.jsx)("div",{className:classnames_default()("avatar","avatar--".concat(size),className),children:(0,jsx_runtime.jsx)("img",{src:src,className:"avatar__image",alt:"Avatar"})}):(0,jsx_runtime.jsx)("div",{className:classnames_default()("avatar","avatar--".concat(size),className),children:icon})}try{Avatar_Avatar.displayName="Avatar",Avatar_Avatar.__docgenInfo={description:"",displayName:"Avatar",props:{size:{defaultValue:{value:"md"},description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"sm"'},{value:'"md"'},{value:'"lg"'},{value:'"xl"'},{value:'"xxl"'}]}},icon:{defaultValue:{value:"<UserSvg />"},description:"",name:"icon",required:!1,type:{name:"ReactElement<any, string \| JSXElementConstructor<any>>"}},className:{defaultValue:null,description:"",name:"className",required:!1,type:{name:"string"}},src:{defaultValue:null,description:"",name:"src",required:!1,type:{name:"string"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/Avatar/Avatar.tsx#Avatar"]={docgenInfo:Avatar_Avatar.__docgenInfo,name:"Avatar",path:"src/Presentation/ui-components/Avatar/Avatar.tsx#Avatar"})}catch(__react_docgen_typescript_loader_error){}},"./src/Presentation/ui-components/CheckBox/CheckBox.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{Z:()=>CheckBox_CheckBox});var jsx_runtime=__webpack_require__("./node_modules/react/jsx-runtime.js");function CheckBox_CheckBox(_ref){let{disabled,checked,onChange}=_ref;return(0,jsx_runtime.jsx)("input",{className:"checkbox",type:"checkbox",checked:checked,disabled:disabled,onChange:()=>null==onChange?void 0:onChange(!checked)})}try{CheckBox_CheckBox.displayName="CheckBox",CheckBox_CheckBox.__docgenInfo={description:"",displayName:"CheckBox",props:{disabled:{defaultValue:null,description:"",name:"disabled",required:!0,type:{name:"boolean"}},checked:{defaultValue:null,description:"",name:"checked",required:!0,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!1,type:{name:"((isSelected: boolean) => void)"}}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/Presentation/ui-components/CheckBox/CheckBox.tsx#CheckBox"]={docgenInfo:CheckBox_CheckBox.__docgenInfo,name:"CheckBox",path:"src/Presentation/ui-components/CheckBox/CheckBox.tsx#CheckBox"})}catch(__react_docgen_typescript_loader_error){}}}]);