@quintype/native-components 2.20.15 → 2.20.17

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [2.20.17](https://github.com/quintype/native-components/compare/v2.20.16...v2.20.17) (2023-11-16)
+
+
+### Bug Fixes
+
+* **icon-text:** Removing fontWeight since it does not work on Android ([913fcdf](https://github.com/quintype/native-components/commit/913fcdf0ee9987a776faa9531f20754abead19f4))
+
+### [2.20.16](https://github.com/quintype/native-components/compare/v2.20.15...v2.20.16) (2023-11-15)
+
 ### [2.20.15](https://github.com/quintype/native-components/compare/v2.20.14...v2.20.15) (2023-10-16)
 
 ### [2.20.14](https://github.com/quintype/native-components/compare/v2.20.13...v2.20.14) (2023-10-13)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quintype/native-components",
-  "version": "2.20.15",
+  "version": "2.20.17",
   "description": "",
   "main": "src/index.js",
   "scripts": {

package/src/components/IconText/iconText_styles.js

@@ -18,7 +18,6 @@ export const iconTextStyles = () => {
       color: COLORS.BRAND_BLACK,
       fontSize: FONT_SIZE.h3,
       opacity: 0.7,
-      fontWeight: '500',
     },
   });
 };

package/src/components/Story/index.js

@@ -2,7 +2,6 @@ import PropTypes from 'prop-types';
 import React, { useEffect, useContext } from 'react';
 import { View, I18nManager } from 'react-native';
 import { TouchableOpacity } from 'react-native-gesture-handler';
-import get from 'lodash/get';
 import { Text } from '../index';
 import { StoryHeader } from '../StoryHeader';
 import { StoryContent } from '../StoryContent';
@@ -13,19 +12,9 @@ import { getTimeInFormat, AppTheme } from '../../utils';
 import { ShareIcon } from '../../Icons/ShareIcon';
 import { ClockIcon } from '../../Icons/ClockIcon';
 import { storyStyles } from './styles';
-import { isStoryFree } from '../../utils/story';
+import { isStoryFree, mutateDataBeforeAccess, getFirstVideoElement } from '../../utils/story';
 import { isMiddleIndexOfArray } from '../../utils/arrayUtils';
 
-const getFirstVideoElement = (cards) => cards
-  .reduce((acc, currEle) => {
-    acc = acc.concat(currEle['story-elements']);
-    return acc;
-  }, [])
-  .find(
-    ({ type, subtype }) => type === 'youtube-video'
-        || (type === 'jsembed' && subtype === 'dailymotion-video'),
-  ) || {};
-
 const getLiveBlogTimeStamp = (card, DATE_FORMAT, share, styles, locale) => {
   const slug = `?cardId=${card.id}`;
   return (
@@ -45,26 +34,6 @@ const getLiveBlogTimeStamp = (card, DATE_FORMAT, share, styles, locale) => {
   );
 };
 
-/* Mutate the data during access check to limit the content shown */
-const mutateDataBeforeAccess = (item, storyHasAccess) => {
-  if (isStoryFree(item) === 0 || storyHasAccess === 'granted') {
-    return item;
-  }
-  if (storyHasAccess !== 'loading' && storyHasAccess === 'granted') {
-    return item;
-  }
-  /* The following steps are necessary to keep argument mutation at bay */
-  const firstCardObject = get(item, ['cards', 0], {});
-  const firstCardElement = get(firstCardObject, !STORY_TYPES.VIDEO_STORY && ['story-elements', 0], {});
-
-  return {
-    ...item,
-    ...{
-      cards: [{ ...firstCardObject, 'story-elements': [firstCardElement] }],
-    },
-  };
-};
-
 const showListicles = (bulletType, index, length, styles) => {
   switch (bulletType) {
     case '123':

package/src/utils/story.js

@@ -1,4 +1,5 @@
 import get from 'lodash/get';
+import { STORY_TYPES } from './story-types';
 
 /**
  |--------------------------------------------------
@@ -24,3 +25,38 @@ export const isStoryFree = (story = {}) => {
 */
 
 export const getStoryHeadline = (story = {}) => get(story, ['alternative', 'home', 'default', 'headline'], '') || story.headline;
+
+/**
+|--------------------------------------------------
+| Get First Video Element
+|--------------------------------------------------
+*/
+
+export const getFirstVideoElement = (cards) => cards
+  .reduce((acc, currEle) => {
+    acc = acc.concat(currEle['story-elements']);
+    return acc;
+  }, [])
+  .find(
+    ({ type, subtype }) => type === 'youtube-video'
+        || (type === 'jsembed' && subtype === 'dailymotion-video'),
+  ) || {};
+
+export const mutateDataBeforeAccess = (item, storyHasAccess) => {
+  if (isStoryFree(item) === 0 || storyHasAccess === 'granted') {
+    return item;
+  }
+  if (storyHasAccess !== 'loading' && storyHasAccess === 'granted') {
+    return item;
+  }
+  /* The following steps are necessary to keep argument mutation at bay */
+  const firstCardObject = get(item, ['cards', 0], {});
+  const firstCardElement = get(firstCardObject, !STORY_TYPES.VIDEO_STORY && ['story-elements', 0], {});
+
+  return {
+    ...item,
+    ...{
+      cards: [{ ...firstCardObject, 'story-elements': [firstCardElement] }],
+    },
+  };
+};