{"version":3,"file":"TestimoniesSectionBlock.chunk.0e7df886cdd448d08684.js","mappings":"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","sources":["webpack://Kristiania.Web/./Features/StudyPage/Campus/Sections/TestimoniesSection/TestimoniesSection.module.css?0f85","webpack://Kristiania.Web/./Features/StudyPage/Campus/Sections/TestimoniesSection/Testimony/Testimony.module.css?9aaa","webpack://Kristiania.Web/./Features/StudyPage/Campus/Sections/TestimoniesSection/Testimony/Testimony.tsx","webpack://Kristiania.Web/./Features/StudyPage/Campus/Sections/TestimoniesSection/TestimoniesSection.tsx","webpack://Kristiania.Web/./Features/Blocks/TestimoniesSectionBlock/View/TestimoniesSectionBlock.tsx","webpack://Kristiania.Web/./Features/Layouts/Components/PageSection/PageSection.tsx","webpack://Kristiania.Web/./Features/Layouts/Components/PageSection/PageSection.module.css?557e","webpack://Kristiania.Web/./Features/Layouts/Components/PageSectionHeading/PageSectionHeading.tsx","webpack://Kristiania.Web/./Features/Layouts/Components/PageSectionHeading/PageSectionHeading.module.css?ed34","webpack://Kristiania.Web/./Features/Partials/ActivityIndicator/ActivityIndicator.module.css?6d48","webpack://Kristiania.Web/./Features/Partials/ActivityIndicator/ActivityIndicator.tsx","webpack://Kristiania.Web/./Features/Partials/FetchData/useFetchData.ts","webpack://Kristiania.Web/./Features/Partials/Utils/usePrevious.ts","webpack://Kristiania.Web/./Features/StudyPage/Campus/Components/GobiStory/Utils/GobiApiUtils.ts","webpack://Kristiania.Web/./Features/StudyPage/Campus/Components/GobiStory/GobiStory.tsx","webpack://Kristiania.Web/./Features/StudyPage/Campus/Components/GobiStory/GobiStory.module.css?a7be","webpack://Kristiania.Web/./Features/Utils/Hooks/useDebounce.ts","webpack://Kristiania.Web/./Features/Utils/Hooks/useVariableWithStableRef.ts"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"TestimoniesSection\":\"xfIZ8IPRSKGxzL5KIyLz\",\"Heading\":\"Bje8lNYEARjKXkaadcjl\",\"Inner\":\"IP4WLEZAtSgblGP4Felg\",\"Media\":\"KCVvuotjBI0iy0ATTKfK\",\"Thumbnail\":\"ssmQS4h9jzEH4V0L4NSN\",\"Testimonies\":\"tZx0pZhK8q3JNoQI8LCj\",\"TestimonyItem\":\"i8yQuD9MeLJCD5eDKft2\",\"Variant--dark\":\"ZG9x_vn8GvsrSWPis7bl\",\"Variant--light\":\"ND3K5VOwkEcqG3pRSCDw\"};","// extracted by mini-css-extract-plugin\nexport default {\"Inner\":\"WWUAFGePNJBA0_seRWlX\",\"Heading\":\"TCpxq20heJlGBaSbNI4y\",\"Content\":\"AXbF9ehRSXzzERBwn1XK\",\"Variant--light\":\"cVALO6yJDjmV1Xvkvynu\",\"Variant--dark\":\"rnHZet7H8f4I0eCy29lg\"};","import classNames from 'classnames';\nimport React from 'react';\nimport type { HtmlString } from '~/Features/Types/HtmlString.csharp';\nimport { HtmlDiv } from '~/Partials/Controls/HtmlDiv';\nimport { HtmlHeading } from '~/Partials/Controls/HtmlHeading';\nimport styles from './Testimony.module.css';\nimport type { TestimonyVariant } from './TestimonyVariant';\n\nexport interface TestimonyProps {\n    heading?: HtmlString;\n    content?: HtmlString;\n    variant?: TestimonyVariant;\n}\n\nexport const Testimony: React.FC<TestimonyProps> = props => {\n    const { heading, content, variant = 'light' } = props;\n\n    return (\n        <div className={styles[`Variant--${variant}`]}>\n            <div className={styles.Inner}>\n                {heading && <HtmlHeading type=\"h3\" html={heading} className={styles.Heading} />}\n                {content && (\n                    <HtmlDiv\n                        className={classNames(styles.Content, 'RichtextContent', `RichtextContent--${variant}`)}\n                        html={content}\n                    />\n                )}\n            </div>\n        </div>\n    );\n};\n","import classNames from 'classnames';\nimport * as React from 'react';\nimport { PageSection } from '~/Features/Layouts/Components/PageSection/PageSection';\nimport { PageSectionHeading } from '~/Features/Layouts/Components/PageSectionHeading/PageSectionHeading';\nimport { useTheme } from '~/Features/Layouts/Theme/Context/ThemeContextProvider';\nimport type { GobiStoryProps } from '~/Features/StudyPage/Campus/Components/GobiStory/GobiStory';\nimport { GobiStory } from '~/Features/StudyPage/Campus/Components/GobiStory/GobiStory';\nimport type { HtmlString } from '~/Features/Types/HtmlString.csharp';\nimport { List } from '~/Partials/List/List';\nimport type { ImageBaseViewModel } from '~/Partials/Picture/ImageBaseViewModel.csharp';\nimport { Picture } from '~/Partials/Picture/Picture';\nimport { PictureProfiles } from '~/Partials/Picture/PictureProfiles';\nimport { PicturePlaceholder } from '~/Partials/Picture/Placeholder/PicturePlaceholder';\nimport type { Theme } from '~/Utils/Theme';\nimport styles from './TestimoniesSection.module.css';\nimport type { TestimonySectionVariant } from './TestimoniesSectionVariant';\nimport type { TestimonyProps } from './Testimony/Testimony';\nimport { Testimony } from './Testimony/Testimony';\n\nexport interface TestimoniesSectionProps {\n    id: string;\n    testimonies: TestimonyProps[];\n    heading?: HtmlString;\n    imageFallback?: ImageBaseViewModel;\n    gobiStory?: GobiStoryProps;\n    variant?: TestimonySectionVariant;\n    theme?: Theme;\n}\n\nexport const TestimoniesSection: React.FC<TestimoniesSectionProps> = props => {\n    const contextualTheme = useTheme();\n    const { id, heading, testimonies, imageFallback, gobiStory, variant = 'dark', theme = contextualTheme } = props;\n\n    const testimonyVariant = variant === 'dark' ? 'light' : 'dark';\n\n    const renderMedia = () => {\n        if (gobiStory) {\n            return <GobiStory className={styles.Thumbnail} {...gobiStory} theme={theme} />;\n        }\n\n        if (imageFallback) {\n            return (\n                <Picture\n                    className={styles.Thumbnail}\n                    {...imageFallback}\n                    profile={PictureProfiles.vertical}\n                    theme={theme}\n                />\n            );\n        }\n\n        return <PicturePlaceholder className={styles.Thumbnail} theme={theme} />;\n    };\n\n    const renderTestimony = (testimony: TestimonyProps, index: number) => (\n        <li className={styles.TestimonyItem} key={`${testimony.heading}-${index}`}>\n            <Testimony {...testimony} variant={testimonyVariant} />\n        </li>\n    );\n\n    return (\n        <PageSection id={id} className={classNames(styles.TestimoniesSection, styles[`Variant--${variant}`])}>\n            {heading && <PageSectionHeading heading={heading} className={styles.Heading} />}\n            <div className={styles.Inner}>\n                <div className={styles.Media}>{renderMedia()}</div>\n                <List className={styles.Testimonies} items={testimonies} renderItem={renderTestimony} />\n            </div>\n        </PageSection>\n    );\n};\n","import * as React from 'react';\nimport type { TestimoniesSectionBlockViewModel } from '../ViewModel/TestimoniesSectionBlockViewModel.csharp';\nimport type { GobiStoryProps } from '~/Features/StudyPage/Campus/Components/GobiStory/GobiStory';\nimport { TestimoniesSection } from '~/Features/StudyPage/Campus/Sections/TestimoniesSection/TestimoniesSection';\n\nexport const TestimoniesSectionBlock: React.FC<TestimoniesSectionBlockViewModel> = props => {\n    const { id, heading, testimonies, gobiStoryId, imageFallback, translations, variant } = props;\n\n    const getGobiProps = (): GobiStoryProps | undefined =>\n        gobiStoryId\n            ? {\n                  storyId: gobiStoryId,\n                  openLabel: translations.openPlayer,\n                  errorMessage: translations.failedToLoadVideo,\n              }\n            : undefined;\n\n    return (\n        <TestimoniesSection\n            id={id}\n            heading={heading}\n            gobiStory={getGobiProps()}\n            testimonies={testimonies}\n            imageFallback={imageFallback}\n            variant={variant}\n        />\n    );\n};\n","import * as React from 'react';\nimport styles from './PageSection.module.css';\n\nexport interface PageSectionProps {\n    id?: string;\n    className?: string;\n}\n\nexport const PageSection: React.FC<React.PropsWithChildren<PageSectionProps>> = props => {\n    const { id, className, children } = props;\n\n    return (\n        <section id={id} className={className}>\n            <div className={styles.Wrapper}>\n                <div className={styles.Inner}>{children}</div>\n            </div>\n        </section>\n    );\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"Wrapper\":\"Fov3KMlE7osNR74JI44t\",\"Inner\":\"Wf6h4ZdN2S9XvO6RoMCf\"};","import classNames from 'classnames';\nimport React from 'react';\nimport type { HtmlString } from '~/Features/Types/HtmlString.csharp';\nimport { HtmlHeading } from '~/Partials/Controls/HtmlHeading';\nimport styles from './PageSectionHeading.module.css';\n\ninterface PageSectionHeadingProps {\n    heading: HtmlString;\n    className?: string;\n}\n\nexport const PageSectionHeading: React.FC<PageSectionHeadingProps> = props => {\n    const { heading, className } = props;\n\n    return <HtmlHeading type=\"h2\" className={classNames(styles.PageSectionHeading, className)} html={heading} />;\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"PageSectionHeading\":\"FrR9v_ssranAjR5kDzwF\"};","// extracted by mini-css-extract-plugin\nexport default {\"Inner\":\"EwPhzUN1NfTBa1XOsTE6\",\"ActivityIndicatorRotate\":\"ZNgVI5R_Ahgk3DnOyUhN\",\"Inner--cover\":\"TVMntCe8qkWIdDcQxQb6\",\"Outer\":\"FxrXNHIEItswETCvk14E\",\"Children\":\"rK8S3lKkJdvsHyzk1dZ1\"};","import classNames from 'classnames';\nimport * as React from 'react';\nimport styles from './ActivityIndicator.module.css';\n\nexport interface ActivityIndicatorProps {\n    cover?: boolean;\n    active?: boolean;\n    modal?: boolean;\n    children?: string | React.ReactNode;\n}\n\nconst ModalWrapper: React.FC<React.PropsWithChildren<{ visible?: boolean }>> = props => {\n    const { visible, children } = props;\n\n    return (\n        <span className={styles.Outer} style={{ display: visible ? 'block' : 'none' }}>\n            {children}\n        </span>\n    );\n};\n\nexport const ActivityIndicator: React.FC<React.PropsWithChildren<ActivityIndicatorProps>> = React.memo(props => {\n    const { modal = true, cover, active = true, children } = props;\n\n    const Wrapper = modal ? ModalWrapper : React.Fragment;\n    const wrapperProps = modal ? { visible: active } : {}; // react.Fragment cannot have any props\n\n    return (\n        <Wrapper {...wrapperProps}>\n            <span\n                style={active ? undefined : { display: 'none' }}\n                className={classNames(styles.Inner, cover && styles['Inner--cover'])}\n            />\n            {children && (\n                <span className={classNames(styles.Children, cover && styles['Inner--cover'])}>{children}</span>\n            )}\n        </Wrapper>\n    );\n});\n","import type { AxiosResponse, Canceler } from 'axios';\nimport axios, { isCancel } from 'axios';\nimport * as React from 'react';\nimport { usePrevious } from '../Utils/usePrevious';\nimport { checkEquals } from '../Utils/utils';\nimport { useDebounce } from '~/Utils/Hooks/useDebounce';\nimport { axiosWrapper } from './axiosWrapper';\nimport type { FetchDataAction, FetchDataHookProps, FetchDataHookReturn, FetchDataHookState } from './types';\n\nfunction reducer<TResponseType>(\n    state: FetchDataHookState<TResponseType>,\n    action: FetchDataAction<TResponseType>\n): FetchDataHookState<TResponseType> {\n    switch (action.type) {\n        case 'SET_DATA':\n            return {\n                ...state,\n                data: action.payload,\n                loading: false,\n                error: undefined,\n            };\n        case 'SET_ERROR':\n            return {\n                ...state,\n                loading: false,\n                data: undefined,\n                error: action.payload,\n            };\n        case 'START_REQUEST':\n            return {\n                ...state,\n                error: undefined,\n                loading: true,\n                dataRequested: true,\n            };\n        default:\n            return state;\n    }\n}\n\nexport function useFetchData<TResponseType, TParamsType extends object = object, TRequestDataType = object>(\n    props: FetchDataHookProps<TParamsType, TRequestDataType>\n): FetchDataHookReturn<TResponseType> {\n    const { url, params, method = 'get', shouldMakeRequest = true, debounceTime = 200, timeout = 0 } = props;\n\n    const [{ data, loading, error, dataRequested }, dispatch] = React.useReducer<\n        React.Reducer<FetchDataHookState<TResponseType>, FetchDataAction<TResponseType>>\n    >(reducer, {\n        data: undefined,\n        loading: false,\n        error: undefined,\n        dataRequested: false,\n    });\n\n    const previousProps = usePrevious({ url, method, params });\n    const requestWithDebounce = useDebounce(request, debounceTime);\n\n    const cancelToken = React.useRef<Canceler>();\n\n    React.useEffect(() => {\n        if (shouldMakeRequest) {\n            fetchData();\n        }\n\n        return () => {\n            if (cancelToken.current) {\n                cancelToken.current();\n            }\n        };\n    }, []);\n\n    React.useEffect(() => {\n        const propsChanged = previousProps\n            ? previousProps.url !== url || previousProps.method !== method || !checkEquals(previousProps.params, params)\n            : false;\n\n        if ((propsChanged || !dataRequested) && shouldMakeRequest) {\n            fetchData();\n        }\n    }, [url, method, params, dataRequested, shouldMakeRequest]);\n\n    function fetchData() {\n        if (cancelToken.current) {\n            cancelToken.current();\n        }\n\n        dispatch({ type: 'START_REQUEST' });\n        requestWithDebounce();\n    }\n\n    function request() {\n        axiosWrapper\n            .request<TParamsType, AxiosResponse<TResponseType>>({\n                url,\n                method,\n                params,\n                timeout,\n                cancelToken: new axios.CancelToken(token => {\n                    cancelToken.current = token;\n                }),\n            })\n            .then(response => {\n                cancelToken.current = undefined;\n                dispatch({ type: 'SET_DATA', payload: response.data });\n            })\n            .catch(e => {\n                if (isCancel(e)) {\n                    return;\n                }\n\n                dispatch({ type: 'SET_ERROR', payload: e.message });\n                // eslint-disable-next-line no-console\n                console.error(e);\n            });\n    }\n\n    return {\n        data,\n        loading,\n        error,\n    };\n}\n","import * as React from 'react';\n\nexport function usePrevious<T>(value: T) {\n    const ref = React.useRef<T>();\n    React.useEffect(() => {\n        ref.current = value;\n    });\n\n    return ref.current as T;\n}\n","export const baseApiUrl = 'https://api.gobistories.com/api/v5/renders';\n\nexport interface GobiApiResponse {\n    viewKey: string;\n    version: number;\n    title: string;\n    videoUrl: string;\n    streamingUrl: string;\n    thumbnailUrl: string;\n    posterUrl: string;\n    coverUrl: string;\n    chapters: {\n        id: string;\n        order: number;\n        duration: number;\n        stickers: {\n            type: 'TEXT' | 'LINK' | 'DUMB';\n            order: number;\n            x: number;\n            y: number;\n            scale: number;\n            rotation: number;\n            imageUrl: string | null;\n            linkUrl: string | null;\n            text: string | null;\n        }[];\n    }[];\n    animatedThumbnailUrl?: string;\n    webmThumbnailUrl?: string;\n    mp4ThumbnailUrl?: string;\n    webmCoverUrl?: string;\n    mp4CoverUrl?: string;\n    whiteLabel?: boolean;\n}\n\nexport type GobiApiResponseNarrowed = Pick<GobiApiResponse, 'title' | 'posterUrl' | 'whiteLabel'>;\n","import { openPopup } from '@gobistories/gobi-web-integration';\nimport type { Options } from '@gobistories/gobi-web-integration/dist/types/options.types';\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport { useTheme } from '~/Features/Layouts/Theme/Context/ThemeContextProvider';\nimport { ActivityIndicator } from '~/Partials/ActivityIndicator/ActivityIndicator';\nimport { Button } from '~/Partials/Button/Button';\nimport { ButtonType } from '~/Partials/Button/ButtonType.csharp';\nimport { useFetchData } from '~/Partials/FetchData/useFetchData';\nimport { Picture } from '~/Partials/Picture/Picture';\nimport { PictureProfiles } from '~/Partials/Picture/PictureProfiles';\nimport { SvgIcon } from '~/Partials/SvgIcon/SvgIcon';\nimport type { Theme } from '~/Utils/Theme';\nimport styles from './GobiStory.module.css';\nimport type { GobiApiResponseNarrowed } from './Utils/GobiApiUtils';\nimport { baseApiUrl } from './Utils/GobiApiUtils';\n\nexport interface GobiStoryProps {\n    storyId: string;\n    openLabel: string;\n    errorMessage: string;\n    theme?: Pick<Theme, 'withRoundedCorners'>;\n    className?: string;\n}\n\nexport const GobiStory: React.FC<GobiStoryProps> = props => {\n    const contextualTheme = useTheme();\n    const { storyId, openLabel, errorMessage, className, theme = contextualTheme } = props;\n\n    const [isOpened, setIsOpened] = React.useState(false);\n\n    const { withRoundedCorners } = theme;\n\n    const openStory = () => {\n        if (isOpened) {\n            return;\n        }\n\n        setIsOpened(true);\n\n        openPopup(storyId, {\n            on: {\n                close: () => setIsOpened(false),\n            },\n        } as Options);\n    };\n\n    const { data, loading, error } = useFetchData<GobiApiResponseNarrowed>({\n        url: `${baseApiUrl}/${storyId}`,\n    });\n\n    const renderContent = () => {\n        if (error) {\n            return (\n                <div className={styles.ErrorContainer}>\n                    <SvgIcon iconName=\"video-off\" className={styles.ErrorIcon} />\n                    <span className={styles.ErrorMessage}>{errorMessage}</span>\n                </div>\n            );\n        }\n\n        if (loading || !data) {\n            return <ActivityIndicator active cover />;\n        }\n\n        const { posterUrl, title } = data;\n\n        return (\n            <>\n                <Picture profile={PictureProfiles.vertical} url={posterUrl} alt={title} />\n                <div>\n                    <div className={styles.PlayWrapper}>\n                        <SvgIcon iconName=\"play\" className={styles.Play} />\n                    </div>\n                    <Button onClick={openStory} type={ButtonType.Clear} className={styles.OpenButton}>\n                        <span className=\"visuallyHidden\">{openLabel}</span>\n                    </Button>\n                </div>\n            </>\n        );\n    };\n\n    return (\n        <div className={classNames(styles.GobiStory, withRoundedCorners && styles['Variant--rounded'], className)}>\n            {renderContent()}\n        </div>\n    );\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"GobiStory\":\"VNQ7BkWJFagCE_bBjsxQ\",\"PlayWrapper\":\"awya_ua8NF0CjmEFiP1W\",\"Play\":\"pIVhKXQKAuzUp3Upow3N\",\"OpenButton\":\"VorSZ59xzSqm4a74z90r\",\"ErrorContainer\":\"H7Kdh3CKpE4SIlhVCnLh\",\"ErrorIcon\":\"soOGIuDWHz9ZuRRzOGk1\",\"ErrorMessage\":\"HXGMpPQMi8ZIDLqqZSWo\",\"Variant--rounded\":\"ZLbmeOzjwEPCnL8UV8zG\"};","import debounce from 'lodash/debounce';\nimport * as React from 'react';\nimport { useVariableWithStableRef } from './useVariableWithStableRef';\n\nexport function useDebounce(callback: () => void, debounceTime: number) {\n    const handlerRef = useVariableWithStableRef(callback);\n\n    return React.useCallback(\n        debounce(() => handlerRef.current?.(), debounceTime),\n        [handlerRef]\n    );\n}\n","import { useEffect, useRef } from 'react';\n\nexport function useVariableWithStableRef<T>(variable: T) {\n    const variableRef = useRef<T>(variable);\n\n    useEffect(() => {\n        variableRef.current = variable;\n    }, [variable]);\n\n    return variableRef;\n}\n"],"names":["Testimony","props","heading","content","variant","React","className","styles","concat","Inner","HtmlHeading","type","html","Heading","HtmlDiv","classNames","Content","TestimoniesSection","contextualTheme","useTheme","id","testimonies","imageFallback","gobiStory","theme","testimonyVariant","PageSection","PageSectionHeading","Media","GobiStory","_extends","Thumbnail","Picture","profile","PictureProfiles","vertical","PicturePlaceholder","List","Testimonies","items","renderItem","renderTestimony","testimony","index","TestimonyItem","key","TestimoniesSectionBlock","gobiStoryId","translations","storyId","openLabel","openPlayer","errorMessage","failedToLoadVideo","undefined","children","ModalWrapper","visible","style","display","ActivityIndicator","modal","cover","active","Wrapper","wrapperProps","reducer","state","action","_objectSpread","data","payload","loading","error","dataRequested","useFetchData","url","params","method","shouldMakeRequest","debounceTime","timeout","dispatch","previousProps","usePrevious","requestWithDebounce","useDebounce","axiosWrapper","request","cancelToken","axios","CancelToken","token","current","then","response","catch","e","isCancel","message","console","fetchData","checkEquals","value","ref","isOpened","setIsOpened","withRoundedCorners","openStory","openPopup","on","close","renderContent","SvgIcon","iconName","posterUrl","title","alt","Button","onClick","ButtonType","Clear","callback","handlerRef","useVariableWithStableRef","debounce","_handlerRef$current","call","variable","variableRef","useRef","useEffect"],"sourceRoot":""}