@sendbird/uikit-react 3.0.0-alpha.1 → 3.0.0-beta.2

package/index-358226c7.js

@@ -0,0 +1,168 @@
+import React__default, { useMemo, useRef, useContext, useState } from 'react';
+import Modal from './ui/Modal.js';
+import { a as LocalizationContext } from './LocalizationContext-b021af8f.js';
+import useSendbirdStateContext from './useSendbirdStateContext.js';
+import Input, { InputLabel } from './ui/Input.js';
+import Avatar from './ui/Avatar.js';
+import Icon, { IconTypes } from './ui/Icon.js';
+import { T as Type } from './index-41a6f4f2.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './index-a611bd38.js';
+import TextButton from './ui/TextButton.js';
+import { n as noop } from './utils-9ef11656.js';
+import { U as UPDATE_USER_INFO } from './actionTypes-189daf51.js';
+
+var EditUserProfileProviderContext = /*#__PURE__*/React__default.createContext(undefined);
+
+var EditUserProfileProvider = function EditUserProfileProvider(props) {
+  var children = props.children,
+      onEditProfile = props.onEditProfile,
+      onCancel = props.onCancel,
+      onThemeChange = props.onThemeChange;
+  var value = useMemo(function () {
+    return {
+      onEditProfile: onEditProfile,
+      onCancel: onCancel,
+      onThemeChange: onThemeChange
+    };
+  }, []);
+  return /*#__PURE__*/React__default.createElement(EditUserProfileProviderContext.Provider, {
+    value: value
+  }, children);
+};
+
+var useEditUserProfileProvider = function useEditUserProfileProvider() {
+  return React__default.useContext(EditUserProfileProviderContext);
+};
+
+function EditUserProfile() {
+  var _a, _b, _c, _d, _e, _f, _g;
+
+  var editProfileProps = useEditUserProfileProvider();
+  var store = useSendbirdStateContext();
+  var hiddenInputRef = useRef(null);
+  var inputRef = useRef(null);
+  var formRef = useRef(null);
+  var stringSet = useContext(LocalizationContext).stringSet;
+
+  var _h = useState(null),
+      currentImg = _h[0],
+      setCurrentImg = _h[1];
+
+  var _j = useState(null),
+      newFile = _j[0],
+      setNewFile = _j[1];
+
+  var onEditProfile = editProfileProps.onEditProfile,
+      onCancel = editProfileProps.onCancel,
+      onThemeChange = editProfileProps.onThemeChange;
+  var theme = ((_a = store === null || store === void 0 ? void 0 : store.config) === null || _a === void 0 ? void 0 : _a.theme) || 'light';
+  var changeTheme = ((_b = store === null || store === void 0 ? void 0 : store.config) === null || _b === void 0 ? void 0 : _b.setCurrenttheme) || noop;
+  var user = (_d = (_c = store === null || store === void 0 ? void 0 : store.stores) === null || _c === void 0 ? void 0 : _c.userStore) === null || _d === void 0 ? void 0 : _d.user;
+  var sdk = (_f = (_e = store === null || store === void 0 ? void 0 : store.stores) === null || _e === void 0 ? void 0 : _e.sdkStore) === null || _f === void 0 ? void 0 : _f.sdk;
+  var userDispatcher = (_g = store === null || store === void 0 ? void 0 : store.dispatchers) === null || _g === void 0 ? void 0 : _g.userDispatcher;
+  return /*#__PURE__*/React__default.createElement(Modal, {
+    titleText: stringSet.EDIT_PROFILE__TITLE,
+    submitText: stringSet.BUTTON__SAVE,
+    type: Type.PRIMARY,
+    onCancel: onCancel,
+    onSubmit: function onSubmit() {
+      var _a;
+
+      if ((user === null || user === void 0 ? void 0 : user.nickname) !== '' && !inputRef.current.value) {
+        if (formRef.current.reportValidity) {
+          // might not work in explorer
+          formRef.current.reportValidity();
+        }
+
+        return;
+      }
+
+      sdk === null || sdk === void 0 ? void 0 : sdk.updateCurrentUserInfoWithProfileImage((_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.value, newFile, function (updatedUser) {
+        userDispatcher({
+          type: UPDATE_USER_INFO,
+          payload: updatedUser
+        });
+
+        if (onEditProfile && typeof onEditProfile === 'function') {
+          onEditProfile(updatedUser);
+        }
+      });
+    }
+  }, /*#__PURE__*/React__default.createElement("form", {
+    className: "sendbird-edit-user-profile",
+    ref: formRef,
+    onSubmit: function onSubmit(e) {
+      e.preventDefault();
+    }
+  }, /*#__PURE__*/React__default.createElement("section", {
+    className: "sendbird-edit-user-profile__img"
+  }, /*#__PURE__*/React__default.createElement(InputLabel, null, stringSet.EDIT_PROFILE__IMAGE_LABEL), /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-edit-user-profile__img__avatar"
+  }, /*#__PURE__*/React__default.createElement(Avatar, {
+    width: "80px",
+    height: "80px",
+    src: currentImg || (user === null || user === void 0 ? void 0 : user.profileUrl)
+  })), /*#__PURE__*/React__default.createElement("input", {
+    ref: hiddenInputRef,
+    type: "file",
+    accept: "image/gif, image/jpeg, image/png",
+    style: {
+      display: 'none'
+    },
+    onChange: function onChange(e) {
+      setCurrentImg(URL.createObjectURL(e.target.files[0]));
+      setNewFile(e.target.files[0]);
+      hiddenInputRef.current.value = '';
+    }
+  }), /*#__PURE__*/React__default.createElement(TextButton, {
+    className: "sendbird-edit-user-profile__img__avatar-button",
+    notUnderline: true,
+    onClick: function onClick() {
+      return hiddenInputRef.current.click();
+    }
+  }, /*#__PURE__*/React__default.createElement(Label, {
+    type: LabelTypography.BUTTON_1,
+    color: LabelColors.PRIMARY
+  }, stringSet.EDIT_PROFILE__IMAGE_UPLOAD))), /*#__PURE__*/React__default.createElement("section", {
+    className: "sendbird-edit-user-profile__name"
+  }, /*#__PURE__*/React__default.createElement(InputLabel, null, stringSet.EDIT_PROFILE__NICKNAME_LABEL), /*#__PURE__*/React__default.createElement(Input, {
+    required: (user === null || user === void 0 ? void 0 : user.nickname) !== '',
+    name: "sendbird-edit-user-profile__name__input",
+    ref: inputRef,
+    value: user === null || user === void 0 ? void 0 : user.nickname,
+    placeHolder: stringSet.EDIT_PROFILE__NICKNAME_PLACEHOLDER
+  })), /*#__PURE__*/React__default.createElement("section", {
+    className: "sendbird-edit-user-profile__userid"
+  }, /*#__PURE__*/React__default.createElement(InputLabel, null, stringSet.EDIT_PROFILE__USERID_LABEL), /*#__PURE__*/React__default.createElement(Input, {
+    disabled: true,
+    name: "sendbird-edit-user-profile__userid__input",
+    value: user === null || user === void 0 ? void 0 : user.userId
+  })), /*#__PURE__*/React__default.createElement("section", {
+    className: "sendbird-edit-user-profile__theme"
+  }, /*#__PURE__*/React__default.createElement(InputLabel, null, stringSet.EDIT_PROFILE__THEME_LABEL), /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-edit-user-profile__theme__theme-icon"
+  }, theme === 'dark' ? /*#__PURE__*/React__default.createElement(Icon, {
+    onClick: function onClick() {
+      changeTheme('light');
+      onThemeChange === null || onThemeChange === void 0 ? void 0 : onThemeChange('light'); // if (onThemeChange && typeof onThemeChange === 'function') {
+      //   onThemeChange('light');
+      // }
+    },
+    type: IconTypes.TOGGLE_ON,
+    width: 44,
+    height: 24
+  }) : /*#__PURE__*/React__default.createElement(Icon, {
+    onClick: function onClick() {
+      changeTheme('dark');
+      onThemeChange === null || onThemeChange === void 0 ? void 0 : onThemeChange('dark'); // if (onThemeChange && typeof onThemeChange === 'function') {
+      //   onThemeChange('dark');
+      // }
+    },
+    type: IconTypes.TOGGLE_OFF,
+    width: 44,
+    height: 24
+  })))));
+}
+
+export { EditUserProfileProvider as E, EditUserProfile as a };
+//# sourceMappingURL=index-358226c7.js.map

package/index-358226c7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-358226c7.js","sources":["../src/smart-components/EditUserProfile/context/EditUserProfIleProvider.tsx","../src/smart-components/EditUserProfile/components/EditUserProfileUI/index.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport Sendbird from 'sendbird';\n\nconst EditUserProfileProviderContext = React.createContext(undefined);\n\nexport interface EditUserProfileProps {\n  children?: React.ReactNode;\n  onCancel?(): void;\n  onThemeChange?(theme: string): void;\n  onEditProfile?(updatedUser: Sendbird.User): void;\n}\n\nexport interface EditUserProfileProviderInterface {\n  onCancel?(): void;\n  onThemeChange?(theme: string): void;\n  onEditProfile?(updatedUser: Sendbird.User): void;\n}\n\nconst EditUserProfileProvider: React.FC<EditUserProfileProps> = (props: EditUserProfileProps) => {\n  const {\n    children,\n    onEditProfile,\n    onCancel,\n    onThemeChange,\n  } = props;\n\n  const value = useMemo(() => {\n    return {\n      onEditProfile,\n      onCancel,\n      onThemeChange,\n    };\n  }, []);\n\n  return (\n    <EditUserProfileProviderContext.Provider value={value}>\n      {children}\n    </EditUserProfileProviderContext.Provider>\n  );\n}\n\nconst useEditUserProfileProvider = (): EditUserProfileProviderInterface => (\n  React.useContext(EditUserProfileProviderContext)\n);\n\nexport {\n  EditUserProfileProvider,\n  useEditUserProfileProvider,\n};\n","import './edit-user-profile.scss';\n\nimport React, {\n  ReactElement,\n  useRef,\n  useState,\n  useContext,\n} from 'react';\nimport { useEditUserProfileProvider } from '../../context/EditUserProfIleProvider';\n\nimport Modal from '../../../../ui/Modal';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\nimport Input, { InputLabel } from '../../../../ui/Input';\nimport Avatar from '../../../../ui/Avatar';\nimport Icon, { IconTypes } from '../../../../ui/Icon';\nimport { Type as ButtonType } from '../../../../ui/Button/type';\nimport Label, { LabelColors, LabelTypography } from '../../../../ui/Label';\nimport TextButton from '../../../../ui/TextButton';\nimport { noop } from '../../../../utils/utils';\nimport * as userActions from '../../../../lib/dux/user/actionTypes';\n\nexport default function EditUserProfile(): ReactElement {\n  const editProfileProps = useEditUserProfileProvider();\n  const store = useSendbirdStateContext();\n  const hiddenInputRef = useRef(null);\n  const inputRef = useRef(null);\n  const formRef = useRef(null);\n  const { stringSet } = useContext(LocalizationContext);\n  const [currentImg, setCurrentImg] = useState(null);\n  const [newFile, setNewFile] = useState(null);\n\n  const {\n    onEditProfile,\n    onCancel,\n    onThemeChange,\n  } = editProfileProps;\n\n  const theme = store?.config?.theme || 'light';\n  const changeTheme = store?.config?.setCurrenttheme || noop;\n  const user = store?.stores?.userStore?.user;\n  const sdk = store?.stores?.sdkStore?.sdk;\n  const userDispatcher = store?.dispatchers?.userDispatcher;\n\n  return (\n    <Modal\n      titleText={stringSet.EDIT_PROFILE__TITLE}\n      submitText={stringSet.BUTTON__SAVE}\n      type={ButtonType.PRIMARY}\n      onCancel={onCancel}\n      onSubmit={() => {\n        if (user?.nickname !== '' && !inputRef.current.value) {\n          if (formRef.current.reportValidity) { // might not work in explorer\n            formRef.current.reportValidity();\n          }\n          return;\n        }\n        sdk?.updateCurrentUserInfoWithProfileImage(inputRef?.current?.value, newFile, (updatedUser) => {\n          userDispatcher({ type: userActions.UPDATE_USER_INFO, payload: updatedUser });\n          if (onEditProfile && typeof onEditProfile === 'function') {\n            onEditProfile(updatedUser);\n          }\n        });\n      }}\n    >\n      <form\n        className=\"sendbird-edit-user-profile\"\n        ref={formRef}\n        onSubmit={(e) => { e.preventDefault(); }}\n      >\n        <section className=\"sendbird-edit-user-profile__img\">\n          <InputLabel>\n            {stringSet.EDIT_PROFILE__IMAGE_LABEL}\n          </InputLabel>\n          <div className=\"sendbird-edit-user-profile__img__avatar\">\n            <Avatar\n              width=\"80px\"\n              height=\"80px\"\n              src={currentImg || user?.profileUrl}\n            />\n          </div>\n          <input\n            ref={hiddenInputRef}\n            type=\"file\"\n            accept=\"image/gif, image/jpeg, image/png\"\n            style={{ display: 'none' }}\n            onChange={(e) => {\n              setCurrentImg(URL.createObjectURL(e.target.files[0]));\n              setNewFile(e.target.files[0]);\n              hiddenInputRef.current.value = '';\n            }}\n          />\n          <TextButton\n            className=\"sendbird-edit-user-profile__img__avatar-button\"\n            notUnderline\n            onClick={() => hiddenInputRef.current.click()}\n          >\n            <Label type={LabelTypography.BUTTON_1} color={LabelColors.PRIMARY}>\n              {stringSet.EDIT_PROFILE__IMAGE_UPLOAD}\n            </Label>\n          </TextButton>\n        </section>\n        <section className=\"sendbird-edit-user-profile__name\">\n          <InputLabel>\n            {stringSet.EDIT_PROFILE__NICKNAME_LABEL}\n          </InputLabel>\n          <Input\n            required={user?.nickname !== ''}\n            name=\"sendbird-edit-user-profile__name__input\"\n            ref={inputRef}\n            value={user?.nickname}\n            placeHolder={stringSet.EDIT_PROFILE__NICKNAME_PLACEHOLDER}\n          />\n        </section>\n        <section className=\"sendbird-edit-user-profile__userid\">\n          <InputLabel>\n            {/*  userID */}\n            {stringSet.EDIT_PROFILE__USERID_LABEL}\n          </InputLabel>\n          <Input\n            disabled\n            name=\"sendbird-edit-user-profile__userid__input\"\n            value={user?.userId}\n          />\n        </section>\n        <section className=\"sendbird-edit-user-profile__theme\">\n          <InputLabel>\n            {stringSet.EDIT_PROFILE__THEME_LABEL}\n          </InputLabel>\n          <div className=\"sendbird-edit-user-profile__theme__theme-icon\">\n            {\n              theme === 'dark'\n                ? (\n                  <Icon\n                    onClick={() => {\n                      changeTheme('light');\n                      onThemeChange?.('light');\n                      // if (onThemeChange && typeof onThemeChange === 'function') {\n                      //   onThemeChange('light');\n                      // }\n                    }}\n                    type={IconTypes.TOGGLE_ON}\n                    width={44}\n                    height={24}\n                  />\n                )\n                : (\n                  <Icon\n                    onClick={() => {\n                      changeTheme('dark');\n                      onThemeChange?.('dark');\n                      // if (onThemeChange && typeof onThemeChange === 'function') {\n                      //   onThemeChange('dark');\n                      // }\n                    }}\n                    type={IconTypes.TOGGLE_OFF}\n                    width={44}\n                    height={24}\n                  />\n                )\n            }\n          </div>\n        </section>\n      </form>\n    </Modal>\n  );\n}\n\n"],"names":["EditUserProfileProviderContext","React","createContext","undefined","EditUserProfileProvider","props","children","onEditProfile","onCancel","onThemeChange","value","useMemo","useEditUserProfileProvider","useContext","EditUserProfile","editProfileProps","store","useSendbirdStateContext","hiddenInputRef","useRef","inputRef","formRef","stringSet","LocalizationContext","_h","useState","currentImg","setCurrentImg","_j","newFile","setNewFile","theme","config","changeTheme","setCurrenttheme","noop","user","stores","userStore","sdk","sdkStore","userDispatcher","dispatchers","EDIT_PROFILE__TITLE","BUTTON__SAVE","ButtonType","PRIMARY","nickname","current","reportValidity","updateCurrentUserInfoWithProfileImage","updatedUser","type","userActions","payload","e","preventDefault","EDIT_PROFILE__IMAGE_LABEL","profileUrl","display","URL","createObjectURL","target","files","click","LabelTypography","BUTTON_1","LabelColors","EDIT_PROFILE__IMAGE_UPLOAD","EDIT_PROFILE__NICKNAME_LABEL","EDIT_PROFILE__NICKNAME_PLACEHOLDER","EDIT_PROFILE__USERID_LABEL","userId","EDIT_PROFILE__THEME_LABEL","IconTypes","TOGGLE_ON","TOGGLE_OFF"],"mappings":";;;;;;;;;;;;;AAGA,IAAMA,8BAA8B,gBAAGC,cAAK,CAACC,aAAN,CAAoBC,SAApB,CAAvC;;IAeMC,uBAAuB,GAAmC,SAA1DA,uBAA0D,CAACC,KAAD;AAE5D,MAAAC,QAAQ,GAIND,KAAK,SAJP;AAAA,MACAE,aAAa,GAGXF,KAAK,cAJP;AAAA,MAEAG,QAAQ,GAENH,KAAK,SAJP;AAAA,MAGAI,aAAa,GACXJ,KAAK,cAJP;AAMF,MAAMK,KAAK,GAAGC,OAAO,CAAC;AACpB,WAAO;AACLJ,MAAAA,aAAa,eADR;AAELC,MAAAA,QAAQ,UAFH;AAGLC,MAAAA,aAAa;AAHR,KAAP;AAKD,GANoB,EAMlB,EANkB,CAArB;AAQA,sBACER,6BAAC,8BAAD,CAAgC,QAAhC;AAAyC,IAAA,KAAK,EAAES;AAAhD,KACGJ,QADH,CADF;AAKD;;AAED,IAAMM,0BAA0B,GAAG,SAA7BA,0BAA6B;AAAwC,SACzEX,cAAK,CAACY,UAAN,CAAiBb,8BAAjB,CADyE;AAE1E,CAFD;;SClBwBc;;;AACtB,MAAMC,gBAAgB,GAAGH,0BAA0B,EAAnD;AACA,MAAMI,KAAK,GAAGC,uBAAuB,EAArC;AACA,MAAMC,cAAc,GAAGC,MAAM,CAAC,IAAD,CAA7B;AACA,MAAMC,QAAQ,GAAGD,MAAM,CAAC,IAAD,CAAvB;AACA,MAAME,OAAO,GAAGF,MAAM,CAAC,IAAD,CAAtB;AACQ,MAAAG,SAAS,GAAKT,UAAU,CAACU,mBAAD,CAAV,UAAd;;AACF,MAAAC,KAA8BC,QAAQ,CAAC,IAAD,CAAtC;AAAA,MAACC,UAAU,QAAX;AAAA,MAAaC,aAAa,QAA1B;;AACA,MAAAC,KAAwBH,QAAQ,CAAC,IAAD,CAAhC;AAAA,MAACI,OAAO,QAAR;AAAA,MAAUC,UAAU,QAApB;;AAGJ,MAAAvB,aAAa,GAGXQ,gBAAgB,cAHlB;AAAA,MACAP,QAAQ,GAENO,gBAAgB,SAHlB;AAAA,MAEAN,aAAa,GACXM,gBAAgB,cAHlB;AAKF,MAAMgB,KAAK,GAAG,CAAA,MAAAf,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEgB,MAAP,UAAA,iBAAA,SAAA,MAAeD,KAAf,KAAwB,OAAtC;AACA,MAAME,WAAW,GAAG,CAAA,MAAAjB,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEgB,MAAP,UAAA,iBAAA,SAAA,MAAeE,eAAf,KAAkCC,IAAtD;AACA,MAAMC,IAAI,GAAG,MAAA,MAAApB,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEqB,MAAP,UAAA,iBAAA,SAAA,MAAeC,SAAf,UAAA,iBAAA,SAAA,MAA0BF,IAAvC;AACA,MAAMG,GAAG,GAAG,MAAA,MAAAvB,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEqB,MAAP,UAAA,iBAAA,SAAA,MAAeG,QAAf,UAAA,iBAAA,SAAA,MAAyBD,GAArC;AACA,MAAME,cAAc,GAAG,MAAAzB,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAE0B,WAAP,UAAA,iBAAA,SAAA,MAAoBD,cAA3C;AAEA,sBACExC,6BAAC,KAAD;AACE,IAAA,SAAS,EAAEqB,SAAS,CAACqB,mBADvB;AAEE,IAAA,UAAU,EAAErB,SAAS,CAACsB,YAFxB;AAGE,IAAA,IAAI,EAAEC,IAAU,CAACC,OAHnB;AAIE,IAAA,QAAQ,EAAEtC,QAJZ;AAKE,IAAA,QAAQ,EAAE;;;AACR,UAAI,CAAA4B,IAAI,SAAJ,IAAAA,IAAI,WAAJ,SAAA,GAAAA,IAAI,CAAEW,QAAN,MAAmB,EAAnB,IAAyB,CAAC3B,QAAQ,CAAC4B,OAAT,CAAiBtC,KAA/C,EAAsD;AACpD,YAAIW,OAAO,CAAC2B,OAAR,CAAgBC,cAApB,EAAoC;AAAE;AACpC5B,UAAAA,OAAO,CAAC2B,OAAR,CAAgBC,cAAhB;AACD;;AACD;AACD;;AACDV,MAAAA,GAAG,SAAH,IAAAA,GAAG,WAAH,SAAA,GAAAA,GAAG,CAAEW,qCAAL,CAA2C,MAAA9B,QAAQ,SAAR,IAAAA,QAAQ,WAAR,SAAA,GAAAA,QAAQ,CAAE4B,OAAV,UAAA,iBAAA,SAAA,MAAmBtC,KAA9D,EAAqEmB,OAArE,EAA8E,UAACsB,WAAD;AAC5EV,QAAAA,cAAc,CAAC;AAAEW,UAAAA,IAAI,EAAEC,gBAAR;AAAsCC,UAAAA,OAAO,EAAEH;AAA/C,SAAD,CAAd;;AACA,YAAI5C,aAAa,IAAI,OAAOA,aAAP,KAAyB,UAA9C,EAA0D;AACxDA,UAAAA,aAAa,CAAC4C,WAAD,CAAb;AACD;AACF,OALD,CAAA;AAMD;AAlBH,kBAoBElD;AACE,IAAA,SAAS,EAAC,4BADZ;AAEE,IAAA,GAAG,EAAEoB,OAFP;AAGE,IAAA,QAAQ,EAAE,kBAACkC,CAAD;AAASA,MAAAA,CAAC,CAACC,cAAF;AAAqB;AAH1C,kBAKEvD;AAAS,IAAA,SAAS,EAAC;AAAnB,kBACEA,6BAAC,UAAD,QACGqB,SAAS,CAACmC,yBADb,CADF,eAIExD;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,6BAAC,MAAD;AACE,IAAA,KAAK,EAAC,MADR;AAEE,IAAA,MAAM,EAAC,MAFT;AAGE,IAAA,GAAG,EAAEyB,UAAU,KAAIU,IAAI,SAAJ,IAAAA,IAAI,WAAJ,SAAA,GAAAA,IAAI,CAAEsB,UAAV;AAHjB,IADF,CAJF,eAWEzD;AACE,IAAA,GAAG,EAAEiB,cADP;AAEE,IAAA,IAAI,EAAC,MAFP;AAGE,IAAA,MAAM,EAAC,kCAHT;AAIE,IAAA,KAAK,EAAE;AAAEyC,MAAAA,OAAO,EAAE;AAAX,KAJT;AAKE,IAAA,QAAQ,EAAE,kBAACJ,CAAD;AACR5B,MAAAA,aAAa,CAACiC,GAAG,CAACC,eAAJ,CAAoBN,CAAC,CAACO,MAAF,CAASC,KAAT,CAAe,CAAf,CAApB,CAAD,CAAb;AACAjC,MAAAA,UAAU,CAACyB,CAAC,CAACO,MAAF,CAASC,KAAT,CAAe,CAAf,CAAD,CAAV;AACA7C,MAAAA,cAAc,CAAC8B,OAAf,CAAuBtC,KAAvB,GAA+B,EAA/B;AACD;AATH,IAXF,eAsBET,6BAAC,UAAD;AACE,IAAA,SAAS,EAAC,gDADZ;AAEE,IAAA,YAAY,MAFd;AAGE,IAAA,OAAO,EAAE;AAAM,aAAAiB,cAAc,CAAC8B,OAAf,CAAuBgB,KAAvB,EAAA;AAA8B;AAH/C,kBAKE/D,6BAAC,KAAD;AAAO,IAAA,IAAI,EAAEgE,eAAe,CAACC,QAA7B;AAAuC,IAAA,KAAK,EAAEC,WAAW,CAACrB;AAA1D,KACGxB,SAAS,CAAC8C,0BADb,CALF,CAtBF,CALF,eAqCEnE;AAAS,IAAA,SAAS,EAAC;AAAnB,kBACEA,6BAAC,UAAD,QACGqB,SAAS,CAAC+C,4BADb,CADF,eAIEpE,6BAAC,KAAD;AACE,IAAA,QAAQ,EAAE,CAAAmC,IAAI,SAAJ,IAAAA,IAAI,WAAJ,SAAA,GAAAA,IAAI,CAAEW,QAAN,MAAmB,EAD/B;AAEE,IAAA,IAAI,EAAC,yCAFP;AAGE,IAAA,GAAG,EAAE3B,QAHP;AAIE,IAAA,KAAK,EAAEgB,IAAI,SAAJ,IAAAA,IAAI,WAAJ,SAAA,GAAAA,IAAI,CAAEW,QAJf;AAKE,IAAA,WAAW,EAAEzB,SAAS,CAACgD;AALzB,IAJF,CArCF,eAiDErE;AAAS,IAAA,SAAS,EAAC;AAAnB,kBACEA,6BAAC,UAAD,QAEGqB,SAAS,CAACiD,0BAFb,CADF,eAKEtE,6BAAC,KAAD;AACE,IAAA,QAAQ,MADV;AAEE,IAAA,IAAI,EAAC,2CAFP;AAGE,IAAA,KAAK,EAAEmC,IAAI,SAAJ,IAAAA,IAAI,WAAJ,SAAA,GAAAA,IAAI,CAAEoC;AAHf,IALF,CAjDF,eA4DEvE;AAAS,IAAA,SAAS,EAAC;AAAnB,kBACEA,6BAAC,UAAD,QACGqB,SAAS,CAACmD,yBADb,CADF,eAIExE;AAAK,IAAA,SAAS,EAAC;AAAf,KAEI8B,KAAK,KAAK,MAAV,gBAEI9B,6BAAC,IAAD;AACE,IAAA,OAAO,EAAE;AACPgC,MAAAA,WAAW,CAAC,OAAD,CAAX;AACAxB,MAAAA,aAAa,SAAb,IAAAA,aAAa,WAAb,SAAA,GAAAA,aAAa,CAAG,OAAH,CAAb;AAEA;AACA;AACD,KAPH;AAQE,IAAA,IAAI,EAAEiE,SAAS,CAACC,SARlB;AASE,IAAA,KAAK,EAAE,EATT;AAUE,IAAA,MAAM,EAAE;AAVV,IAFJ,gBAgBI1E,6BAAC,IAAD;AACE,IAAA,OAAO,EAAE;AACPgC,MAAAA,WAAW,CAAC,MAAD,CAAX;AACAxB,MAAAA,aAAa,SAAb,IAAAA,aAAa,WAAb,SAAA,GAAAA,aAAa,CAAG,MAAH,CAAb;AAEA;AACA;AACD,KAPH;AAQE,IAAA,IAAI,EAAEiE,SAAS,CAACE,UARlB;AASE,IAAA,KAAK,EAAE,EATT;AAUE,IAAA,MAAM,EAAE;AAVV,IAlBR,CAJF,CA5DF,CApBF,CADF;AA0HD;;;;"}

package/index-41a6f4f2.js

@@ -0,0 +1,87 @@
+import { b as _toConsumableArray } from './_rollupPluginBabelHelpers-8e4fae98.js';
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import { L as Label, a as LabelTypography, b as LabelColors } from './index-a611bd38.js';
+
+var Type = {
+  PRIMARY: 'PRIMARY',
+  SECONDARY: 'SECONDARY',
+  DANGER: 'DANGER',
+  DISABLED: 'DISABLED'
+};
+var Size = {
+  BIG: 'BIG',
+  SMALL: 'SMALL'
+};
+
+function changeTypeToClassName(type) {
+  switch (type) {
+    case Type.PRIMARY:
+      return 'sendbird-button--primary';
+
+    case Type.SECONDARY:
+      return 'sendbird-button--secondary';
+
+    case Type.DANGER:
+      return 'sendbird-button--danger';
+
+    case Type.DISABLED:
+      return 'sendbird-button--disabled';
+
+    default:
+      return null;
+  }
+}
+function changeSizeToClassName(size) {
+  switch (size) {
+    case Size.BIG:
+      return 'sendbird-button--big';
+
+    case Size.SMALL:
+      return 'sendbird-button--small';
+
+    default:
+      return null;
+  }
+}
+
+function Button(_ref) {
+  var className = _ref.className,
+      type = _ref.type,
+      size = _ref.size,
+      children = _ref.children,
+      disabled = _ref.disabled,
+      onClick = _ref.onClick;
+  var injectingClassNames = [].concat(_toConsumableArray(Array.isArray(className) ? className : [className]), ['sendbird-button', disabled ? 'sendbird-button__disabled' : '', changeTypeToClassName(type), changeSizeToClassName(size)]).join(' ');
+  return /*#__PURE__*/React__default.createElement("button", {
+    className: injectingClassNames,
+    type: "button",
+    onClick: onClick,
+    disabled: disabled
+  }, /*#__PURE__*/React__default.createElement(Label, {
+    className: "sendbird-button__text",
+    type: LabelTypography.BUTTON_1,
+    color: LabelColors.ONCONTENT_1
+  }, children));
+}
+var ButtonTypes = Type;
+var ButtonSizes = Size;
+Button.propTypes = {
+  className: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
+  type: PropTypes.oneOf(Object.keys(Type)),
+  size: PropTypes.oneOf(Object.keys(Size)),
+  children: PropTypes.oneOfType([PropTypes.string, PropTypes.element, PropTypes.arrayOf(PropTypes.element)]),
+  disabled: PropTypes.bool,
+  onClick: PropTypes.func
+};
+Button.defaultProps = {
+  className: '',
+  type: Type.PRIMARY,
+  size: Size.BIG,
+  children: 'Button',
+  disabled: false,
+  onClick: function onClick() {}
+};
+
+export { Button as B, Type as T, ButtonTypes as a, ButtonSizes as b };
+//# sourceMappingURL=index-41a6f4f2.js.map

package/index-41a6f4f2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-41a6f4f2.js","sources":["../src/ui/Button/type.js","../src/ui/Button/utils.js","../src/ui/Button/index.jsx"],"sourcesContent":["export const Type = {\n  PRIMARY: 'PRIMARY',\n  SECONDARY: 'SECONDARY',\n  DANGER: 'DANGER',\n  DISABLED: 'DISABLED',\n};\n\nexport const Size = {\n  BIG: 'BIG',\n  SMALL: 'SMALL',\n};\n","import { Type, Size } from './type';\n\nexport function changeTypeToClassName(type) {\n  switch (type) {\n    case Type.PRIMARY: return 'sendbird-button--primary';\n    case Type.SECONDARY: return 'sendbird-button--secondary';\n    case Type.DANGER: return 'sendbird-button--danger';\n    case Type.DISABLED: return 'sendbird-button--disabled';\n    default: return null;\n  }\n}\n\nexport function changeSizeToClassName(size) {\n  switch (size) {\n    case Size.BIG: return 'sendbird-button--big';\n    case Size.SMALL: return 'sendbird-button--small';\n    default: return null;\n  }\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './index.scss';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { Type, Size } from './type';\nimport { changeTypeToClassName, changeSizeToClassName } from './utils';\n\nexport default function Button({\n  className,\n  type,\n  size,\n  children,\n  disabled,\n  onClick,\n}) {\n  const injectingClassNames = [\n    ...((Array.isArray(className)) ? className : [className]),\n    'sendbird-button',\n    (disabled ? 'sendbird-button__disabled' : ''),\n    changeTypeToClassName(type),\n    changeSizeToClassName(size),\n  ].join(' ');\n\n  return (\n    <button\n      className={injectingClassNames}\n      type=\"button\"\n      onClick={onClick}\n      disabled={disabled}\n    >\n      <Label\n        className=\"sendbird-button__text\"\n        type={LabelTypography.BUTTON_1}\n        color={LabelColors.ONCONTENT_1}\n      >\n        {children}\n      </Label>\n    </button>\n  );\n}\n\nexport const ButtonTypes = Type;\nexport const ButtonSizes = Size;\n\nButton.propTypes = {\n  className: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n  ]),\n  type: PropTypes.oneOf(Object.keys(Type)),\n  size: PropTypes.oneOf(Object.keys(Size)),\n  children: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.element,\n    PropTypes.arrayOf(PropTypes.element),\n  ]),\n  disabled: PropTypes.bool,\n  onClick: PropTypes.func,\n};\n\nButton.defaultProps = {\n  className: '',\n  type: Type.PRIMARY,\n  size: Size.BIG,\n  children: 'Button',\n  disabled: false,\n  onClick: () => { },\n};\n"],"names":["Type","PRIMARY","SECONDARY","DANGER","DISABLED","Size","BIG","SMALL","changeTypeToClassName","type","changeSizeToClassName","size","Button","className","children","disabled","onClick","injectingClassNames","Array","isArray","join","React","LabelTypography","BUTTON_1","LabelColors","ONCONTENT_1","ButtonTypes","ButtonSizes","propTypes","PropTypes","oneOfType","string","arrayOf","oneOf","Object","keys","element","bool","func","defaultProps"],"mappings":";;;;;IAAaA,IAAI,GAAG;AAClBC,EAAAA,OAAO,EAAE,SADS;AAElBC,EAAAA,SAAS,EAAE,WAFO;AAGlBC,EAAAA,MAAM,EAAE,QAHU;AAIlBC,EAAAA,QAAQ,EAAE;AAJQ;AAOb,IAAMC,IAAI,GAAG;AAClBC,EAAAA,GAAG,EAAE,KADa;AAElBC,EAAAA,KAAK,EAAE;AAFW,CAAb;;ACLA,SAASC,qBAAT,CAA+BC,IAA/B,EAAqC;AAC1C,UAAQA,IAAR;AACE,SAAKT,IAAI,CAACC,OAAV;AAAmB,aAAO,0BAAP;;AACnB,SAAKD,IAAI,CAACE,SAAV;AAAqB,aAAO,4BAAP;;AACrB,SAAKF,IAAI,CAACG,MAAV;AAAkB,aAAO,yBAAP;;AAClB,SAAKH,IAAI,CAACI,QAAV;AAAoB,aAAO,2BAAP;;AACpB;AAAS,aAAO,IAAP;AALX;AAOD;AAEM,SAASM,qBAAT,CAA+BC,IAA/B,EAAqC;AAC1C,UAAQA,IAAR;AACE,SAAKN,IAAI,CAACC,GAAV;AAAe,aAAO,sBAAP;;AACf,SAAKD,IAAI,CAACE,KAAV;AAAiB,aAAO,wBAAP;;AACjB;AAAS,aAAO,IAAP;AAHX;AAKD;;ACVc,SAASK,MAAT,OAOZ;AAAA,MANDC,SAMC,QANDA,SAMC;AAAA,MALDJ,IAKC,QALDA,IAKC;AAAA,MAJDE,IAIC,QAJDA,IAIC;AAAA,MAHDG,QAGC,QAHDA,QAGC;AAAA,MAFDC,QAEC,QAFDA,QAEC;AAAA,MADDC,OACC,QADDA,OACC;AACD,MAAMC,mBAAmB,GAAG,6BACrBC,KAAK,CAACC,OAAN,CAAcN,SAAd,CAAD,GAA6BA,SAA7B,GAAyC,CAACA,SAAD,CADnB,IAE1B,iBAF0B,EAGzBE,QAAQ,GAAG,2BAAH,GAAiC,EAHhB,EAI1BP,qBAAqB,CAACC,IAAD,CAJK,EAK1BC,qBAAqB,CAACC,IAAD,CALK,GAM1BS,IAN0B,CAMrB,GANqB,CAA5B;AAQA,sBACEC;AACE,IAAA,SAAS,EAAEJ,mBADb;AAEE,IAAA,IAAI,EAAC,QAFP;AAGE,IAAA,OAAO,EAAED,OAHX;AAIE,IAAA,QAAQ,EAAED;AAJZ,kBAMEM,6BAAC,KAAD;AACE,IAAA,SAAS,EAAC,uBADZ;AAEE,IAAA,IAAI,EAAEC,eAAe,CAACC,QAFxB;AAGE,IAAA,KAAK,EAAEC,WAAW,CAACC;AAHrB,KAKGX,QALH,CANF,CADF;AAgBD;IAEYY,WAAW,GAAG1B;IACd2B,WAAW,GAAGtB;AAE3BO,MAAM,CAACgB,SAAP,GAAmB;AACjBf,EAAAA,SAAS,EAAEgB,SAAS,CAACC,SAAV,CAAoB,CAC7BD,SAAS,CAACE,MADmB,EAE7BF,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACE,MAA5B,CAF6B,CAApB,CADM;AAKjBtB,EAAAA,IAAI,EAAEoB,SAAS,CAACI,KAAV,CAAgBC,MAAM,CAACC,IAAP,CAAYnC,IAAZ,CAAhB,CALW;AAMjBW,EAAAA,IAAI,EAAEkB,SAAS,CAACI,KAAV,CAAgBC,MAAM,CAACC,IAAP,CAAY9B,IAAZ,CAAhB,CANW;AAOjBS,EAAAA,QAAQ,EAAEe,SAAS,CAACC,SAAV,CAAoB,CAC5BD,SAAS,CAACE,MADkB,EAE5BF,SAAS,CAACO,OAFkB,EAG5BP,SAAS,CAACG,OAAV,CAAkBH,SAAS,CAACO,OAA5B,CAH4B,CAApB,CAPO;AAYjBrB,EAAAA,QAAQ,EAAEc,SAAS,CAACQ,IAZH;AAajBrB,EAAAA,OAAO,EAAEa,SAAS,CAACS;AAbF,CAAnB;AAgBA1B,MAAM,CAAC2B,YAAP,GAAsB;AACpB1B,EAAAA,SAAS,EAAE,EADS;AAEpBJ,EAAAA,IAAI,EAAET,IAAI,CAACC,OAFS;AAGpBU,EAAAA,IAAI,EAAEN,IAAI,CAACC,GAHS;AAIpBQ,EAAAA,QAAQ,EAAE,QAJU;AAKpBC,EAAAA,QAAQ,EAAE,KALU;AAMpBC,EAAAA,OAAO,EAAE,mBAAM;AANK,CAAtB;;;;"}

package/index-4889e530.js

@@ -0,0 +1,48 @@
+import React__default from 'react';
+import { L as Label, a as LabelTypography, b as LabelColors } from './index-a611bd38.js';
+import LinkLabel from './ui/LinkLabel.js';
+import { u as uuidv4 } from './uuid-6d14d007.js';
+import { e as convertWordToStringObj, S as StringObjType } from './index-ad4c9e58.js';
+
+function Word(props) {
+  var word = props.word,
+      message = props.message,
+      _a = props.isByMe,
+      isByMe = _a === void 0 ? false : _a,
+      _b = props.mentionTemplate,
+      mentionTemplate = _b === void 0 ? '@' : _b,
+      _c = props.renderString,
+      renderString = _c === void 0 ? null : _c;
+  return /*#__PURE__*/React__default.createElement("span", {
+    className: "sendbird-word"
+  }, convertWordToStringObj(word, message === null || message === void 0 ? void 0 : message.mentionedUsers).map(function (stringObj) {
+    var type = stringObj.type,
+        value = stringObj.value;
+
+    if (renderString && typeof renderString === 'function') {
+      return renderString(stringObj);
+    }
+
+    if (type === StringObjType.mention) {
+      return /*#__PURE__*/React__default.createElement(Label, {
+        key: uuidv4(),
+        className: "sendbird-word__mention",
+        type: LabelTypography.CAPTION_1,
+        color: isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1
+      }, "" + mentionTemplate + value);
+    } else if (type === StringObjType.url) {
+      return /*#__PURE__*/React__default.createElement(LinkLabel, {
+        className: "sendbird-word__url",
+        key: uuidv4(),
+        src: word,
+        type: LabelTypography.BODY_1,
+        color: isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1
+      }, value);
+    } else {
+      return value;
+    }
+  }));
+}
+
+export { Word as W };
+//# sourceMappingURL=index-4889e530.js.map

package/index-4889e530.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-4889e530.js","sources":["../src/ui/Word/index.tsx"],"sourcesContent":["import React from 'react';\nimport SendBird from 'sendbird';\nimport './index.scss';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport LinkLabel from '../LinkLabel';\nimport uuidv4 from '../../utils/uuid';\nimport { convertWordToStringObj, StringObjType, StringObj } from '../../utils';\n\ninterface WordProps {\n  word: string;\n  message: SendBird.UserMessage;\n  isByMe?: boolean;\n  mentionTemplate?: string;\n  renderString?: (stringObj: StringObj) => JSX.Element;\n}\n\n// Word and StringObj will include types: normal, mention, url\nexport default function Word(props: WordProps): JSX.Element {\n  const {\n    word,\n    message,\n    isByMe = false,\n    mentionTemplate = '@',\n    renderString = null,\n  } = props;\n  return (\n    <span className=\"sendbird-word\">\n      {\n        convertWordToStringObj(word, message?.mentionedUsers).map((stringObj) => {\n          const { type, value } = stringObj;\n          if (renderString && typeof renderString === 'function') {\n            return renderString(stringObj);\n          }\n          if (type === StringObjType.mention) {\n            return (\n              <Label\n                key={uuidv4()}\n                className=\"sendbird-word__mention\"\n                type={LabelTypography.CAPTION_1}\n                color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n              >\n                {`${mentionTemplate}${value}`}\n              </Label>\n            );\n          } else if (type === StringObjType.url) {\n            return (\n              <LinkLabel\n                className=\"sendbird-word__url\"\n                key={uuidv4()}\n                src={word}\n                type={LabelTypography.BODY_1}\n                color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n              >\n                {value}\n              </LinkLabel>\n            );\n          } else {\n            return value\n          }\n        })\n      }\n    </span>\n  );\n}\n"],"names":["Word","props","word","message","_a","isByMe","_b","mentionTemplate","_c","renderString","React","convertWordToStringObj","mentionedUsers","map","stringObj","type","value","StringObjType","mention","uuidv4","LabelTypography","CAPTION_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","url","BODY_1"],"mappings":";;;;;;SAkBwBA,KAAKC;AAEzB,MAAAC,IAAI,GAKFD,KAAK,KALP;AAAA,MACAE,OAAO,GAILF,KAAK,QALP;AAAA,MAEAG,KAGEH,KAAK,OALP;AAAA,MAEAI,MAAM,mBAAG,UAFT;AAAA,MAGAC,KAEEL,KAAK,gBALP;AAAA,MAGAM,eAAe,mBAAG,QAHlB;AAAA,MAIAC,KACEP,KAAK,aALP;AAAA,MAIAQ,YAAY,mBAAG,SAJf;AAMF,sBACEC;AAAM,IAAA,SAAS,EAAC;AAAhB,KAEIC,sBAAsB,CAACT,IAAD,EAAOC,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAES,cAAhB,CAAtB,CAAsDC,GAAtD,CAA0D,UAACC,SAAD;AAChD,QAAAC,IAAI,GAAYD,SAAS,KAAzB;AAAA,QAAME,KAAK,GAAKF,SAAS,MAAzB;;AACR,QAAIL,YAAY,IAAI,OAAOA,YAAP,KAAwB,UAA5C,EAAwD;AACtD,aAAOA,YAAY,CAACK,SAAD,CAAnB;AACD;;AACD,QAAIC,IAAI,KAAKE,aAAa,CAACC,OAA3B,EAAoC;AAClC,0BACER,6BAAC,KAAD;AACE,QAAA,GAAG,EAAES,MAAM,EADb;AAEE,QAAA,SAAS,EAAC,wBAFZ;AAGE,QAAA,IAAI,EAAEC,eAAe,CAACC,SAHxB;AAIE,QAAA,KAAK,EAAEhB,MAAM,GAAGiB,WAAW,CAACC,WAAf,GAA6BD,WAAW,CAACE;AAJxD,SAMG,KAAGjB,eAAH,GAAqBS,KANxB,CADF;AAUD,KAXD,MAWO,IAAID,IAAI,KAAKE,aAAa,CAACQ,GAA3B,EAAgC;AACrC,0BACEf,6BAAC,SAAD;AACE,QAAA,SAAS,EAAC,oBADZ;AAEE,QAAA,GAAG,EAAES,MAAM,EAFb;AAGE,QAAA,GAAG,EAAEjB,IAHP;AAIE,QAAA,IAAI,EAAEkB,eAAe,CAACM,MAJxB;AAKE,QAAA,KAAK,EAAErB,MAAM,GAAGiB,WAAW,CAACC,WAAf,GAA6BD,WAAW,CAACE;AALxD,SAOGR,KAPH,CADF;AAWD,KAZM,MAYA;AACL,aAAOA,KAAP;AACD;AACF,GA/BD,CAFJ,CADF;AAsCD;;;;"}