replaces ramda with rambda

package.json

@@ -118,6 +118,7 @@
     "morgan": "1.10.0",
     "path-to-regexp": "6.3.0",
     "polyfill-crypto.getrandomvalues": "1.0.0",
+    "rambda": "^9.3.0",
     "ramda": "0.30.1",
     "react": "18.3.1",
     "react-dom": "18.3.1",

src/app/components/Ad/Amp/index.tsx

@@ -3,7 +3,7 @@
 import { jsx } from '@emotion/react';
 import React, { useContext } from 'react';
 import { Helmet } from 'react-helmet';
-import pathOr from 'ramda/src/pathOr';
+import { pathOr } from 'rambda';
 import { RequestContext } from '#contexts/RequestContext';
 import {
   AMP_ACCESS_JS,

src/app/components/Ad/Canonical/index.tsx

@@ -3,7 +3,7 @@
 import { jsx } from '@emotion/react';
 import React, { useEffect, useContext } from 'react';
 import { Helmet } from 'react-helmet';
-import pathOr from 'ramda/src/pathOr';
+import { pathOr } from 'rambda';
 import useLocation from '#hooks/useLocation';
 import isLive from '../../../lib/utilities/isLive';
 import useOperaMiniDetection from '../../../hooks/useOperaMiniDetection';

src/app/components/Byline/index.tsx

@@ -2,7 +2,7 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import React, { useContext, PropsWithChildren } from 'react';
-import pathOr from 'ramda/src/pathOr';
+import { pathOr } from 'rambda';
 import { OptimoBylineBlock } from '#app/models/types/optimo';
 import { ServiceContext } from '../../contexts/ServiceContext';
 import VisuallyHiddenText from '../VisuallyHiddenText';

src/app/components/Byline/utilities/bylineExtractor/index.tsx

@@ -2,7 +2,7 @@ import {
   OptimoBylineContributorBlock,
   OptimoBylineContributorMetadataBlock,
 } from '#app/models/types/optimo';
-import pathOr from 'ramda/src/pathOr';
+import { pathOr } from 'rambda';
 import buildIChefURL from '../../../../lib/utilities/ichefURL';
 
 const pathOrZeroIndexModelBlocks = (

src/app/components/Byline/utilities/categoryName/index.test.ts

@@ -1,4 +1,4 @@
-import clone from 'ramda/src/clone';
+import { clone } from 'rambda';
 import categoryName from '.';
 import {
   passportTaggings,

src/app/components/Byline/utilities/categoryName/index.ts

@@ -1,5 +1,4 @@
-import pathOr from 'ramda/src/pathOr';
-import isEmpty from 'ramda/src/isEmpty';
+import { pathOr, isEmpty } from 'rambda';
 import {
   MetadataFormats,
   MetadataTaggings,

src/app/components/Byline/utilities/getAuthorTwitterHandle/index.js

@@ -1,5 +1,4 @@
-import pathOr from 'ramda/src/pathOr';
-import isEmpty from 'ramda/src/isEmpty';
+import { pathOr, isEmpty } from 'rambda';
 
 const getAuthorTwitterHandle = articleContentBlocks => {
   const [firstByline, ...otherBylines] = articleContentBlocks.filter(

src/app/components/Byline/utilities/getAuthorTwitterHandle/index.test.js

@@ -1,4 +1,4 @@
-import pathOr from 'ramda/src/pathOr';
+import { pathOr } from 'rambda';
 import getAuthorTwitterHandle from '.';
 import {
   contentBlockWithByline,

src/app/components/Caption/index.tsx

@@ -3,7 +3,7 @@
 /** @jsx  jsx  */
 import { jsx } from '@emotion/react';
 import { useContext } from 'react';
-import pathOr from 'ramda/src/pathOr';
+import { pathOr } from 'rambda';
 import { ServiceContext } from '#app/contexts/ServiceContext';
 import Blocks from '#app/legacy/containers/Blocks';
 import { OptimoBlock } from '#app/models/types/optimo';

src/app/components/ChartbeatAnalytics/utils/index.ts

@@ -1,7 +1,5 @@
 import Cookie from 'js-cookie';
-import find from 'ramda/src/find';
-import propSatisfies from 'ramda/src/propSatisfies';
-import includes from 'ramda/src/includes';
+import { find, propSatisfies, includes } from 'rambda';
 import onClient from '../../../lib/utilities/onClient';
 import { getReferrer } from '../../../lib/analyticsUtils';
 import {

src/app/components/Curation/CurationPromo/index.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable jsx-a11y/aria-role */
 import React, { useContext } from 'react';
 import moment from 'moment';
-import path from 'ramda/src/path';
+import { path } from 'rambda';
 import formatDuration from '#app/lib/utilities/formatDuration';
 import Promo from '#components/Promo';
 import { Summary } from '#app/models/types/curationData';

src/app/components/Curation/HierarchicalGrid/index.tsx

@@ -3,7 +3,7 @@
 import { useContext } from 'react';
 import { css, jsx, Theme } from '@emotion/react';
 import moment from 'moment';
-import path from 'ramda/src/path';
+import { path } from 'rambda';
 import VisuallyHiddenText from '../../VisuallyHiddenText';
 import formatDuration from '../../../lib/utilities/formatDuration';
 import Promo from '../../../legacy/components/Promo';

src/app/components/DecoratedInlineLink/index.tsx

@@ -2,7 +2,7 @@
 import { jsx } from '@emotion/react';
 import React, { useContext } from 'react';
 import { ServiceContext } from '#app/contexts/ServiceContext';
-import pathOr from 'ramda/src/pathOr';
+import { pathOr } from 'rambda';
 import Blocks from '#app/legacy/containers/Blocks';
 import makeRelativeUrlPath from '#app/lib/utilities/makeRelativeUrlPath';
 import { OptimoBlock } from '#app/models/types/optimo';

src/app/components/Disclaimer/index.tsx

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { useContext, PropsWithChildren } from 'react';
-import isEmpty from 'ramda/src/isEmpty';
+import { isEmpty } from 'rambda';
 import { GridItemLarge } from '../../legacy/components/Grid';
 import { ServiceContext } from '../../contexts/ServiceContext';
 import { RequestContext } from '../../contexts/RequestContext';

src/app/components/EmbedConsentBanner/ConsentBanner.tsx

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { useContext, MouseEvent } from 'react';
-import pathOr from 'ramda/src/pathOr';
+import { pathOr } from 'rambda';
 
 import { RequestContext } from '#app/contexts/RequestContext';
 import { LIVE_PAGE } from '#app/routes/utils/pageTypes';

src/app/components/Embeds/OEmbed/index.tsx

@@ -2,7 +2,7 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { useContext } from 'react';
-import pathOr from 'ramda/src/pathOr';
+import { pathOr } from 'rambda';
 import { RequestContext } from '../../../contexts/RequestContext';
 import { ServiceContext } from '../../../contexts/ServiceContext';
 import EmbedHtml from '../EmbedHtml';

src/app/components/Embeds/UnsupportedEmbed/index.tsx

@@ -2,7 +2,7 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { useContext } from 'react';
-import pathOr from 'ramda/src/pathOr';
+import { pathOr } from 'rambda';
 import { RequestContext } from '../../../contexts/RequestContext';
 import { ServiceContext } from '../../../contexts/ServiceContext';
 import EmbedError from '../EmbedError';

src/app/components/Embeds/Uploader/index.tsx

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import { useContext } from 'react';
-import path from 'ramda/src/path';
-import pathOr from 'ramda/src/pathOr';
+import { path } from 'rambda';
+import { pathOr } from 'rambda';
 import { jsx } from '@emotion/react';
 import { ServiceContext } from '../../../contexts/ServiceContext';
 import Paragraph from '../../Paragraph';

src/app/components/FrostedGlassPromo/index.tsx

@@ -2,7 +2,7 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import React, { PropsWithChildren, useContext } from 'react';
-import pick from 'ramda/src/pick';
+import { pick } from 'rambda';
 import Lazyload from 'react-lazyload';
 
 import IMAGE from '../Image';

src/app/components/FrostedGlassPromo/withData.tsx

@@ -1,9 +1,9 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
 import { PropsWithChildren, useContext } from 'react';
-import path from 'ramda/src/path';
-import pathOr from 'ramda/src/pathOr';
-import pick from 'ramda/src/pick';
+import { path } from 'rambda';
+import { pathOr } from 'rambda';
+import { pick } from 'rambda';
 
 import PromoTimestamp from '../../legacy/components/Promo/timestamp';
 import getOriginCode from '../../lib/utilities/imageSrcHelpers/originCode';

src/app/components/Header/ScriptLink/index.tsx

@@ -2,7 +2,7 @@
 import { useContext } from 'react';
 import { jsx } from '@emotion/react';
 import { compile } from 'path-to-regexp';
-import clone from 'ramda/src/clone';
+import { clone } from 'rambda';
 import { useRouteMatch } from 'react-router-dom';
 import useToggle from '#hooks/useToggle';
 import { Services, Variants } from '#app/models/types/global';

src/app/components/LinkedData/index.test.tsx

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import Helmet from 'react-helmet';
-import assocPath from 'ramda/src/assocPath';
+import { assocPath } from 'rambda';
 import { RequestContextProvider } from '#contexts/RequestContext';
 import { ARTICLE_PAGE } from '#app/routes/utils/pageTypes';
 import { ServiceContextProvider } from '../../contexts/ServiceContext';

src/app/components/MostRead/Amp/index.tsx

@@ -7,7 +7,7 @@ import {
   AMP_MUSTACHE_JS,
   AMP_SCRIPT_JS,
 } from '#psammead/psammead-assets/src/amp-boilerplate';
-import pathOr from 'ramda/src/pathOr';
+import { pathOr } from 'rambda';
 import { ServiceContext } from '../../../contexts/ServiceContext';
 import { MostReadItemWrapper, MostReadLink } from '../Canonical/Item';
 import MostReadRank from '../Canonical/Rank';

src/app/components/OptimizelyRecommendations/index.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import CpsRecommendations from '#containers/CpsRecommendations';
 import { OptimizelyExperiment } from '@optimizely/react-sdk';
 import OPTIMIZELY_CONFIG from '#lib/config/optimizely';
-import pathOr from 'ramda/src/pathOr';
+import { pathOr } from 'rambda';
 import { Article } from '#app/models/types/optimo';
 
 // 005_brasil_recommendations_experiment

src/app/components/PageLayoutWrapper/index.tsx

@@ -4,7 +4,7 @@
 import React, { PropsWithChildren, useContext } from 'react';
 import { jsx } from '@emotion/react';
 import { Helmet } from 'react-helmet';
-import pathOr from 'ramda/src/pathOr';
+import { pathOr } from 'rambda';
 
 import GlobalStyles from '#psammead/psammead-styles/src/global-styles';
 import { PageTypes } from '#app/models/types/global';

src/app/components/Pagination/buildBlocks.ts

@@ -1,5 +1,5 @@
-import pipe from 'ramda/src/pipe';
-import clone from 'ramda/src/clone';
+import { pipe } from 'rambda';
+import { clone } from 'rambda';
 import findNClosestIndices from '#lib/utilities/findNClosestIndicies';
 
 export const VISIBILITY = {

src/app/components/RelatedContentSection/RelatedContentItem/index.tsx

@@ -2,12 +2,11 @@
 
 import { jsx } from '@emotion/react';
 import { forwardRef } from 'react';
-import path from 'ramda/src/path';
-import pathOr from 'ramda/src/pathOr';
+import { path } from 'rambda';
+import { pathOr, isEmpty } from 'rambda';
 import { createSrcsets } from '#lib/utilities/srcSet';
 import buildIChefURL from '#app/lib/utilities/ichefURL';
 import Promo from '#components/OptimoPromos';
-import isEmpty from 'ramda/src/isEmpty';
 import styles from './index.styles';
 import { EventTrackingBlock } from '../../../models/types/eventTracking';
 

src/app/components/RelatedContentSection/index.tsx

@@ -3,15 +3,17 @@
 import { useContext } from 'react';
 import { jsx, useTheme } from '@emotion/react';
 import SectionLabel from '#psammead/psammead-section-label/src';
-import pathOr from 'ramda/src/pathOr';
-import pathEq from 'ramda/src/pathEq';
-import path from 'ramda/src/path';
-import tail from 'ramda/src/tail';
-import slice from 'ramda/src/slice';
-import identity from 'ramda/src/identity';
-import last from 'ramda/src/last';
-import filter from 'ramda/src/filter';
-import pipe from 'ramda/src/pipe';
+import {
+  pathOr,
+  path,
+  pathEq,
+  tail,
+  slice,
+  identity,
+  last,
+  filter,
+  pipe,
+} from 'rambda';
 
 import useViewTracker from '#hooks/useViewTracker';
 import { ServiceContext } from '../../contexts/ServiceContext';
@@ -108,15 +110,15 @@ const RelatedContentSection = ({ content }: { content: OptimoBlock[] }) => {
   const eventTrackingDataSend = path<object>(['block'], eventTrackingData);
   const viewRef = useViewTracker(eventTrackingDataSend);
 
-  if (!pathEq('relatedContent', ['type'], blocks)) return null;
+  if (!pathEq(['type'], 'relatedContent', blocks)) return null;
 
   if (!blocks) return null;
 
   const items = pathOr([], ['model', 'blocks'], blocks);
   const LABEL_ID = 'related-content-heading';
 
   const customTitle =
-    pathEq('title', [0, 'type'], items) &&
+    pathEq([0, 'type'], 'title', items) &&
     pathOr(
       [],
       [0, 'model', 'blocks', 0, 'model', 'blocks', 0, 'model', 'text'],

src/app/components/ThemeProvider/themes/serbian/cyr.ts

@@ -1,4 +1,4 @@
-import { mergeDeepLeft } from 'ramda';
+import { mergeDeepLeft } from 'rambda';
 import cyrillicScript from '../../fontScripts/cyrillic';
 import withThemeProvider from '../../withThemeProvider';
 import baseSerbianTheme from './base';

src/app/components/ThemeProvider/themes/serbian/lat.ts

@@ -1,4 +1,4 @@
-import { mergeDeepLeft } from 'ramda';
+import { mergeDeepLeft } from 'rambda';
 import latinWithDiacriticsScript from '../../fontScripts/latinWithDiacritics';
 import withThemeProvider from '../../withThemeProvider';
 import baseSerbianTheme from './base';

src/app/components/ThemeProvider/themes/uzbek/cyr.ts

@@ -1,4 +1,4 @@
-import { mergeDeepLeft } from 'ramda';
+import { mergeDeepLeft } from 'rambda';
 import cyrillicScript from '../../fontScripts/cyrillic';
 import withThemeProvider from '../../withThemeProvider';
 import baseUzbekTheme from './base';

src/app/components/ThemeProvider/themes/uzbek/lat.ts

@@ -1,4 +1,4 @@
-import { mergeDeepLeft } from 'ramda';
+import { mergeDeepLeft } from 'rambda';
 import latinWithDiacriticsScript from '../../fontScripts/latinWithDiacritics';
 import withThemeProvider from '../../withThemeProvider';
 import baseUzbekTheme from './base';

src/app/contexts/ToggleContext/reducer.tsx

@@ -1,5 +1,5 @@
 import { Toggles } from '#app/models/types/global';
-import pathOr from 'ramda/src/pathOr';
+import { pathOr } from 'rambda';
 
 type ReducerProps = {
   toggleState: Toggles;

src/app/hooks/useClickTrackerHandler/clickTypes.js

@@ -1,5 +1,4 @@
-import pathSatisfies from 'ramda/src/pathSatisfies';
-import startsWith from 'ramda/src/startsWith';
+import { pathSatisfies, startsWith } from 'rambda';
 
 const isLeftClick = button => button === 0;
 const isMiddleClick = button => button === 1 || button === 4; // middle click for IE is 4

src/app/hooks/useClickTrackerHandler/index.jsx

@@ -1,7 +1,7 @@
 /* eslint-disable no-console */
 import { useContext, useCallback, useState } from 'react';
-import path from 'ramda/src/path';
-import pathOr from 'ramda/src/pathOr';
+import { path } from 'rambda';
+import { pathOr } from 'rambda';
 
 import { EventTrackingContext } from '../../contexts/EventTrackingContext';
 import useTrackingToggle from '../useTrackingToggle';

src/app/hooks/useImageColour/utils.js

@@ -1,4 +1,4 @@
-import is from 'ramda/src/is';
+import { is } from 'rambda';
 
 // https://stackoverflow.com/a/5624139
 export const hexToRgb = hex => {

src/app/hooks/useViewTracker/index.jsx

@@ -1,7 +1,5 @@
 import { useContext, useEffect, useState, useRef } from 'react';
-import path from 'ramda/src/path';
-import pathOr from 'ramda/src/pathOr';
-import prop from 'ramda/src/prop';
+import { path, pathOr, prop } from 'rambda';
 
 import { sendEventBeacon } from '../../components/ATIAnalytics/beacon';
 import { EventTrackingContext } from '../../contexts/EventTrackingContext';

src/app/legacy/components/Promo/index.jsx

@@ -1,10 +1,10 @@
 import React, { useContext, useMemo } from 'react';
 import styled from '@emotion/styled';
-import partition from 'ramda/src/partition';
+import { partition } from 'rambda';
 
 import { ServiceContext } from '../../../contexts/ServiceContext';
 
-import Image from './image';
+import Image from './image'
 import MediaIcon, { TYPES } from './media-icon';
 import Heading from './heading';
 import Body from './body';

src/app/legacy/components/RadioSchedule/ScheduleItemHeader/index.jsx

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
 import styled from '@emotion/styled';
-import pathOr from 'ramda/src/pathOr';
+import { pathOr } from 'rambda';
 import { formatUnixTimestamp } from '#psammead/psammead-timestamp-container/src/utilities';
 import detokenise from '#psammead/psammead-detokeniser/src';
 import LiveLabel from '#app/components/LiveLabel';

src/app/legacy/components/ScrollablePromo/Promo/index.jsx

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
 import styled from '@emotion/styled';
-import path from 'ramda/src/path';
-import pathOr from 'ramda/src/pathOr';
+import { path } from 'rambda';
+import { pathOr } from 'rambda';
 import { getPica } from '#psammead/gel-foundations/src/typography';
 import { getSerifBold } from '#psammead/psammead-styles/src/font-styles';
 import { Link } from '#psammead/psammead-story-promo/src';