@sendbird/uikit-utils 2.2.0 → 2.4.0

package/lib/module/shared/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getFileExtension","getFileType","hash","str","String","Math","abs","split","reduce","a","c","charCodeAt","replace","start","end","text","slice","conditionChaining","conditions","values","idx","findIndex","state","Boolean","length","getDownscaleSize","origin","resizing","ratio","maxWidth","width","maxHeight","height","max","isImage","filePath","mimeType","type","shouldCompressImage","compressionEnabled","extension","match","pick","obj","keys","pickedObj","key"],"sources":["index.ts"],"sourcesContent":["import { getFileExtension, getFileType } from './regex';\n\n/**\n * Converts a given string to a hashed string.\n * */\nexport function hash(str: string) {\n  return String(Math.abs(str.split('').reduce((a, c) => ((a << 5) - a + c.charCodeAt(0)) | 0, 0)));\n}\n\n/**\n * Replace a specific range of text in the string with another text.\n * */\nexport function replace(str: string, start: number, end: number, text: string) {\n  return str.slice(0, start) + text + str.slice(end);\n}\n\n/**\n * Returns the value corresponding to the first true index of a given condition array.\n * */\nexport function conditionChaining<T, V>(conditions: T[], values: V[]) {\n  const idx = conditions.findIndex((state) => Boolean(state));\n  return idx > -1 ? values[idx] : values[values.length - 1];\n}\n\n/**\n * Calculates the downscale size.\n * */\ntype Size = { width: number; height: number };\nexport function getDownscaleSize(origin: Size, resizing: Partial<Size>) {\n  let ratio;\n\n  const maxWidth = resizing.width || origin.width,\n    maxHeight = resizing.height || origin.height;\n\n  if (origin.width <= maxWidth && origin.height <= maxHeight) {\n    ratio = 1;\n  } else if (origin.width > maxWidth && origin.height <= maxHeight) {\n    ratio = maxWidth / origin.width;\n  } else if (origin.width <= maxWidth && origin.height > maxHeight) {\n    ratio = maxHeight / origin.height;\n  } else {\n    ratio = Math.max(maxWidth / origin.width, maxHeight / origin.height);\n  }\n\n  return { width: origin.width * ratio, height: origin.height * ratio };\n}\n\nexport function isImage(filePath: string, mimeType?: string) {\n  const type = getFileType(mimeType || getFileExtension(filePath));\n  return type === 'image';\n}\n\nexport function shouldCompressImage(filePath: string, compressionEnabled = true) {\n  const extension = getFileExtension(filePath);\n  return Boolean(extension.match(/jpg|jpeg|png/i) && compressionEnabled);\n}\n\n/**\n * Returns the picked data from object.\n * */\nexport function pick<T extends { [key: string]: unknown }, Keys extends keyof T>(obj: T, keys: Keys[]) {\n  return keys.reduce((pickedObj, key) => {\n    pickedObj[key] = obj[key];\n    return pickedObj;\n  }, {} as { [key in Keys]: T[key] });\n}\n"],"mappings":"AAAA,SAASA,gBAAT,EAA2BC,WAA3B,QAA8C,SAA9C;AAEA;AACA;AACA;;AACA,OAAO,SAASC,IAAT,CAAcC,GAAd,EAA2B;EAChC,OAAOC,MAAM,CAACC,IAAI,CAACC,GAAL,CAASH,GAAG,CAACI,KAAJ,CAAU,EAAV,EAAcC,MAAd,CAAqB,CAACC,CAAD,EAAIC,CAAJ,KAAW,CAACD,CAAC,IAAI,CAAN,IAAWA,CAAX,GAAeC,CAAC,CAACC,UAAF,CAAa,CAAb,CAAhB,GAAmC,CAAlE,EAAqE,CAArE,CAAT,CAAD,CAAb;AACD;AAED;AACA;AACA;;AACA,OAAO,SAASC,OAAT,CAAiBT,GAAjB,EAA8BU,KAA9B,EAA6CC,GAA7C,EAA0DC,IAA1D,EAAwE;EAC7E,OAAOZ,GAAG,CAACa,KAAJ,CAAU,CAAV,EAAaH,KAAb,IAAsBE,IAAtB,GAA6BZ,GAAG,CAACa,KAAJ,CAAUF,GAAV,CAApC;AACD;AAED;AACA;AACA;;AACA,OAAO,SAASG,iBAAT,CAAiCC,UAAjC,EAAkDC,MAAlD,EAA+D;EACpE,MAAMC,GAAG,GAAGF,UAAU,CAACG,SAAX,CAAsBC,KAAD,IAAWC,OAAO,CAACD,KAAD,CAAvC,CAAZ;EACA,OAAOF,GAAG,GAAG,CAAC,CAAP,GAAWD,MAAM,CAACC,GAAD,CAAjB,GAAyBD,MAAM,CAACA,MAAM,CAACK,MAAP,GAAgB,CAAjB,CAAtC;AACD;AAED;AACA;AACA;;AAEA,OAAO,SAASC,gBAAT,CAA0BC,MAA1B,EAAwCC,QAAxC,EAAiE;EACtE,IAAIC,KAAJ;EAEA,MAAMC,QAAQ,GAAGF,QAAQ,CAACG,KAAT,IAAkBJ,MAAM,CAACI,KAA1C;EAAA,MACEC,SAAS,GAAGJ,QAAQ,CAACK,MAAT,IAAmBN,MAAM,CAACM,MADxC;;EAGA,IAAIN,MAAM,CAACI,KAAP,IAAgBD,QAAhB,IAA4BH,MAAM,CAACM,MAAP,IAAiBD,SAAjD,EAA4D;IAC1DH,KAAK,GAAG,CAAR;EACD,CAFD,MAEO,IAAIF,MAAM,CAACI,KAAP,GAAeD,QAAf,IAA2BH,MAAM,CAACM,MAAP,IAAiBD,SAAhD,EAA2D;IAChEH,KAAK,GAAGC,QAAQ,GAAGH,MAAM,CAACI,KAA1B;EACD,CAFM,MAEA,IAAIJ,MAAM,CAACI,KAAP,IAAgBD,QAAhB,IAA4BH,MAAM,CAACM,MAAP,GAAgBD,SAAhD,EAA2D;IAChEH,KAAK,GAAGG,SAAS,GAAGL,MAAM,CAACM,MAA3B;EACD,CAFM,MAEA;IACLJ,KAAK,GAAGvB,IAAI,CAAC4B,GAAL,CAASJ,QAAQ,GAAGH,MAAM,CAACI,KAA3B,EAAkCC,SAAS,GAAGL,MAAM,CAACM,MAArD,CAAR;EACD;;EAED,OAAO;IAAEF,KAAK,EAAEJ,MAAM,CAACI,KAAP,GAAeF,KAAxB;IAA+BI,MAAM,EAAEN,MAAM,CAACM,MAAP,GAAgBJ;EAAvD,CAAP;AACD;AAED,OAAO,SAASM,OAAT,CAAiBC,QAAjB,EAAmCC,QAAnC,EAAsD;EAC3D,MAAMC,IAAI,GAAGpC,WAAW,CAACmC,QAAQ,IAAIpC,gBAAgB,CAACmC,QAAD,CAA7B,CAAxB;EACA,OAAOE,IAAI,KAAK,OAAhB;AACD;AAED,OAAO,SAASC,mBAAT,CAA6BH,QAA7B,EAA0E;EAAA,IAA3BI,kBAA2B,uEAAN,IAAM;EAC/E,MAAMC,SAAS,GAAGxC,gBAAgB,CAACmC,QAAD,CAAlC;EACA,OAAOZ,OAAO,CAACiB,SAAS,CAACC,KAAV,CAAgB,eAAhB,KAAoCF,kBAArC,CAAd;AACD;AAED;AACA;AACA;;AACA,OAAO,SAASG,IAAT,CAA0EC,GAA1E,EAAkFC,IAAlF,EAAgG;EACrG,OAAOA,IAAI,CAACpC,MAAL,CAAY,CAACqC,SAAD,EAAYC,GAAZ,KAAoB;IACrCD,SAAS,CAACC,GAAD,CAAT,GAAiBH,GAAG,CAACG,GAAD,CAApB;IACA,OAAOD,SAAP;EACD,CAHM,EAGJ,EAHI,CAAP;AAID"}

package/lib/module/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\n/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type React from 'react';\n\nimport type SendbirdChat from '@sendbird/chat';\nimport type {\n  BaseChannel,\n  Emoji,\n  EmojiCategory,\n  EmojiContainer,\n  RestrictedUser,\n  SendbirdError as SBError,\n  User,\n  UserUpdateParams,\n} from '@sendbird/chat';\nimport type {\n  GroupChannel,\n  GroupChannelCollection,\n  GroupChannelCreateParams,\n  GroupChannelListQuery,\n  GroupChannelModule,\n  GroupChannelUpdateParams,\n  Member,\n  MessageCollection,\n} from '@sendbird/chat/groupChannel';\nimport type { ModuleNamespaces, SendableMessage } from '@sendbird/chat/lib/__definition';\nimport type {\n  AdminMessage,\n  BaseMessage,\n  FileMessage,\n  FileMessageCreateParams,\n  FileMessageUpdateParams,\n  PreviousMessageListQuery,\n  Reaction,\n  UserMessage,\n  UserMessageCreateParams,\n  UserMessageUpdateParams,\n} from '@sendbird/chat/message';\nimport type { OpenChannel, OpenChannelModule } from '@sendbird/chat/openChannel';\n\nexport type FilterByValueType<T extends object, Type> = {\n  [K in keyof T as T[K] extends Type ? K : never]: T[K];\n};\n\nexport type UnionToIntersection<U> = (U extends unknown ? (k: U) => void : never) extends (k: infer I) => void\n  ? I\n  : never;\n\nexport type OmittedValues<T, K extends keyof T> = Omit<T, K>[keyof Omit<T, K>];\n\nexport type PartialDeep<T> = T extends object\n  ? T extends Function\n    ? T\n    : {\n        [P in keyof T]?: PartialDeep<T[P]>;\n      }\n  : T;\n\nexport type PartialNullable<T> = {\n  [P in keyof T]?: T[P] | null;\n};\n\nexport type Optional<T> = T | undefined;\n\nexport type ContextValue<T extends React.Context<any>> = T extends React.Context<infer V> ? V : never;\n\nexport interface UserStruct {\n  userId: string;\n}\n\nexport type SendbirdChatSDK = SendbirdChat & ModuleNamespaces<[GroupChannelModule, OpenChannelModule]>;\nexport type SendbirdMessage = BaseMessage | FileMessage | UserMessage | AdminMessage | SendableMessage;\nexport type SendbirdChannel = BaseChannel | GroupChannel | OpenChannel;\nexport type SendbirdUserMessage = UserMessage;\nexport type SendbirdFileMessage = FileMessage;\nexport type SendbirdAdminMessage = AdminMessage;\nexport type SendbirdBaseMessage = BaseMessage;\nexport type SendbirdSendableMessage = SendableMessage;\nexport type SendbirdFileMessageCreateParams = FileMessageCreateParams;\nexport type SendbirdFileMessageUpdateParams = FileMessageUpdateParams;\nexport type SendbirdUserMessageCreateParams = UserMessageCreateParams;\nexport type SendbirdUserMessageUpdateParams = UserMessageUpdateParams;\nexport type SendbirdGroupChannelCreateParams = GroupChannelCreateParams;\nexport type SendbirdGroupChannelUpdateParams = GroupChannelUpdateParams;\nexport type SendbirdUserUpdateParams = UserUpdateParams;\nexport type SendbirdUser = User;\nexport type SendbirdRestrictedUser = RestrictedUser;\nexport type SendbirdMember = Member;\nexport type SendbirdGroupChannel = GroupChannel;\nexport type SendbirdBaseChannel = BaseChannel;\nexport type SendbirdOpenChannel = OpenChannel;\n\nexport type SendbirdReaction = Reaction;\nexport type SendbirdEmoji = Emoji;\nexport type SendbirdEmojiCategory = EmojiCategory;\nexport type SendbirdEmojiContainer = EmojiContainer;\n\nexport type SendbirdGroupChannelCollection = GroupChannelCollection;\nexport type SendbirdGroupChannelListQuery = GroupChannelListQuery;\nexport type SendbirdMessageCollection = MessageCollection;\nexport type SendbirdPreviousMessageListQuery = PreviousMessageListQuery;\n\nexport type SendbirdError = SBError;\n\nexport interface SendbirdDataPayload {\n  app_id: string;\n  audience_type: string;\n  category: string;\n  channel: {\n    channel_unread_message_count: number;\n    channel_url: string;\n    custom_type: string;\n    name: string;\n  };\n  channel_type: string;\n  created_at: number;\n  custom_type: string;\n  files: NotificationFiles[];\n  mentioned_users: NotificationMentionedUsers[];\n  message: string;\n  message_id: number;\n  push_sound: string;\n  push_title: null;\n  recipient: {\n    id: string;\n    name: string;\n    push_template: string;\n  };\n  sender?: {\n    id: string;\n    name: string;\n    profile_url: string;\n    require_auth_for_profile_image: boolean;\n  };\n  sqs_ts: number;\n  translations: NotificationTranslations;\n  type: 'ADMM' | 'MESG' | 'FILE' | string;\n  unread_message_count: number;\n}\nexport interface NotificationFiles {\n  type: string;\n  url: string;\n  name: string;\n  size: number;\n  require_auth: boolean;\n}\n\nexport interface NotificationTranslations {}\nexport interface NotificationMentionedUsers {}\n"],"mappings":""}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n\n/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type React from 'react';\n\nimport type SendbirdChat from '@sendbird/chat';\nimport type {\n  BaseChannel,\n  Emoji,\n  EmojiCategory,\n  EmojiContainer,\n  Participant,\n  RestrictedUser,\n  SendbirdError as SBError,\n  User,\n  UserUpdateParams,\n} from '@sendbird/chat';\nimport type {\n  GroupChannel,\n  GroupChannelCollection,\n  GroupChannelCreateParams,\n  GroupChannelListQuery,\n  GroupChannelModule,\n  GroupChannelUpdateParams,\n  Member,\n  MessageCollection,\n} from '@sendbird/chat/groupChannel';\nimport type {\n  ModuleNamespaces,\n  OpenChannelCreateParams,\n  OpenChannelUpdateParams,\n  SendableMessage,\n} from '@sendbird/chat/lib/__definition';\nimport type {\n  AdminMessage,\n  BaseMessage,\n  FileMessage,\n  FileMessageCreateParams,\n  FileMessageUpdateParams,\n  PreviousMessageListQuery,\n  Reaction,\n  UserMessage,\n  UserMessageCreateParams,\n  UserMessageUpdateParams,\n} from '@sendbird/chat/message';\nimport type { OpenChannel, OpenChannelListQuery, OpenChannelModule } from '@sendbird/chat/openChannel';\n\nexport type FilterByValueType<T extends object, Type> = {\n  [K in keyof T as T[K] extends Type ? K : never]: T[K];\n};\n\nexport type UnionToIntersection<U> = (U extends unknown ? (k: U) => void : never) extends (k: infer I) => void\n  ? I\n  : never;\n\nexport type OmittedValues<T, K extends keyof T> = Omit<T, K>[keyof Omit<T, K>];\n\nexport type PartialDeep<T> = T extends object\n  ? T extends Function\n    ? T\n    : {\n        [P in keyof T]?: PartialDeep<T[P]>;\n      }\n  : T;\n\nexport type PartialNullable<T> = {\n  [P in keyof T]?: T[P] | null;\n};\n\nexport type Optional<T> = T | undefined;\n\nexport type ContextValue<T extends React.Context<any>> = T extends React.Context<infer V> ? V : never;\n\nexport type OnBeforeHandler<T> = (params: T) => T | Promise<T>;\n\nexport interface UserStruct {\n  userId: string;\n}\n\nexport type SendbirdChatSDK = SendbirdChat & ModuleNamespaces<[GroupChannelModule, OpenChannelModule]>;\nexport type SendbirdMessage = BaseMessage | FileMessage | UserMessage | AdminMessage | SendableMessage;\nexport type SendbirdChannel = BaseChannel | GroupChannel | OpenChannel;\nexport type SendbirdUserMessage = UserMessage;\nexport type SendbirdFileMessage = FileMessage;\nexport type SendbirdAdminMessage = AdminMessage;\nexport type SendbirdBaseMessage = BaseMessage;\nexport type SendbirdSendableMessage = SendableMessage;\nexport type SendbirdFileMessageCreateParams = FileMessageCreateParams;\nexport type SendbirdFileMessageUpdateParams = FileMessageUpdateParams;\nexport type SendbirdUserMessageCreateParams = UserMessageCreateParams;\nexport type SendbirdUserMessageUpdateParams = UserMessageUpdateParams;\n\nexport type SendbirdGroupChannelCreateParams = GroupChannelCreateParams;\nexport type SendbirdGroupChannelUpdateParams = GroupChannelUpdateParams;\nexport type SendbirdOpenChannelCreateParams = OpenChannelCreateParams;\nexport type SendbirdOpenChannelUpdateParams = OpenChannelUpdateParams;\n\nexport type SendbirdUserUpdateParams = UserUpdateParams;\nexport type SendbirdUser = User;\nexport type SendbirdRestrictedUser = RestrictedUser;\nexport type SendbirdMember = Member;\nexport type SendbirdParticipant = Participant;\n\nexport type SendbirdGroupChannel = GroupChannel;\nexport type SendbirdBaseChannel = BaseChannel;\nexport type SendbirdOpenChannel = OpenChannel;\n\nexport type SendbirdReaction = Reaction;\nexport type SendbirdEmoji = Emoji;\nexport type SendbirdEmojiCategory = EmojiCategory;\nexport type SendbirdEmojiContainer = EmojiContainer;\n\nexport type SendbirdGroupChannelCollection = GroupChannelCollection;\nexport type SendbirdGroupChannelListQuery = GroupChannelListQuery;\nexport type SendbirdOpenChannelListQuery = OpenChannelListQuery;\nexport type SendbirdMessageCollection = MessageCollection;\nexport type SendbirdPreviousMessageListQuery = PreviousMessageListQuery;\n\nexport type SendbirdError = SBError;\n\nexport interface SendbirdDataPayload {\n  app_id: string;\n  audience_type: string;\n  category: string;\n  channel: {\n    channel_unread_message_count: number;\n    channel_url: string;\n    custom_type: string;\n    name: string;\n  };\n  channel_type: string;\n  created_at: number;\n  custom_type: string;\n  files: NotificationFiles[];\n  mentioned_users: NotificationMentionedUsers[];\n  message: string;\n  message_id: number;\n  push_sound: string;\n  push_title: null;\n  recipient: {\n    id: string;\n    name: string;\n    push_template: string;\n  };\n  sender?: {\n    id: string;\n    name: string;\n    profile_url: string;\n    require_auth_for_profile_image: boolean;\n  };\n  sqs_ts: number;\n  translations: NotificationTranslations;\n  type: 'ADMM' | 'MESG' | 'FILE' | string;\n  unread_message_count: number;\n}\nexport interface NotificationFiles {\n  type: string;\n  url: string;\n  name: string;\n  size: number;\n  require_auth: boolean;\n}\n\nexport interface NotificationTranslations {}\nexport interface NotificationMentionedUsers {}\n"],"mappings":""}

package/lib/module/ui-format/openChannel.js

@@ -0,0 +1,10 @@
+export const getOpenChannelTitle = function (channel) {
+  let DEFAULT_CHANNEL_NAME = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'Open Channel';
+  const trimmedChannelName = channel.name.trim();
+  if (trimmedChannelName === '') return DEFAULT_CHANNEL_NAME;
+  return trimmedChannelName;
+};
+export const getOpenChannelParticipants = channel => {
+  return `${channel.participantCount} participants`;
+};
+//# sourceMappingURL=openChannel.js.map

package/lib/module/ui-format/openChannel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getOpenChannelTitle","channel","DEFAULT_CHANNEL_NAME","trimmedChannelName","name","trim","getOpenChannelParticipants","participantCount"],"sources":["openChannel.ts"],"sourcesContent":["import type { SendbirdOpenChannel } from '../types';\n\nexport const getOpenChannelTitle = (channel: SendbirdOpenChannel, DEFAULT_CHANNEL_NAME = 'Open Channel') => {\n  const trimmedChannelName = channel.name.trim();\n  if (trimmedChannelName === '') return DEFAULT_CHANNEL_NAME;\n  return trimmedChannelName;\n};\n\nexport const getOpenChannelParticipants = (channel: SendbirdOpenChannel) => {\n  return `${channel.participantCount} participants`;\n};\n"],"mappings":"AAEA,OAAO,MAAMA,mBAAmB,GAAG,UAACC,OAAD,EAAyE;EAAA,IAA1CC,oBAA0C,uEAAnB,cAAmB;EAC1G,MAAMC,kBAAkB,GAAGF,OAAO,CAACG,IAAR,CAAaC,IAAb,EAA3B;EACA,IAAIF,kBAAkB,KAAK,EAA3B,EAA+B,OAAOD,oBAAP;EAC/B,OAAOC,kBAAP;AACD,CAJM;AAMP,OAAO,MAAMG,0BAA0B,GAAIL,OAAD,IAAkC;EAC1E,OAAQ,GAAEA,OAAO,CAACM,gBAAiB,eAAnC;AACD,CAFM"}

package/lib/typescript/src/hooks/index.d.ts

@@ -2,6 +2,7 @@ import type { DependencyList } from 'react';
 type Destructor = () => void;
 type AsyncEffectCallback = () => void | Destructor | Promise<void> | Promise<Destructor>;
 export declare const useUniqId: (key: string) => number;
+export declare const useUniqHandlerId: (name: string) => string;
 export declare const useForceUpdate: () => () => void;
 export declare const useAsyncEffect: (asyncEffect: AsyncEffectCallback, deps?: DependencyList) => void;
 export declare const useAsyncLayoutEffect: (asyncEffect: AsyncEffectCallback, deps?: DependencyList) => void;
@@ -9,4 +10,6 @@ export declare const useIIFE: <T>(callback: () => T) => T;
 export declare const useIsMountedRef: () => import("react").MutableRefObject<boolean>;
 export declare const useIsFirstMount: () => boolean;
 export declare const useFreshCallback: <T extends (...args: any[]) => any>(callback: T) => T;
+export declare const useDebounceEffect: (action: () => void, delay: number, deps?: DependencyList) => void;
+export declare const usePartialState: <S>(initialState: S) => [S & Partial<S>, import("react").Dispatch<Partial<S>>];
 export {};

package/lib/typescript/src/hooks/react-native.d.ts

@@ -0,0 +1,12 @@
+import { AppStateEvent, AppStateStatus } from 'react-native';
+import { EdgeInsets } from 'react-native-safe-area-context';
+type EdgePaddingMap = {
+    left: 'paddingLeft';
+    right: 'paddingRight';
+    top: 'paddingTop';
+    bottom: 'paddingBottom';
+};
+export declare const useSafeAreaPadding: <T extends keyof EdgeInsets, Result extends { [key in EdgePaddingMap[T]]: EdgeInsets[T]; }>(edges: T[]) => Result;
+type AppStateListener = (status: AppStateStatus) => void;
+export declare const useAppState: (type: AppStateEvent, listener: AppStateListener) => void;
+export {};

package/lib/typescript/src/index.d.ts

@@ -1,12 +1,13 @@
 export { Logger } from './shared/logger';
 export { default as arrayToMap, arrayToMapWithGetter } from './shared/arrayToMap';
 export { createPubSub } from './shared/pubsub';
-export { default as conditionChaining } from './shared/conditionChaining';
 export { urlRegexStrict, urlRegexRough, newLineRegex, audioExtRegex, videoExtRegex, imageExtRegex, getFileType, getFileExtension, replaceUrlAsComponents, normalizeFileName, emailRegex, phoneRegex, replaceWithRegex, createMentionTemplateRegex, } from './shared/regex';
 export { BufferedRequest } from './shared/bufferedRequest';
-export { default as replace } from './shared/replace';
+export * from './shared';
 export * from './hooks';
+export * from './hooks/react-native';
 export * from './ui-format/groupChannel';
+export * from './ui-format/openChannel';
 export * from './ui-format/common';
 export * from './sendbird/channel';
 export * from './sendbird/message';
@@ -16,11 +17,15 @@ export declare const NOOP: () => void;
 export declare const ASYNC_NOOP: () => Promise<undefined>;
 export declare const PASS: <T>(val: T) => T;
 export declare const toMegabyte: (byte: number) => number;
-export declare const isFunction: <T>(param?: T | undefined) => param is NonNullable<T>;
+export declare const isFunction: (param?: unknown) => param is Function;
+export declare function ifThenOr<T>(cond: boolean, then: T): T | undefined;
+export declare function ifThenOr<T, V>(cond: boolean, then: T, or: V): T | V;
 export declare const SBErrorCode: {
     NON_AUTHORIZED: number;
+    CHANNEL_NOT_FOUND_SERVER: number;
+    CHANNEL_NOT_FOUND_SDK: number;
 };
 export declare const SBErrorMessage: {
     ACL: string;
 };
-export type { UserStruct, FilterByValueType, UnionToIntersection, OmittedValues, PartialDeep, Optional, ContextValue, SendbirdMessage, SendbirdChatSDK, SendbirdChannel, SendbirdBaseChannel, SendbirdGroupChannel, SendbirdOpenChannel, SendbirdUser, SendbirdMember, SendbirdBaseMessage, SendbirdUserMessage, SendbirdFileMessage, SendbirdAdminMessage, SendbirdGroupChannelCreateParams, SendbirdFileMessageCreateParams, SendbirdUserMessageCreateParams, SendbirdError, SendbirdMessageCollection, SendbirdGroupChannelCollection, NotificationFiles, NotificationMentionedUsers, NotificationTranslations, PartialNullable, SendbirdDataPayload, SendbirdPreviousMessageListQuery, SendbirdSendableMessage, SendbirdGroupChannelListQuery, SendbirdGroupChannelUpdateParams, SendbirdUserMessageUpdateParams, SendbirdFileMessageUpdateParams, SendbirdUserUpdateParams, SendbirdRestrictedUser, SendbirdReaction, SendbirdEmojiContainer, SendbirdEmoji, SendbirdEmojiCategory, } from './types';
+export type { UserStruct, FilterByValueType, UnionToIntersection, OmittedValues, PartialDeep, Optional, ContextValue, OnBeforeHandler, SendbirdMessage, SendbirdChatSDK, SendbirdChannel, SendbirdBaseChannel, SendbirdGroupChannel, SendbirdOpenChannel, SendbirdUser, SendbirdMember, SendbirdBaseMessage, SendbirdUserMessage, SendbirdFileMessage, SendbirdAdminMessage, SendbirdGroupChannelCreateParams, SendbirdFileMessageCreateParams, SendbirdUserMessageCreateParams, SendbirdError, SendbirdMessageCollection, SendbirdGroupChannelCollection, NotificationFiles, NotificationMentionedUsers, NotificationTranslations, PartialNullable, SendbirdDataPayload, SendbirdPreviousMessageListQuery, SendbirdSendableMessage, SendbirdOpenChannelListQuery, SendbirdGroupChannelListQuery, SendbirdGroupChannelUpdateParams, SendbirdUserMessageUpdateParams, SendbirdFileMessageUpdateParams, SendbirdUserUpdateParams, SendbirdRestrictedUser, SendbirdReaction, SendbirdEmojiContainer, SendbirdEmoji, SendbirdEmojiCategory, SendbirdOpenChannelUpdateParams, SendbirdOpenChannelCreateParams, SendbirdParticipant, } from './types';

package/lib/typescript/src/sendbird/channel.d.ts

@@ -1,4 +1,4 @@
-import type { SendbirdBaseChannel, SendbirdChannel, SendbirdGroupChannel, SendbirdOpenChannel } from '../types';
+import type { SendbirdBaseChannel, SendbirdChannel, SendbirdGroupChannel, SendbirdGroupChannelCreateParams, SendbirdOpenChannel } from '../types';
 /**
  * Diff utils for channel
  * @param {SendbirdBaseChannel} [a]
@@ -11,6 +11,11 @@ export declare const getGroupChannelChatAvailableState: (channel: SendbirdGroupC
     frozen: boolean;
     muted: boolean;
 };
+export declare const getOpenChannelChatAvailableState: (channel: SendbirdOpenChannel, userId: string) => Promise<{
+    disabled: boolean;
+    frozen: boolean;
+    muted: boolean;
+}>;
 export declare const confirmAndMarkAsRead: (channels: SendbirdBaseChannel[]) => Promise<void>;
 export declare const confirmAndMarkAsDelivered: (channels: SendbirdBaseChannel[]) => Promise<void>;
 export declare function isDefaultCoverImage(coverUrl: string): boolean;
@@ -18,3 +23,7 @@ export declare function getMembersExcludeMe(channel: SendbirdGroupChannel, curre
 export declare function getGroupChannels(channels: SendbirdChannel[]): SendbirdGroupChannel[];
 export declare function getOpenChannels(channels: SendbirdChannel[]): SendbirdOpenChannel[];
 export declare function getChannelUniqId(channel: SendbirdChannel): string;
+export declare function getDefaultGroupChannelCreateParams(params: {
+    invitedUserIds: string[];
+    currentUserId?: string;
+}): SendbirdGroupChannelCreateParams;

package/lib/typescript/src/sendbird/message.d.ts

@@ -20,4 +20,7 @@ export declare function isSendbirdNotification(dataPayload?: {
 export declare function parseSendbirdNotification(dataPayload: RawSendbirdDataPayload): SendbirdDataPayload;
 export declare function shouldRenderReaction(channel: SendbirdBaseChannel, reactionEnabled: boolean): boolean;
 export declare function getReactionCount(reaction: SendbirdReaction): number;
+type MessageType = 'user' | 'admin' | 'file' | 'unknown' | `user.${'opengraph'}` | `file.${'image' | 'video' | 'audio'}`;
+export declare function getFileTypeFromMessage(message: SendbirdFileMessage): "video" | "audio" | "image" | "file";
+export declare function getMessageType(message: SendbirdMessage): MessageType;
 export {};

package/lib/typescript/src/sendbird/user.d.ts

@@ -2,6 +2,4 @@ import type { Role } from '@sendbird/chat';
 import type { UserStruct } from '../types';
 export declare function ifOperator<T>(role: Role, then: T): T | undefined;
 export declare function ifOperator<T, V>(role: Role, then: T, or: V): T | V;
-export declare function ifMuted<T>(muted: boolean, then: T): T | undefined;
-export declare function ifMuted<T, V>(muted: boolean, then: T, or: V): T | V;
 export declare function getUserUniqId<T extends UserStruct>(user: T): string;

package/lib/typescript/src/shared/index.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Converts a given string to a hashed string.
+ * */
+export declare function hash(str: string): string;
+/**
+ * Replace a specific range of text in the string with another text.
+ * */
+export declare function replace(str: string, start: number, end: number, text: string): string;
+/**
+ * Returns the value corresponding to the first true index of a given condition array.
+ * */
+export declare function conditionChaining<T, V>(conditions: T[], values: V[]): V;
+/**
+ * Calculates the downscale size.
+ * */
+type Size = {
+    width: number;
+    height: number;
+};
+export declare function getDownscaleSize(origin: Size, resizing: Partial<Size>): {
+    width: number;
+    height: number;
+};
+export declare function isImage(filePath: string, mimeType?: string): boolean;
+export declare function shouldCompressImage(filePath: string, compressionEnabled?: boolean): boolean;
+/**
+ * Returns the picked data from object.
+ * */
+export declare function pick<T extends {
+    [key: string]: unknown;
+}, Keys extends keyof T>(obj: T, keys: Keys[]): { [key in Keys]: T[key]; };
+export {};

package/lib/typescript/src/types.d.ts

@@ -1,10 +1,10 @@
 import type React from 'react';
 import type SendbirdChat from '@sendbird/chat';
-import type { BaseChannel, Emoji, EmojiCategory, EmojiContainer, RestrictedUser, SendbirdError as SBError, User, UserUpdateParams } from '@sendbird/chat';
+import type { BaseChannel, Emoji, EmojiCategory, EmojiContainer, Participant, RestrictedUser, SendbirdError as SBError, User, UserUpdateParams } from '@sendbird/chat';
 import type { GroupChannel, GroupChannelCollection, GroupChannelCreateParams, GroupChannelListQuery, GroupChannelModule, GroupChannelUpdateParams, Member, MessageCollection } from '@sendbird/chat/groupChannel';
-import type { ModuleNamespaces, SendableMessage } from '@sendbird/chat/lib/__definition';
+import type { ModuleNamespaces, OpenChannelCreateParams, OpenChannelUpdateParams, SendableMessage } from '@sendbird/chat/lib/__definition';
 import type { AdminMessage, BaseMessage, FileMessage, FileMessageCreateParams, FileMessageUpdateParams, PreviousMessageListQuery, Reaction, UserMessage, UserMessageCreateParams, UserMessageUpdateParams } from '@sendbird/chat/message';
-import type { OpenChannel, OpenChannelModule } from '@sendbird/chat/openChannel';
+import type { OpenChannel, OpenChannelListQuery, OpenChannelModule } from '@sendbird/chat/openChannel';
 export type FilterByValueType<T extends object, Type> = {
     [K in keyof T as T[K] extends Type ? K : never]: T[K];
 };
@@ -18,6 +18,7 @@ export type PartialNullable<T> = {
 };
 export type Optional<T> = T | undefined;
 export type ContextValue<T extends React.Context<any>> = T extends React.Context<infer V> ? V : never;
+export type OnBeforeHandler<T> = (params: T) => T | Promise<T>;
 export interface UserStruct {
     userId: string;
 }
@@ -35,10 +36,13 @@ export type SendbirdUserMessageCreateParams = UserMessageCreateParams;
 export type SendbirdUserMessageUpdateParams = UserMessageUpdateParams;
 export type SendbirdGroupChannelCreateParams = GroupChannelCreateParams;
 export type SendbirdGroupChannelUpdateParams = GroupChannelUpdateParams;
+export type SendbirdOpenChannelCreateParams = OpenChannelCreateParams;
+export type SendbirdOpenChannelUpdateParams = OpenChannelUpdateParams;
 export type SendbirdUserUpdateParams = UserUpdateParams;
 export type SendbirdUser = User;
 export type SendbirdRestrictedUser = RestrictedUser;
 export type SendbirdMember = Member;
+export type SendbirdParticipant = Participant;
 export type SendbirdGroupChannel = GroupChannel;
 export type SendbirdBaseChannel = BaseChannel;
 export type SendbirdOpenChannel = OpenChannel;
@@ -48,6 +52,7 @@ export type SendbirdEmojiCategory = EmojiCategory;
 export type SendbirdEmojiContainer = EmojiContainer;
 export type SendbirdGroupChannelCollection = GroupChannelCollection;
 export type SendbirdGroupChannelListQuery = GroupChannelListQuery;
+export type SendbirdOpenChannelListQuery = OpenChannelListQuery;
 export type SendbirdMessageCollection = MessageCollection;
 export type SendbirdPreviousMessageListQuery = PreviousMessageListQuery;
 export type SendbirdError = SBError;

package/lib/typescript/src/ui-format/openChannel.d.ts

@@ -0,0 +1,3 @@
+import type { SendbirdOpenChannel } from '../types';
+export declare const getOpenChannelTitle: (channel: SendbirdOpenChannel, DEFAULT_CHANNEL_NAME?: string) => string;
+export declare const getOpenChannelParticipants: (channel: SendbirdOpenChannel) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendbird/uikit-utils",
-  "version": "2.2.0",
+  "version": "2.4.0",
   "description": "UIKit utilities",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -43,13 +43,14 @@
   },
   "devDependencies": {
     "@types/react": "*",
+    "@types/react-native": "*",
     "react": "17.0.2",
-    "react-native": "0.67.4",
+    "react-native": "0.67.5",
     "react-native-builder-bob": "^0.18.0",
     "typescript": "4.9.4"
   },
   "peerDependencies": {
-    "@sendbird/chat": "^4.0.13",
+    "@sendbird/chat": "^4.3.0",
     "react": ">=16.13.1"
   },
   "peerDependenciesMeta": {
@@ -76,5 +77,5 @@
     "readmeFile": "./README.md",
     "displayName": "@sendbird/uikit-utils"
   },
-  "gitHead": "bd7ab217a07e91ba644c0cb69694a92b123326bf"
+  "gitHead": "05ec076e3a2433089586870c9a7e7bf7639b06be"
 }

package/src/hooks/index.ts

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import type { DependencyList } from 'react';
-import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { useCallback, useEffect, useLayoutEffect, useReducer, useRef, useState } from 'react';
 
 type Destructor = () => void;
 type AsyncEffectCallback = () => void | Destructor | Promise<void> | Promise<Destructor>;
@@ -13,6 +13,11 @@ export const useUniqId = (key: string) => {
   })[0];
 };
 
+export const useUniqHandlerId = (name: string) => {
+  const id = useUniqId(name);
+  return `${name}_${id}`;
+};
+
 export const useForceUpdate = () => {
   const [, updater] = useState(0);
   return useCallback(() => updater((prev) => prev + 1), []);
@@ -72,3 +77,28 @@ export const useFreshCallback = <T extends (...args: any[]) => any>(callback: T)
   ref.current = callback;
   return useCallback(((...args) => ref.current(...args)) as T, []);
 };
+
+export const useDebounceEffect = (action: () => void, delay: number, deps: DependencyList = []) => {
+  const timeoutRef = useRef<NodeJS.Timeout>();
+
+  useEffect(() => {
+    timeoutRef.current = setTimeout(async () => {
+      try {
+        await action();
+      } finally {
+        timeoutRef.current = undefined;
+      }
+    }, delay);
+
+    return () => {
+      if (timeoutRef.current) {
+        clearTimeout(timeoutRef.current);
+        timeoutRef.current = undefined;
+      }
+    };
+  }, [delay, ...deps]);
+};
+
+export const usePartialState = <S>(initialState: S) => {
+  return useReducer((prev: S, state: Partial<S>) => ({ ...prev, ...state }), initialState);
+};

package/src/hooks/react-native.ts

@@ -0,0 +1,54 @@
+import { useEffect, useRef } from 'react';
+import { AppState, AppStateEvent, AppStateStatus } from 'react-native';
+import { EdgeInsets, useSafeAreaInsets } from 'react-native-safe-area-context';
+
+type EdgePaddingMap = {
+  left: 'paddingLeft';
+  right: 'paddingRight';
+  top: 'paddingTop';
+  bottom: 'paddingBottom';
+};
+const edgePaddingMap: EdgePaddingMap = {
+  left: 'paddingLeft',
+  right: 'paddingRight',
+  top: 'paddingTop',
+  bottom: 'paddingBottom',
+};
+
+export const useSafeAreaPadding = <
+  T extends keyof EdgeInsets,
+  Result extends { [key in EdgePaddingMap[T]]: EdgeInsets[T] },
+>(
+  edges: T[],
+): Result => {
+  const safeAreaInsets = useSafeAreaInsets();
+  return edges.reduce((map, edge) => {
+    const paddingKey = edgePaddingMap[edge];
+    map[paddingKey] = safeAreaInsets[edge];
+    return map;
+  }, {} as { [key in EdgePaddingMap[T]]: EdgeInsets[T] }) as Result;
+};
+
+type AppStateListener = (status: AppStateStatus) => void;
+
+export const useAppState = (type: AppStateEvent, listener: AppStateListener) => {
+  const callbackRef = useRef<AppStateListener>(listener);
+  callbackRef.current = listener;
+
+  useEffect(() => {
+    const eventListener = (state: AppStateStatus) => callbackRef.current(state);
+    const subscriber = AppState.addEventListener(type, eventListener);
+
+    return () => {
+      // @ts-ignore
+      if (subscriber?.remove) {
+        subscriber.remove();
+      }
+      // @ts-ignore
+      else if (AppState.removeEventListener) {
+        // @ts-ignore
+        AppState.removeEventListener(type, eventListener);
+      }
+    };
+  }, []);
+};

package/src/index.ts

@@ -1,7 +1,6 @@
 export { Logger } from './shared/logger';
 export { default as arrayToMap, arrayToMapWithGetter } from './shared/arrayToMap';
 export { createPubSub } from './shared/pubsub';
-export { default as conditionChaining } from './shared/conditionChaining';
 export {
   urlRegexStrict,
   urlRegexRough,
@@ -19,10 +18,13 @@ export {
   createMentionTemplateRegex,
 } from './shared/regex';
 export { BufferedRequest } from './shared/bufferedRequest';
-export { default as replace } from './shared/replace';
+
+export * from './shared';
 
 export * from './hooks';
+export * from './hooks/react-native';
 export * from './ui-format/groupChannel';
+export * from './ui-format/openChannel';
 export * from './ui-format/common';
 export * from './sendbird/channel';
 export * from './sendbird/message';
@@ -33,9 +35,19 @@ export const NOOP: () => void = () => void 0;
 export const ASYNC_NOOP = async () => void 0;
 export const PASS = <T>(val: T) => val;
 export const toMegabyte = (byte: number) => byte / 1024 / 1024;
-export const isFunction = <T>(param?: T): param is NonNullable<T> => typeof param === 'function';
+export const isFunction = (param?: unknown): param is Function => typeof param === 'function';
+
+export function ifThenOr<T>(cond: boolean, then: T): T | undefined;
+export function ifThenOr<T, V>(cond: boolean, then: T, or: V): T | V;
+export function ifThenOr(cond: boolean, then: unknown, or?: unknown) {
+  if (cond) return then;
+  return or;
+}
+
 export const SBErrorCode = {
   NON_AUTHORIZED: 400108,
+  CHANNEL_NOT_FOUND_SERVER: 400201,
+  CHANNEL_NOT_FOUND_SDK: 900500,
 };
 export const SBErrorMessage = {
   ACL:
@@ -53,6 +65,7 @@ export type {
   PartialDeep,
   Optional,
   ContextValue,
+  OnBeforeHandler,
   SendbirdMessage,
   SendbirdChatSDK,
   SendbirdChannel,
@@ -78,6 +91,7 @@ export type {
   SendbirdDataPayload,
   SendbirdPreviousMessageListQuery,
   SendbirdSendableMessage,
+  SendbirdOpenChannelListQuery,
   SendbirdGroupChannelListQuery,
   SendbirdGroupChannelUpdateParams,
   SendbirdUserMessageUpdateParams,
@@ -88,4 +102,7 @@ export type {
   SendbirdEmojiContainer,
   SendbirdEmoji,
   SendbirdEmojiCategory,
+  SendbirdOpenChannelUpdateParams,
+  SendbirdOpenChannelCreateParams,
+  SendbirdParticipant,
 } from './types';

package/src/sendbird/channel.ts

@@ -1,5 +1,11 @@
 import { BufferedRequest } from '../shared/bufferedRequest';
-import type { SendbirdBaseChannel, SendbirdChannel, SendbirdGroupChannel, SendbirdOpenChannel } from '../types';
+import type {
+  SendbirdBaseChannel,
+  SendbirdChannel,
+  SendbirdGroupChannel,
+  SendbirdGroupChannelCreateParams,
+  SendbirdOpenChannel,
+} from '../types';
 
 /**
  * Diff utils for channel
@@ -13,12 +19,21 @@ export function isDifferentChannel<T extends SendbirdBaseChannel>(a?: T, b?: T):
 }
 
 export const getGroupChannelChatAvailableState = (channel: SendbirdGroupChannel) => {
-  const frozen = channel.isFrozen && channel.myRole !== 'operator';
+  const isOperator = channel.myRole === 'operator';
+  const frozen = channel.isFrozen && !isOperator;
   const muted = channel.myMutedState === 'muted';
   const disabled = frozen || muted;
   return { disabled, frozen, muted };
 };
 
+export const getOpenChannelChatAvailableState = async (channel: SendbirdOpenChannel, userId: string) => {
+  const isOperator = channel.isOperator(userId);
+  const frozen = channel.isFrozen && !isOperator;
+  const muted = (await channel.getMyMutedInfo()).isMuted;
+  const disabled = frozen || muted;
+  return { disabled, frozen, muted };
+};
+
 export const confirmAndMarkAsRead = async (channels: SendbirdBaseChannel[]) => {
   channels
     .filter((it): it is SendbirdGroupChannel => it.isGroupChannel() && it.unreadMessageCount > 0)
@@ -50,3 +65,19 @@ export function getOpenChannels(channels: SendbirdChannel[]): SendbirdOpenChanne
 export function getChannelUniqId(channel: SendbirdChannel) {
   return channel.url;
 }
+
+export function getDefaultGroupChannelCreateParams(params: {
+  invitedUserIds: string[];
+  currentUserId?: string;
+}): SendbirdGroupChannelCreateParams {
+  const createParams: SendbirdGroupChannelCreateParams = {
+    name: '',
+    coverUrl: '',
+    isDistinct: false,
+    invitedUserIds: params.invitedUserIds,
+  };
+
+  if (params.currentUserId) createParams.operatorUserIds = [params.currentUserId];
+
+  return createParams;
+}

package/src/sendbird/message.ts

@@ -1,3 +1,4 @@
+import { getFileExtension, getFileType } from '../shared/regex';
 import type {
   SendbirdBaseChannel,
   SendbirdBaseMessage,
@@ -114,9 +115,61 @@ export function parseSendbirdNotification(dataPayload: RawSendbirdDataPayload):
 }
 
 export function shouldRenderReaction(channel: SendbirdBaseChannel, reactionEnabled: boolean) {
-  return channel.isGroupChannel() && !channel.isBroadcast && !channel.isSuper && reactionEnabled;
+  if (channel.isOpenChannel()) {
+    return false;
+  }
+
+  if (channel.isGroupChannel()) {
+    if (channel.isBroadcast) return false;
+    if (channel.isSuper) return false;
+  }
+
+  return reactionEnabled;
 }
 
 export function getReactionCount(reaction: SendbirdReaction) {
   return reaction.userIds.length;
 }
+
+type MessageType =
+  | 'user'
+  | 'admin'
+  | 'file'
+  | 'unknown'
+  | `user.${'opengraph'}`
+  | `file.${'image' | 'video' | 'audio'}`;
+
+export function getFileTypeFromMessage(message: SendbirdFileMessage) {
+  return getFileType(message.type || getFileExtension(message.name));
+}
+
+export function getMessageType(message: SendbirdMessage): MessageType {
+  if (message.isAdminMessage()) {
+    return 'admin';
+  }
+
+  if (message.isUserMessage()) {
+    if (message.ogMetaData) {
+      return 'user.opengraph';
+    }
+    return 'user';
+  }
+
+  if (message.isFileMessage()) {
+    const fileType = getFileTypeFromMessage(message);
+    switch (fileType) {
+      case 'image':
+      case 'video': {
+        return `file.${fileType}`;
+      }
+      case 'audio': {
+        return `file.${fileType}`;
+      }
+      default: {
+        return 'file';
+      }
+    }
+  }
+
+  return 'unknown';
+}

package/src/sendbird/user.ts

@@ -9,13 +9,6 @@ export function ifOperator(role: Role, then: unknown, or?: unknown) {
   return or;
 }
 
-export function ifMuted<T>(muted: boolean, then: T): T | undefined;
-export function ifMuted<T, V>(muted: boolean, then: T, or: V): T | V;
-export function ifMuted(muted: boolean, then: unknown, or?: unknown) {
-  if (muted) return then;
-  return or;
-}
-
 export function getUserUniqId<T extends UserStruct>(user: T) {
   return user.userId;
 }

package/src/shared/index.ts

@@ -0,0 +1,66 @@
+import { getFileExtension, getFileType } from './regex';
+
+/**
+ * Converts a given string to a hashed string.
+ * */
+export function hash(str: string) {
+  return String(Math.abs(str.split('').reduce((a, c) => ((a << 5) - a + c.charCodeAt(0)) | 0, 0)));
+}
+
+/**
+ * Replace a specific range of text in the string with another text.
+ * */
+export function replace(str: string, start: number, end: number, text: string) {
+  return str.slice(0, start) + text + str.slice(end);
+}
+
+/**
+ * Returns the value corresponding to the first true index of a given condition array.
+ * */
+export function conditionChaining<T, V>(conditions: T[], values: V[]) {
+  const idx = conditions.findIndex((state) => Boolean(state));
+  return idx > -1 ? values[idx] : values[values.length - 1];
+}
+
+/**
+ * Calculates the downscale size.
+ * */
+type Size = { width: number; height: number };
+export function getDownscaleSize(origin: Size, resizing: Partial<Size>) {
+  let ratio;
+
+  const maxWidth = resizing.width || origin.width,
+    maxHeight = resizing.height || origin.height;
+
+  if (origin.width <= maxWidth && origin.height <= maxHeight) {
+    ratio = 1;
+  } else if (origin.width > maxWidth && origin.height <= maxHeight) {
+    ratio = maxWidth / origin.width;
+  } else if (origin.width <= maxWidth && origin.height > maxHeight) {
+    ratio = maxHeight / origin.height;
+  } else {
+    ratio = Math.max(maxWidth / origin.width, maxHeight / origin.height);
+  }
+
+  return { width: origin.width * ratio, height: origin.height * ratio };
+}
+
+export function isImage(filePath: string, mimeType?: string) {
+  const type = getFileType(mimeType || getFileExtension(filePath));
+  return type === 'image';
+}
+
+export function shouldCompressImage(filePath: string, compressionEnabled = true) {
+  const extension = getFileExtension(filePath);
+  return Boolean(extension.match(/jpg|jpeg|png/i) && compressionEnabled);
+}
+
+/**
+ * Returns the picked data from object.
+ * */
+export function pick<T extends { [key: string]: unknown }, Keys extends keyof T>(obj: T, keys: Keys[]) {
+  return keys.reduce((pickedObj, key) => {
+    pickedObj[key] = obj[key];
+    return pickedObj;
+  }, {} as { [key in Keys]: T[key] });
+}