@amityco/react-native-social-uikit 4.0.0 → 4.0.1-324acbfd.0

package/lib/commonjs/social/features/post/components/EngagementActions/Components/FeedStyle.js

@@ -37,6 +37,9 @@ const FeedStyle = ({
   const {
     AmityGlobalFeedComponentBehavior
   } = (0, _BehaviourProvider.useBehaviour)();
+  const {
+    handleGlobalBehavior
+  } = (0, _hooks.useGlobalBehavior)();
   const navigation = (0, _native.useNavigation)();
   const [postData, setPostData] = (0, _react.useState)(null);
   const [isLike, setIsLike] = (0, _react.useState)(false);
@@ -81,6 +84,11 @@ const FeedStyle = ({
       console.log(error);
     }
   }, [isLike, postData, postId]);
+  const onPressReaction = (0, _react.useCallback)(() => {
+    handleGlobalBehavior({
+      defaultBehavior: addReactionToPost
+    });
+  }, [addReactionToPost, handleGlobalBehavior]);
   const onPressComment = (0, _react.useCallback)(() => {
     if (AmityGlobalFeedComponentBehavior.goToPostDetailPage) {
       return AmityGlobalFeedComponentBehavior.goToPostDetailPage();
@@ -102,7 +110,7 @@ const FeedStyle = ({
   }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.row
   }, /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
-    onPress: addReactionToPost,
+    onPress: onPressReaction,
     style: styles.likeBtn
   }, isLike ? /*#__PURE__*/React.createElement(_reactNativeSvg.SvgXml, {
     xml: (0, _xml.likeReaction)(themeStyles.colors.background),

package/lib/commonjs/social/features/post/components/EngagementActions/Components/FeedStyle.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_react","_tsSdkReactNative","_styles","_hooks","_enums","_reactNativeSvg","_xml","_feed","_native","_LikeButtonIconElement","_interopRequireDefault","_CommentButtonIconElement","_BehaviourProvider","_number","_usePostShareAction","_ShareButton","e","__esModule","default","FeedStyle","community","postId","pageId","componentId","themeStyles","useAmityComponent","PageID","post_detail_page","ComponentID","post_content","styles","useStyles","AmityGlobalFeedComponentBehavior","useBehaviour","navigation","useNavigation","postData","setPostData","useState","isLike","setIsLike","totalReactions","setTotalReactions","unsubscribeRef","useRef","shareLink","handleSharePress","usePostShareAction","useEffect","PostRepository","getPost","error","loading","data","_data$myReactions","reactionsCount","myReactions","length","current","addReactionToPost","useCallback","subscribeTopic","getPostTopic","SubscriptionLevels","POST","prev","removePostReaction","addPostReaction","console","log","onPressComment","goToPostDetailPage","navigate","isJoined","React","createElement","View","style","actionSection","Text","btnText","Pressable","onPress","row","TouchableOpacity","likeBtn","SvgXml","xml","likeReaction","colors","background","width","height","pageID","componentID","resizeMode","likedText","formatNumber","commentBtn","localCommentCount","ShareButton","_default","exports","memo"],"sourceRoot":"../../../../../../../../src","sources":["social/features/post/components/EngagementActions/Components/FeedStyle.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_react","_tsSdkReactNative","_styles","_hooks","_enums","_reactNativeSvg","_xml","_feed","_native","_LikeButtonIconElement","_interopRequireDefault","_CommentButtonIconElement","_BehaviourProvider","_number","_usePostShareAction","_ShareButton","e","__esModule","default","FeedStyle","community","postId","pageId","componentId","themeStyles","useAmityComponent","PageID","post_detail_page","ComponentID","post_content","styles","useStyles","AmityGlobalFeedComponentBehavior","useBehaviour","handleGlobalBehavior","useGlobalBehavior","navigation","useNavigation","postData","setPostData","useState","isLike","setIsLike","totalReactions","setTotalReactions","unsubscribeRef","useRef","shareLink","handleSharePress","usePostShareAction","useEffect","PostRepository","getPost","error","loading","data","_data$myReactions","reactionsCount","myReactions","length","current","addReactionToPost","useCallback","subscribeTopic","getPostTopic","SubscriptionLevels","POST","prev","removePostReaction","addPostReaction","console","log","onPressReaction","defaultBehavior","onPressComment","goToPostDetailPage","navigate","isJoined","React","createElement","View","style","actionSection","Text","btnText","Pressable","onPress","row","TouchableOpacity","likeBtn","SvgXml","xml","likeReaction","colors","background","width","height","pageID","componentID","resizeMode","likedText","formatNumber","commentBtn","localCommentCount","ShareButton","_default","exports","memo"],"sourceRoot":"../../../../../../../../src","sources":["social/features/post/components/EngagementActions/Components/FeedStyle.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/social/features/user/CreateProfile/CreateProfile.js

@@ -0,0 +1,114 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CreateProfile = CreateProfile;
+var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
+var _reactNative = require("react-native");
+var _reactHookForm = require("react-hook-form");
+var _components = require("./components");
+var _hooks = require("./hooks");
+var _FormInput = _interopRequireDefault(require("../../../components/FormInput"));
+var _constants = require("../../../../core/constants");
+var _enums = require("../../../enums");
+var _ActionButton = _interopRequireDefault(require("../../../elements/ActionButton"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function CreateProfile({
+  userId,
+  authToken,
+  onCreated,
+  onCancel
+}) {
+  const {
+    styles,
+    control,
+    onSubmit,
+    isValid,
+    isSubmitting,
+    handleSubmit,
+    accessibilityId
+  } = (0, _hooks.useCreateProfile)({
+    userId,
+    authToken,
+    onCreated
+  });
+  return /*#__PURE__*/React.createElement(_reactNativeSafeAreaContext.SafeAreaView, {
+    testID: accessibilityId,
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(_components.TopBar, {
+    onCancel: onCancel,
+    disabled: isSubmitting
+  }), /*#__PURE__*/React.createElement(_reactNative.KeyboardAvoidingView, {
+    style: styles.keyboardAvoidingView,
+    behavior: _reactNative.Platform.OS === 'ios' ? 'padding' : 'height'
+  }, /*#__PURE__*/React.createElement(_reactNative.ScrollView, {
+    contentContainerStyle: styles.contentContainer
+  }, /*#__PURE__*/React.createElement(_reactHookForm.Controller, {
+    name: "image",
+    control: control,
+    render: ({
+      field: {
+        onChange,
+        value
+      }
+    }) => /*#__PURE__*/React.createElement(_components.ImageUpload, {
+      value: value,
+      onChange: onChange,
+      disabled: isSubmitting
+    })
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.inputContainer
+  }, /*#__PURE__*/React.createElement(_reactHookForm.Controller, {
+    name: "displayName",
+    control: control,
+    render: ({
+      field: {
+        onChange,
+        onBlur,
+        value
+      }
+    }) => /*#__PURE__*/React.createElement(_FormInput.default, {
+      value: value,
+      onBlur: onBlur,
+      multiline: false,
+      editable: !isSubmitting,
+      onChangeText: onChange,
+      placeholder: "Username",
+      pageId: _enums.PageID.create_user_profile_page,
+      maxLength: _constants.CHARACTER_LIMIT.USER_DISPLAY_NAME,
+      elementId: _enums.ElementID.user_display_name_title
+    })
+  })), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.inputContainer
+  }, /*#__PURE__*/React.createElement(_reactHookForm.Controller, {
+    name: "description",
+    control: control,
+    render: ({
+      field: {
+        onChange,
+        onBlur,
+        value
+      }
+    }) => /*#__PURE__*/React.createElement(_FormInput.default, {
+      optional: true,
+      multiline: true,
+      value: value,
+      onBlur: onBlur,
+      editable: !isSubmitting,
+      onChangeText: onChange,
+      placeholder: "Write something about yourself",
+      pageId: _enums.PageID.create_user_profile_page,
+      elementId: _enums.ElementID.user_about_title,
+      maxLength: _constants.CHARACTER_LIMIT.USER_DESCRIPTION
+    })
+  }))), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.submitButtonContainer
+  }, /*#__PURE__*/React.createElement(_ActionButton.default, {
+    onPress: handleSubmit(onSubmit),
+    pageId: _enums.PageID.create_user_profile_page,
+    elementId: _enums.ElementID.create_user_profile_button,
+    disabled: !isValid || isSubmitting
+  }))));
+}
+//# sourceMappingURL=CreateProfile.js.map

package/lib/commonjs/social/features/user/CreateProfile/CreateProfile.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeSafeAreaContext","require","_reactNative","_reactHookForm","_components","_hooks","_FormInput","_interopRequireDefault","_constants","_enums","_ActionButton","e","__esModule","default","CreateProfile","userId","authToken","onCreated","onCancel","styles","control","onSubmit","isValid","isSubmitting","handleSubmit","accessibilityId","useCreateProfile","React","createElement","SafeAreaView","testID","style","container","TopBar","disabled","KeyboardAvoidingView","keyboardAvoidingView","behavior","Platform","OS","ScrollView","contentContainerStyle","contentContainer","Controller","name","render","field","onChange","value","ImageUpload","View","inputContainer","onBlur","multiline","editable","onChangeText","placeholder","pageId","PageID","create_user_profile_page","maxLength","CHARACTER_LIMIT","USER_DISPLAY_NAME","elementId","ElementID","user_display_name_title","optional","user_about_title","USER_DESCRIPTION","submitButtonContainer","onPress","create_user_profile_button"],"sourceRoot":"../../../../../../src","sources":["social/features/user/CreateProfile/CreateProfile.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/social/features/user/CreateProfile/components/ImageUpload/ImageUpload.js

@@ -0,0 +1,78 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ImageUpload = ImageUpload;
+var _reactNative = require("react-native");
+var _reactNativeImagePicker = require("react-native-image-picker");
+var _styles = require("./styles");
+var _reactNativeSvg = require("react-native-svg");
+var _icons = require("../../../../../../core/assets/icons");
+var _utils = require("../../../../../utils");
+var _components = require("../../../../../components");
+var _Typography = require("../../../../../../core/components/Typography/Typography");
+// Pick-only: a visitor session is read-only, so the avatar can't be uploaded
+// here. We hold the local image uri and the page uploads it after Client.login.
+function ImageUpload({
+  value,
+  onChange,
+  disabled
+}) {
+  const {
+    styles,
+    theme
+  } = (0, _styles.useStyles)();
+  const onPickImage = async () => {
+    const result = await (0, _reactNativeImagePicker.launchImageLibrary)({
+      mediaType: 'photo',
+      selectionLimit: 1,
+      includeBase64: false,
+      quality: 1
+    });
+    if (result.didCancel || !result.assets || result.assets.length === 0) {
+      return;
+    }
+    const asset = result.assets[0];
+    if (!(0, _utils.isValidImageType)(asset === null || asset === void 0 ? void 0 : asset.type)) {
+      _reactNative.Alert.alert('Unsupported image type', 'Please upload a PNG or JPG image.', [{
+        text: 'OK'
+      }]);
+      return;
+    }
+    if (asset !== null && asset !== void 0 && asset.uri) {
+      onChange({
+        uri: asset.uri
+      });
+    }
+  };
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [styles.container, disabled && styles.disabled]
+  }, /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    hitSlop: 0.8,
+    activeOpacity: 0.7,
+    disabled: disabled,
+    style: styles.imageContainer,
+    onPress: onPickImage
+  }, /*#__PURE__*/React.createElement(_components.Avatar.User, {
+    uri: value === null || value === void 0 ? void 0 : value.uri,
+    viewable: false,
+    userId: "",
+    imageStyle: styles.image,
+    shouldRedirectToUserProfile: false
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.iconContainer
+  }, /*#__PURE__*/React.createElement(_reactNativeSvg.SvgXml, {
+    width: 24,
+    height: 24,
+    xml: (0, _icons.camera)(),
+    color: theme.colors.white
+  }))), /*#__PURE__*/React.createElement(_reactNative.TouchableOpacity, {
+    activeOpacity: 0.7,
+    disabled: disabled,
+    onPress: onPickImage
+  }, /*#__PURE__*/React.createElement(_Typography.Typography.BodyBold, {
+    style: styles.choosePhotoLabel
+  }, "Choose a photo")));
+}
+//# sourceMappingURL=ImageUpload.js.map

package/lib/commonjs/social/features/user/CreateProfile/components/ImageUpload/ImageUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_reactNativeImagePicker","_styles","_reactNativeSvg","_icons","_utils","_components","_Typography","ImageUpload","value","onChange","disabled","styles","theme","useStyles","onPickImage","result","launchImageLibrary","mediaType","selectionLimit","includeBase64","quality","didCancel","assets","length","asset","isValidImageType","type","Alert","alert","text","uri","React","createElement","View","style","container","TouchableOpacity","hitSlop","activeOpacity","imageContainer","onPress","Avatar","User","viewable","userId","imageStyle","image","shouldRedirectToUserProfile","iconContainer","SvgXml","width","height","xml","camera","color","colors","white","Typography","BodyBold","choosePhotoLabel"],"sourceRoot":"../../../../../../../../src","sources":["social/features/user/CreateProfile/components/ImageUpload/ImageUpload.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/social/features/user/CreateProfile/components/ImageUpload/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ImageUpload", {
+  enumerable: true,
+  get: function () {
+    return _ImageUpload.ImageUpload;
+  }
+});
+var _ImageUpload = require("./ImageUpload");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/social/features/user/CreateProfile/components/ImageUpload/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_ImageUpload","require"],"sourceRoot":"../../../../../../../../src","sources":["social/features/user/CreateProfile/components/ImageUpload/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/social/features/user/CreateProfile/components/ImageUpload/styles.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+var _reactNativePaper = require("react-native-paper");
+const useStyles = () => {
+  const theme = (0, _reactNativePaper.useTheme)();
+  const styles = _reactNative.StyleSheet.create({
+    container: {
+      gap: 8,
+      flexDirection: 'column',
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    choosePhotoLabel: {
+      color: theme.colors.primary
+    },
+    disabled: {
+      opacity: 0.5
+    },
+    imageContainer: {
+      width: 64,
+      height: 64,
+      borderRadius: 100,
+      position: 'relative'
+    },
+    image: {
+      width: '100%',
+      height: '100%',
+      borderRadius: 100,
+      objectFit: 'cover'
+    },
+    iconContainer: {
+      inset: 0,
+      zIndex: 10,
+      padding: 20,
+      borderRadius: 100,
+      position: 'absolute',
+      backgroundColor: theme.colors.transparentBlack
+    }
+  });
+  return {
+    styles,
+    theme
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/social/features/user/CreateProfile/components/ImageUpload/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_reactNativePaper","useStyles","theme","useTheme","styles","StyleSheet","create","container","gap","flexDirection","alignItems","justifyContent","choosePhotoLabel","color","colors","primary","disabled","opacity","imageContainer","width","height","borderRadius","position","image","objectFit","iconContainer","inset","zIndex","padding","backgroundColor","transparentBlack","exports"],"sourceRoot":"../../../../../../../../src","sources":["social/features/user/CreateProfile/components/ImageUpload/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAGO,MAAME,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAG,IAAAC,0BAAQ,EAAa,CAAC;EAEpC,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,GAAG,EAAE,CAAC;MACNC,aAAa,EAAE,QAAQ;MACvBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE;IAClB,CAAC;IACDC,gBAAgB,EAAE;MAChBC,KAAK,EAAEX,KAAK,CAACY,MAAM,CAACC;IACtB,CAAC;IACDC,QAAQ,EAAE;MACRC,OAAO,EAAE;IACX,CAAC;IACDC,cAAc,EAAE;MACdC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVC,YAAY,EAAE,GAAG;MACjBC,QAAQ,EAAE;IACZ,CAAC;IACDC,KAAK,EAAE;MACLJ,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdC,YAAY,EAAE,GAAG;MACjBG,SAAS,EAAE;IACb,CAAC;IACDC,aAAa,EAAE;MACbC,KAAK,EAAE,CAAC;MACRC,MAAM,EAAE,EAAE;MACVC,OAAO,EAAE,EAAE;MACXP,YAAY,EAAE,GAAG;MACjBC,QAAQ,EAAE,UAAU;MACpBO,eAAe,EAAE3B,KAAK,CAACY,MAAM,CAACgB;IAChC;EACF,CAAC,CAAC;EAEF,OAAO;IAAE1B,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAAC6B,OAAA,CAAA9B,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/social/features/user/CreateProfile/components/TopBar/TopBar.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TopBar = TopBar;
+var _reactNative = require("react-native");
+var _styles = require("./styles");
+var _BackButton = _interopRequireDefault(require("../../../../../elements/BackButton"));
+var _elements = require("../../../../../elements");
+var _enums = require("../../../../../enums");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function TopBar({
+  onCancel,
+  disabled
+}) {
+  const {
+    styles
+  } = (0, _styles.useStyles)();
+  return /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(_BackButton.default, {
+    disabled: disabled,
+    pageId: _enums.PageID.create_user_profile_page,
+    onPress: onCancel
+  }), /*#__PURE__*/React.createElement(_elements.Title, {
+    style: styles.title,
+    pageId: _enums.PageID.create_user_profile_page,
+    elementId: _enums.ElementID.title
+  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: styles.dummy
+  }));
+}
+//# sourceMappingURL=TopBar.js.map

package/lib/commonjs/social/features/user/CreateProfile/components/TopBar/TopBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_styles","_BackButton","_interopRequireDefault","_elements","_enums","e","__esModule","default","TopBar","onCancel","disabled","styles","useStyles","React","createElement","View","style","container","pageId","PageID","create_user_profile_page","onPress","Title","title","elementId","ElementID","dummy"],"sourceRoot":"../../../../../../../../src","sources":["social/features/user/CreateProfile/components/TopBar/TopBar.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAAyD,SAAAG,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOlD,SAASG,MAAMA,CAAC;EAAEC,QAAQ;EAAEC;AAAsB,CAAC,EAAE;EAC1D,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAS,EAAC,CAAC;EAE9B,oBACEC,KAAA,CAAAC,aAAA,CAAChB,YAAA,CAAAiB,IAAI;IAACC,KAAK,EAAEL,MAAM,CAACM;EAAU,gBAC5BJ,KAAA,CAAAC,aAAA,CAACb,WAAA,CAAAM,OAAU;IACTG,QAAQ,EAAEA,QAAS;IACnBQ,MAAM,EAAEC,aAAM,CAACC,wBAAyB;IACxCC,OAAO,EAAEZ;EAAS,CACnB,CAAC,eACFI,KAAA,CAAAC,aAAA,CAACX,SAAA,CAAAmB,KAAK;IACJN,KAAK,EAAEL,MAAM,CAACY,KAAM;IACpBL,MAAM,EAAEC,aAAM,CAACC,wBAAyB;IACxCI,SAAS,EAAEC,gBAAS,CAACF;EAAM,CAC5B,CAAC,eACFV,KAAA,CAAAC,aAAA,CAAChB,YAAA,CAAAiB,IAAI;IAACC,KAAK,EAAEL,MAAM,CAACe;EAAM,CAAE,CACxB,CAAC;AAEX","ignoreList":[]}

package/lib/commonjs/social/features/user/CreateProfile/components/TopBar/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "TopBar", {
+  enumerable: true,
+  get: function () {
+    return _TopBar.TopBar;
+  }
+});
+var _TopBar = require("./TopBar");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/social/features/user/CreateProfile/components/TopBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_TopBar","require"],"sourceRoot":"../../../../../../../../src","sources":["social/features/user/CreateProfile/components/TopBar/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/social/features/user/CreateProfile/components/TopBar/styles.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyles = void 0;
+var _reactNative = require("react-native");
+var _reactNativePaper = require("react-native-paper");
+const useStyles = () => {
+  const theme = (0, _reactNativePaper.useTheme)();
+  const styles = _reactNative.StyleSheet.create({
+    container: {
+      gap: 8,
+      paddingVertical: 16,
+      flexDirection: 'row',
+      alignItems: 'center',
+      paddingHorizontal: 12,
+      justifyContent: 'space-between',
+      backgroundColor: theme.colors.background
+    },
+    title: {
+      flex: 1,
+      textAlign: 'center',
+      color: theme.colors.base
+    },
+    dummy: {
+      width: 24,
+      height: 24
+    }
+  });
+  return {
+    styles,
+    theme
+  };
+};
+exports.useStyles = useStyles;
+//# sourceMappingURL=styles.js.map

package/lib/commonjs/social/features/user/CreateProfile/components/TopBar/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_reactNativePaper","useStyles","theme","useTheme","styles","StyleSheet","create","container","gap","paddingVertical","flexDirection","alignItems","paddingHorizontal","justifyContent","backgroundColor","colors","background","title","flex","textAlign","color","base","dummy","width","height","exports"],"sourceRoot":"../../../../../../../../src","sources":["social/features/user/CreateProfile/components/TopBar/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,iBAAA,GAAAD,OAAA;AAEO,MAAME,SAAS,GAAGA,CAAA,KAAM;EAC7B,MAAMC,KAAK,GAAG,IAAAC,0BAAQ,EAAa,CAAC;EAEpC,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;IAC/BC,SAAS,EAAE;MACTC,GAAG,EAAE,CAAC;MACNC,eAAe,EAAE,EAAE;MACnBC,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,iBAAiB,EAAE,EAAE;MACrBC,cAAc,EAAE,eAAe;MAC/BC,eAAe,EAAEZ,KAAK,CAACa,MAAM,CAACC;IAChC,CAAC;IACDC,KAAK,EAAE;MACLC,IAAI,EAAE,CAAC;MACPC,SAAS,EAAE,QAAQ;MACnBC,KAAK,EAAElB,KAAK,CAACa,MAAM,CAACM;IACtB,CAAC;IACDC,KAAK,EAAE;MACLC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACV;EACF,CAAC,CAAC;EAEF,OAAO;IAAEpB,MAAM;IAAEF;EAAM,CAAC;AAC1B,CAAC;AAACuB,OAAA,CAAAxB,SAAA,GAAAA,SAAA","ignoreList":[]}

package/lib/commonjs/social/features/user/CreateProfile/components/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ImageUpload = require("./ImageUpload");
+Object.keys(_ImageUpload).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ImageUpload[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ImageUpload[key];
+    }
+  });
+});
+var _TopBar = require("./TopBar");
+Object.keys(_TopBar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TopBar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _TopBar[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/social/features/user/CreateProfile/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_ImageUpload","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_TopBar"],"sourceRoot":"../../../../../../../src","sources":["social/features/user/CreateProfile/components/index.ts"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,OAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,OAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,OAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,OAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/commonjs/social/features/user/CreateProfile/hooks/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _useCreateProfile = require("./useCreateProfile");
+Object.keys(_useCreateProfile).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _useCreateProfile[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useCreateProfile[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/social/features/user/CreateProfile/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_useCreateProfile","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../../../../../src","sources":["social/features/user/CreateProfile/hooks/index.ts"],"mappings":";;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,iBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,iBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,iBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}