use storyblok things from rsc directory

Author: yvonnetangsu

components/Storyblok/SbCampaignPage.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { storyblokEditable, type SbBlokData } from '@storyblok/react';
+import { storyblokEditable, type SbBlokData } from '@storyblok/react/rsc';
 import { CreateBloks } from '@/components/CreateBloks';
 import { CampaignHeader, type CampaignHeaderProps } from '@/components/Storyblok/partials/CampaignHeader';
 import { IconCardSection, type IconCardSectionProps } from '@/components/Storyblok/partials/IconCardSection';

components/Storyblok/SbGlobalFooter.tsx

@@ -1,5 +1,5 @@
 import { GlobalFooter } from '@/components/GlobalFooter';
-import { SbBlokData, storyblokEditable } from '@storyblok/react';
+import { SbBlokData, storyblokEditable } from '@storyblok/react/rsc';
 
 export type SbGlobalFooterProps = {
   blok: SbBlokData & {

components/Storyblok/SbGlobalFooterPicker.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { CreateStories } from '@/components/CreateStories';
-import { type ISbStoryData } from '@storyblok/react';
+import { type ISbStoryData } from '@storyblok/react/rsc';
 
 export type SbGlobalFooterPickerProps = {
   blok: {

components/Storyblok/SbInteriorPage.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type SbBlokData, storyblokEditable } from '@storyblok/react';
+import { type SbBlokData, storyblokEditable } from '@storyblok/react/rsc';
 import { HeaderMinimal, type HeaderMinimalProps } from '@/components/Storyblok/partials/HeaderMinimal';
 import { HeaderNoImage, type HeaderNoImageProps } from '@/components/Storyblok/partials/HeaderNoImage';
 import { HeaderWithImage, type HeaderWithImageProps } from '@/components/Storyblok/partials/HeaderWithImage';
@@ -51,7 +51,7 @@ export const SbInteriorPage = (props: SbInteriorPageProps) => {
           )}
           {props.blok.aboveContent != null &&
             Object.keys(props.blok.aboveContent).length > 0 && (
-              <div className="ood-interior-page__above-body"> 
+              <div className="ood-interior-page__above-body">
                 <CreateBloks blokSection={props.blok.aboveContent} />
               </div>
             )}

components/Storyblok/SbLandingPage.tsx

@@ -1,5 +1,5 @@
 import { type SbBlokData } from '@storyblok/react/rsc';
-import { storyblokEditable } from '@storyblok/react';
+import { storyblokEditable } from '@storyblok/react/rsc';
 import { IconCardSection, type IconCardSectionProps } from '@/components/Storyblok/partials/IconCardSection';
 import { CreateBloks } from '@/components/CreateBloks';
 import { Footer, type FooterProps } from '@/components/Storyblok/partials/Footer';

components/Storyblok/SbLocalFooter.tsx

@@ -1,5 +1,5 @@
-import { storyblokEditable } from '@storyblok/react';
-import { type SbBlokData } from '@storyblok/react';
+import { storyblokEditable } from '@storyblok/react/rsc';
+import { type SbBlokData } from '@storyblok/react/rsc';
 import { CreateBloks } from '@/components/CreateBloks';
 import { Container } from '@/components/Container';
 import { Grid } from '@/components/Grid';

components/Storyblok/SbLocalFooterPicker.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { CreateStories } from '@/components/CreateStories';
-import { type ISbStoryData } from '@storyblok/react';
+import { type ISbStoryData } from '@storyblok/react/rsc';
 
 export type SbLocalFooterPickerProps = {
   blok: {

components/Storyblok/SbLockup.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type SbBlokData, storyblokEditable } from '@storyblok/react';
+import { type SbBlokData, storyblokEditable } from '@storyblok/react/rsc';
 import { type SbLinkType } from './Storyblok.types';
 import { LogoLockup } from '@/components/Logo';
 
@@ -12,7 +12,7 @@ export type SbLockupProps = {
 
 export const SbLockup = (props: SbLockupProps) => (
   <div {...storyblokEditable(props.blok)} className="su-lockup su-lockup--option-n">
-    <LogoLockup 
+    <LogoLockup
       isLink
       text="Giving"
       className="origin-left scale-[175%]"

components/Storyblok/SbNavItem.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type SbBlokData, storyblokEditable } from '@storyblok/react';
+import { type SbBlokData, storyblokEditable } from '@storyblok/react/rsc';
 import { SbLink } from '@/components/Storyblok/partials/SbLink';
 import { type SbLinkType } from './Storyblok.types';
 

components/Storyblok/SbPage.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { CreateBloks } from '../CreateBloks';
-import { type SbBlokData } from '@storyblok/react';
+import { type SbBlokData } from '@storyblok/react/rsc';
 
 type SbPageProps = {
   blok: SbBlokData & {

components/Storyblok/SbSingleColumnContent.tsx

@@ -1,4 +1,4 @@
-import { storyblokEditable, type SbBlokData } from '@storyblok/react';
+import { storyblokEditable, type SbBlokData } from '@storyblok/react/rsc';
 import { cnb } from 'cnbuilder';
 import { type StoryblokRichtext } from 'storyblok-rich-text-react-renderer';
 import { Container } from '@/components/Container';

components/Storyblok/SbStoryOverviewPage.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type SbBlokData } from '@storyblok/react/rsc';
-import { storyblokEditable } from '@storyblok/react';
+import { storyblokEditable } from '@storyblok/react/rsc';
 import { CreateBloks } from '@/components/CreateBloks';
 import { Footer, type FooterProps } from '@/components/Storyblok/partials/Footer';
 import { HeaderNoImage, type HeaderNoImageProps } from '@/components/Storyblok/partials/HeaderNoImage';

components/Storyblok/SbStoryPage/SbStoryCardView.tsx

@@ -1,4 +1,4 @@
-import { storyblokEditable, type SbBlokData } from '@storyblok/react';
+import { storyblokEditable, type SbBlokData } from '@storyblok/react/rsc';
 import { Heading, Paragraph, type HeadingType } from '@/components/Typography';
 import { AspectRatioImage, type AspectRatioImageProps } from '@/components/Image';
 import { SbLink } from '@/components/Storyblok/partials/SbLink';

components/Storyblok/SbStoryPage/SbStoryFullView.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { storyblokEditable, type SbBlokData } from '@storyblok/react';
+import { storyblokEditable, type SbBlokData } from '@storyblok/react/rsc';
 import { CreateBloks } from '@/components/CreateBloks';
 import { CenteredContainer } from '@/components/Storyblok/partials/CenteredContainer';
 import { IconCardSection, type IconCardSectionProps } from '@/components/Storyblok/partials/IconCardSection';

components/Storyblok/SbStoryPage/SbStoryPicker.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { CreateStories } from '@/components/CreateStories';
-import { type ISbStoryData, type SbBlokData } from '@storyblok/react';
+import { type ISbStoryData, type SbBlokData } from '@storyblok/react/rsc';
 
 export type SbStoryPickerProps = {
   blok: SbBlokData & {

components/Storyblok/SbSupportPage.tsx

@@ -1,7 +1,7 @@
 'use client';
 import React, { type MouseEventHandler, useCallback, useEffect } from 'react';
 import { useRouter } from 'next/navigation';
-import { storyblokEditable, type SbBlokData } from '@storyblok/react';
+import { storyblokEditable, type SbBlokData } from '@storyblok/react/rsc';
 import { CreateBloks } from '@/components/CreateBloks';
 import { HeaderNoImage, type HeaderNoImageProps } from '@/components/Storyblok/partials/HeaderNoImage';
 import { Footer, type FooterProps } from '@/components/Storyblok/partials/Footer';

components/Storyblok/partials/BelowContent.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type SbBlokData, storyblokEditable } from '@storyblok/react';
+import { type SbBlokData, storyblokEditable } from '@storyblok/react/rsc';
 import { CreateBloks } from '@/components/CreateBloks';
 
 export type BelowContentProps = {

components/Storyblok/partials/BodyLeftSidebar.tsx

@@ -1,6 +1,6 @@
 'use client';
 import React from 'react';
-import { type SbBlokData, storyblokEditable } from '@storyblok/react';
+import { type SbBlokData, storyblokEditable } from '@storyblok/react/rsc';
 import { useWindowSize } from 'usehooks-ts';
 import { CreateBloks } from '@/components/CreateBloks';
 import { FlexCell } from '@/components/Storyblok/partials/FlexCell';

components/Storyblok/partials/BodyNoSidebar.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type SbBlokData, storyblokEditable } from '@storyblok/react';
+import { type SbBlokData, storyblokEditable } from '@storyblok/react/rsc';
 import { CreateBloks } from '@/components/CreateBloks';
 import { FlexCell } from '@/components/Storyblok/partials/FlexCell';
 

components/Storyblok/partials/CampaignHeader.tsx

@@ -1,5 +1,5 @@
 import React, { useId } from 'react';
-import { type SbBlokData } from '@storyblok/react';
+import { type SbBlokData } from '@storyblok/react/rsc';
 import { CreateBloks } from '@/components/CreateBloks';
 import { CampaignHero } from '@/components/Storyblok/partials/CampaignHero';
 

components/Storyblok/partials/CampaignHero.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import { type SbBlokData } from '@storyblok/react';
-import { storyblokEditable } from '@storyblok/react';
+import { type SbBlokData } from '@storyblok/react/rsc';
+import { storyblokEditable } from '@storyblok/react/rsc';
 import { CreateBloks } from '@/components/CreateBloks';
 import { Heading } from '@/components/Typography';
 import { FullWidthImage, type VisibleHorizontalType } from '@/components/Image';

components/Storyblok/partials/Footer.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type SbBlokData } from '@storyblok/react/rsc';
-import { storyblokEditable } from '@storyblok/react';
+import { storyblokEditable } from '@storyblok/react/rsc';
 import { CreateBloks } from '@/components/CreateBloks';
 
 export type FooterProps = {

components/Storyblok/partials/HeaderFullWidthImage.tsx

@@ -1,6 +1,6 @@
 'use client';
 import { type StoryblokRichtext } from 'storyblok-rich-text-react-renderer';
-import { type SbBlokData, storyblokEditable } from '@storyblok/react';
+import { type SbBlokData, storyblokEditable } from '@storyblok/react/rsc';
 import { useWindowSize } from 'usehooks-ts';
 import { RichText } from '@/components/RichText';
 import { CreateBloks } from '@/components/CreateBloks';

components/Storyblok/partials/HeaderMinimal.tsx

@@ -1,5 +1,5 @@
 'use client';
-import { type SbBlokData, storyblokEditable } from '@storyblok/react';
+import { type SbBlokData, storyblokEditable } from '@storyblok/react/rsc';
 import { useWindowSize } from 'usehooks-ts';
 import { CenteredContainer } from '@/components/Storyblok/partials/CenteredContainer';
 import { Heading } from '@/components/Typography';

components/Storyblok/partials/HeaderNoImage.tsx

@@ -1,5 +1,5 @@
 'use client';
-import { type SbBlokData, storyblokEditable } from '@storyblok/react';
+import { type SbBlokData, storyblokEditable } from '@storyblok/react/rsc';
 import { type StoryblokRichtext } from 'storyblok-rich-text-react-renderer';
 import { RichText } from '@/components/RichText';
 import { CenteredContainer } from '@/components/Storyblok/partials/CenteredContainer';

components/Storyblok/partials/HeaderWithImage.tsx

@@ -1,5 +1,5 @@
 'use client';
-import { type SbBlokData, storyblokEditable } from '@storyblok/react';
+import { type SbBlokData, storyblokEditable } from '@storyblok/react/rsc';
 import { type StoryblokRichtext } from 'storyblok-rich-text-react-renderer';
 import { useWindowSize } from 'usehooks-ts';
 import { CreateBloks } from '@/components/CreateBloks';

components/Storyblok/partials/IconCardSection.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { type SbBlokData } from '@storyblok/react/rsc';
-import { storyblokEditable } from '@storyblok/react';
+import { storyblokEditable } from '@storyblok/react/rsc';
 import { CreateBloks } from '@/components/CreateBloks';
 import { Heading } from '@/components/Typography';
 import { CenteredContainer } from '@/components/Storyblok/partials/CenteredContainer';

utilities/data/getStoryData.ts

@@ -1,5 +1,5 @@
 import type { getStoryDataProps } from '@/utilities/data/types';
-import type { ISbStoriesParams, ISbResult } from '@storyblok/react';
+import type { ISbStoriesParams, ISbResult } from '@storyblok/react/rsc';
 import { resolveRelations } from '@/utilities/resolveRelations';
 import { isProduction } from '../getActiveEnv';
 import { unstable_cache } from 'next/cache';