hot-fix: ts-pattern bundle-inline (#503)

ts-pattern should be bundled inline, not as an external dep.

Also: Fix USER_ACTIONS import in Edit User popup

Author: Sravan S

rollup.config.js

@@ -47,8 +47,9 @@ module.exports = ({
     'css-vars-ponyfill',
     'date-fns',
     'dompurify',
+    // todo@v4: remove this
     // we do not add ts-pattern as dep to avoid conflict with client base
-    'ts-pattern',
+    // 'ts-pattern',
   ],
   plugins: [
     postcss({

src/smart-components/EditUserProfile/components/EditUserProfileUI/index.tsx

@@ -19,7 +19,7 @@ import { ButtonTypes } from '../../../../ui/Button';
 import Label, { LabelColors, LabelTypography } from '../../../../ui/Label';
 import TextButton from '../../../../ui/TextButton';
 import { noop } from '../../../../utils/utils';
-import * as userActions from '../../../../lib/dux/user/actionTypes';
+import { USER_ACTIONS } from '../../../../lib/dux/user/actionTypes';
 
 export default function EditUserProfile(): ReactElement {
   const editProfileProps = useEditUserProfileContext();
@@ -61,7 +61,7 @@ export default function EditUserProfile(): ReactElement {
           nickname: inputRef?.current?.value,
           profileImage: newFile,
         }).then((updatedUser) => {
-          userDispatcher({ type: userActions.UPDATE_USER_INFO, payload: updatedUser });
+          userDispatcher({ type: USER_ACTIONS.UPDATE_USER_INFO, payload: updatedUser });
           if (onEditProfile && typeof onEditProfile === 'function') {
             onEditProfile(updatedUser);
           }