fansunited-frontend-components 0.0.1-RC5 → 0.0.1-RC6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fansunited-frontend-components",
-  "version": "0.0.1-RC5",
+  "version": "0.0.1-RC6",
   "description": "Various user centric components for Fans United features",
   "main": "classic-quiz-play.es.js",
   "author": "Fans United",

package/src/components/ClassicQuizNotFound.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
+import { default as React } from 'react';
+
 declare const ClassicQuizNotFound: React.FC;
 export default ClassicQuizNotFound;
 //# sourceMappingURL=ClassicQuizNotFound.d.ts.map

package/src/components/ClassicQuizPlay.d.ts

@@ -1,5 +1,6 @@
-import { ClassicQuizPlayProps } from "@fansunited/common";
-import React from "react";
+import { ClassicQuizPlayProps } from '../../../common/src';
+import { default as React } from 'react';
+
 declare const ClassicQuizPlay: React.FC<ClassicQuizPlayProps>;
 export default ClassicQuizPlay;
 //# sourceMappingURL=ClassicQuizPlay.d.ts.map

package/src/components/Leads/CollectLead.d.ts

@@ -1,4 +1,5 @@
-import { BrandingColorsModel, BrandingUrlsModel, FansUnitedSDKModel } from "fansunited-sdk-esm";
+import { BrandingColorsModel, BrandingUrlsModel, FansUnitedSDKModel } from 'fansunited-sdk-esm';
+
 export type LeadField = "fullName" | "firstName" | "lastName" | "email" | "gender" | "country" | "phoneCountryCode" | "phoneNumber";
 interface CollectLeadProps {
     sdk: FansUnitedSDKModel;

package/src/components/Leads/LeadAgreementCheckbox.d.ts

@@ -1,5 +1,6 @@
-import { BrandingUrlsModel } from "fansunited-sdk-esm";
-import React from "react";
+import { BrandingUrlsModel } from 'fansunited-sdk-esm';
+import { default as React } from 'react';
+
 type LeadAgreementCheckboxProps = {
     primaryColor: string | undefined;
     brandingUrls: BrandingUrlsModel | undefined;

package/src/components/Leads/LeadForm.d.ts

@@ -1,4 +1,5 @@
-import { BrandingColorsModel, BrandingUrlsModel, FansUnitedSDKModel } from "fansunited-sdk-esm";
+import { BrandingColorsModel, BrandingUrlsModel, FansUnitedSDKModel } from 'fansunited-sdk-esm';
+
 interface LeadFormProps {
     sdk: FansUnitedSDKModel;
     brandingColors?: BrandingColorsModel;

package/src/components/Shared/Answers/Answers.d.ts

@@ -1,5 +1,6 @@
-import { BrandingColorsModel, ClassicQuizOptionModel } from "fansunited-sdk-esm";
-import React from "react";
+import { BrandingColorsModel, ClassicQuizOptionModel } from 'fansunited-sdk-esm';
+import { default as React } from 'react';
+
 type AnswersProps = {
     options: ClassicQuizOptionModel[];
     selectedOption: number | null;

package/src/components/Shared/Answers/Option.d.ts

@@ -1,5 +1,6 @@
-import React from "react";
-import { BrandingColorsModel, ClassicQuizOptionModel } from "fansunited-sdk-esm";
+import { default as React } from 'react';
+import { BrandingColorsModel, ClassicQuizOptionModel } from 'fansunited-sdk-esm';
+
 type OptionProps = {
     option: ClassicQuizOptionModel;
     showAnswer: boolean;

package/src/components/Shared/Button.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
+import { default as React } from 'react';
+
 type ButtonProps = {
     showAnswer: boolean;
     selectedOption: number | null;

package/src/components/Shared/MainCard.d.ts

@@ -1,4 +1,5 @@
-import React, { PropsWithChildren } from "react";
+import { default as React, PropsWithChildren } from 'react';
+
 type MainCardProps = {
     brandingBorderColor: string | null;
 };

package/src/components/Shared/Pagination.d.ts

@@ -1,5 +1,6 @@
-import React from "react";
-import { ClassicQuizFullModel, ClassicQuizParticipationBodyModel } from "fansunited-sdk-esm";
+import { default as React } from 'react';
+import { ClassicQuizFullModel, ClassicQuizParticipationBodyModel } from 'fansunited-sdk-esm';
+
 type PaginationProps = {
     classicQuiz: ClassicQuizFullModel;
     currentQuestion: number;

package/src/components/Shared/PresentedBy.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
+import { default as React } from 'react';
+
 type PresentedByProps = {
     brandingLogo: string | null;
     textColor: string | undefined;

package/src/components/Shared/ScoreStateWrapper.d.ts

@@ -1,6 +1,7 @@
-import React, { PropsWithChildren } from "react";
-import { BrandingColorsModel, ClassicQuizParticipationQuestionModel, ClassicQuizQuestionModel } from "fansunited-sdk-esm";
-import { SxProps } from "@mui/material";
+import { default as React, PropsWithChildren } from 'react';
+import { BrandingColorsModel, ClassicQuizParticipationQuestionModel, ClassicQuizQuestionModel } from 'fansunited-sdk-esm';
+import { SxProps } from '@mui/material';
+
 type ScoreStateWrapperProps = {
     questions: ClassicQuizQuestionModel[];
     userParticipation: ClassicQuizParticipationQuestionModel[];

package/src/components/Shared/Stepper.d.ts

@@ -1,5 +1,6 @@
-import React from "react";
-import { ClassicQuizFullModel, ClassicQuizParticipationBodyModel } from "fansunited-sdk-esm";
+import { default as React } from 'react';
+import { ClassicQuizFullModel, ClassicQuizParticipationBodyModel } from 'fansunited-sdk-esm';
+
 type StepperProps = {
     classicQuiz: ClassicQuizFullModel;
     currentQuestion: number;

package/src/components/Shared/Stopwatch.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
+import { default as React } from 'react';
+
 type StopwatchProps = {
     isRunning: boolean;
     timer: number;

package/src/components/Variants/Overlay/AuthError/OverlayAuthError.d.ts

@@ -1,5 +1,6 @@
-import React from "react";
-import { ClassicQuizFullModel } from "fansunited-sdk-esm";
+import { default as React } from 'react';
+import { ClassicQuizFullModel } from 'fansunited-sdk-esm';
+
 type OverlayAuthErrorProps = {
     classicQuiz: ClassicQuizFullModel;
 };

package/src/components/Variants/Overlay/AuthError/OverlayAuthError.styles.d.ts

@@ -1,5 +1,6 @@
-import { CustomSpacingScale } from "@fansunited/common";
-import { BrandingColorsModel } from "fansunited-sdk-esm";
+import { CustomSpacingScale } from '../../../../../../common/src';
+import { BrandingColorsModel } from 'fansunited-sdk-esm';
+
 interface StyleProps {
     spacingScale: CustomSpacingScale;
     brandingColors: BrandingColorsModel | null;

package/src/components/Variants/Overlay/OverlayVariant.d.ts

@@ -1,5 +1,6 @@
-import React from "react";
-import { MainLayoutProps } from "../../../types/types";
+import { default as React } from 'react';
+import { MainLayoutProps } from '../../../types/types';
+
 declare const OverlayVariant: React.FC<MainLayoutProps>;
 export default OverlayVariant;
 //# sourceMappingURL=OverlayVariant.d.ts.map

package/src/components/Variants/Overlay/OverlayVariant.styles.d.ts

@@ -1,6 +1,7 @@
-import { CustomSpacingScale } from "@fansunited/common";
-import { BrandingColorsModel } from "fansunited-sdk-esm";
-import { CSSProperties } from "react";
+import { CustomSpacingScale } from '../../../../../common/src';
+import { BrandingColorsModel } from 'fansunited-sdk-esm';
+import { CSSProperties } from 'react';
+
 interface StyleProps {
     spacingScale: CustomSpacingScale;
     brandingColors: BrandingColorsModel | null;

package/src/components/Variants/Overlay/ScoreState/OverlayScoreState.d.ts

@@ -1,6 +1,7 @@
-import { ClassicQuizUserParticipationModel, ClassicQuizFullModel, FansUnitedSDKModel } from "fansunited-sdk-esm";
-import React from "react";
-import { LeadsOptions } from "@fansunited/common";
+import { ClassicQuizUserParticipationModel, ClassicQuizFullModel, FansUnitedSDKModel } from 'fansunited-sdk-esm';
+import { default as React } from 'react';
+import { LeadsOptions } from '../../../../../../common/src';
+
 type OverlayScoreState = {
     summary: ClassicQuizUserParticipationModel;
     totalTime: number;

package/src/components/Variants/Overlay/ScoreState/OverlayScoreState.styles.d.ts

@@ -1,6 +1,7 @@
-import { CustomSpacingScale } from "@fansunited/common";
-import { BrandingColorsModel } from "fansunited-sdk-esm";
-import { CSSProperties } from "react";
+import { CustomSpacingScale } from '../../../../../../common/src';
+import { BrandingColorsModel } from 'fansunited-sdk-esm';
+import { CSSProperties } from 'react';
+
 interface StyleProps {
     spacingScale: CustomSpacingScale;
     brandingColors: BrandingColorsModel | null;

package/src/components/Variants/Split/AuthError/SplitAuthError.d.ts

@@ -1,5 +1,6 @@
-import React from "react";
-import { ClassicQuizFullModel } from "fansunited-sdk-esm";
+import { default as React } from 'react';
+import { ClassicQuizFullModel } from 'fansunited-sdk-esm';
+
 type SplitAuthErrorProps = {
     classicQuiz: ClassicQuizFullModel;
 };

package/src/components/Variants/Split/AuthError/SplitAuthError.styles.d.ts

@@ -1,5 +1,6 @@
-import { CustomSpacingScale, CustomBorderRadius } from "@fansunited/common";
-import { BrandingColorsModel } from "fansunited-sdk-esm";
+import { CustomSpacingScale, CustomBorderRadius } from '../../../../../../common/src';
+import { BrandingColorsModel } from 'fansunited-sdk-esm';
+
 interface StyleProps {
     quizImage: string | null;
     imagePlaceholder: string;

package/src/components/Variants/Split/ScoreState/SplitScoreState.d.ts

@@ -1,6 +1,7 @@
-import { ClassicQuizUserParticipationModel, ClassicQuizFullModel, FansUnitedSDKModel } from "fansunited-sdk-esm";
-import React from "react";
-import { LeadsOptions } from "@fansunited/common";
+import { ClassicQuizUserParticipationModel, ClassicQuizFullModel, FansUnitedSDKModel } from 'fansunited-sdk-esm';
+import { default as React } from 'react';
+import { LeadsOptions } from '../../../../../../common/src';
+
 type StandardScoreStateProps = {
     summary: ClassicQuizUserParticipationModel;
     totalTime: number;

package/src/components/Variants/Split/ScoreState/SplitScoreState.styles.d.ts

@@ -1,6 +1,7 @@
-import { CustomSpacingScale, CustomBorderRadius } from "@fansunited/common";
-import { BrandingColorsModel } from "fansunited-sdk-esm";
-import { CSSProperties } from "react";
+import { CustomSpacingScale, CustomBorderRadius } from '../../../../../../common/src';
+import { BrandingColorsModel } from 'fansunited-sdk-esm';
+import { CSSProperties } from 'react';
+
 interface StyleProps {
     quizImage: string | null;
     imagePlaceholder: string;

package/src/components/Variants/Split/SplitVariant.d.ts

@@ -1,5 +1,6 @@
-import React from "react";
-import { MainLayoutProps } from "@/types/types";
+import { default as React } from 'react';
+import { MainLayoutProps } from '../../../types/types';
+
 declare const SplitVariant: React.FC<MainLayoutProps>;
 export default SplitVariant;
 //# sourceMappingURL=SplitVariant.d.ts.map

package/src/components/Variants/Split/SplitVariant.styles.d.ts

@@ -1,6 +1,7 @@
-import { CustomSpacingScale, CustomBorderRadius } from "@fansunited/common";
-import { BrandingColorsModel } from "fansunited-sdk-esm";
-import { CSSProperties } from "react";
+import { CustomSpacingScale, CustomBorderRadius } from '../../../../../common/src';
+import { BrandingColorsModel } from 'fansunited-sdk-esm';
+import { CSSProperties } from 'react';
+
 interface StyleProps {
     quizImage: string | null;
     questionImage: string | null;

package/src/components/Variants/Standard/AuthError/StandardAuthError.d.ts

@@ -1,5 +1,6 @@
-import { ClassicQuizFullModel } from "fansunited-sdk-esm";
-import React from "react";
+import { ClassicQuizFullModel } from 'fansunited-sdk-esm';
+import { default as React } from 'react';
+
 type StandardAuthErrorProps = {
     classicQuiz: ClassicQuizFullModel;
     imagePosition?: "left" | "right";

package/src/components/Variants/Standard/AuthError/StandardAuthError.styles.d.ts

@@ -1,6 +1,7 @@
-import { CustomBorderRadius, CustomSpacingScale } from "@fansunited/common";
-import { BrandingColorsModel } from "fansunited-sdk-esm";
-import { CSSProperties } from "react";
+import { CustomBorderRadius, CustomSpacingScale } from '../../../../../../common/src';
+import { BrandingColorsModel } from 'fansunited-sdk-esm';
+import { CSSProperties } from 'react';
+
 interface StyleProps {
     quizImage: string | null;
     spacingScale: CustomSpacingScale;

package/src/components/Variants/Standard/ScoreState/StandardScoreState.d.ts

@@ -1,6 +1,7 @@
-import { ClassicQuizUserParticipationModel, ClassicQuizFullModel, FansUnitedSDKModel } from "fansunited-sdk-esm";
-import React from "react";
-import { LeadsOptions } from "@fansunited/common";
+import { ClassicQuizUserParticipationModel, ClassicQuizFullModel, FansUnitedSDKModel } from 'fansunited-sdk-esm';
+import { default as React } from 'react';
+import { LeadsOptions } from '../../../../../../common/src';
+
 type StandardScoreStateProps = {
     imagePosition?: "left" | "right";
     summary: ClassicQuizUserParticipationModel;

package/src/components/Variants/Standard/ScoreState/StandardScoreState.styles.d.ts

@@ -1,6 +1,7 @@
-import { CustomSpacingScale, CustomBorderRadius } from "@fansunited/common";
-import { BrandingColorsModel } from "fansunited-sdk-esm";
-import { CSSProperties } from "react";
+import { CustomSpacingScale, CustomBorderRadius } from '../../../../../../common/src';
+import { BrandingColorsModel } from 'fansunited-sdk-esm';
+import { CSSProperties } from 'react';
+
 interface StyleProps {
     quizImage: string | null;
     spacingScale: CustomSpacingScale;

package/src/components/Variants/Standard/StandardVariant.d.ts

@@ -1,6 +1,7 @@
-import React from "react";
-import { ClassicQuizParticipationBodyModel } from "fansunited-sdk-esm";
-import { MainLayoutProps } from "../../../types/types";
+import { default as React } from 'react';
+import { ClassicQuizParticipationBodyModel } from 'fansunited-sdk-esm';
+import { MainLayoutProps } from '../../../types/types';
+
 type StandardVariantProps = MainLayoutProps & {
     imagePosition?: "left" | "right";
     userParticipation?: ClassicQuizParticipationBodyModel[];

package/src/components/Variants/Standard/StandardVariant.styles.d.ts

@@ -1,6 +1,7 @@
-import { CustomSpacingScale, CustomBorderRadius } from "@fansunited/common";
-import { BrandingColorsModel } from "fansunited-sdk-esm";
-import { CSSProperties } from "react";
+import { CustomSpacingScale, CustomBorderRadius } from '../../../../../common/src';
+import { BrandingColorsModel } from 'fansunited-sdk-esm';
+import { CSSProperties } from 'react';
+
 interface StyleProps {
     quizImage: string | null;
     questionImage: string | null;

package/src/constants/constants.d.ts

@@ -1,4 +1,5 @@
-import { CountryType } from "../types/types";
+import { CountryType } from '../types/types';
+
 export declare const quizTypes: string[];
 export declare const countries: CountryType[];
 export declare const languageToCountryCode: Record<string, string>;

package/src/hooks/useClassicQuizById.d.ts

@@ -1,3 +1,4 @@
-import { ClassicQuizFullModel, FansUnitedSDKModel } from "fansunited-sdk-esm";
+import { ClassicQuizFullModel, FansUnitedSDKModel } from 'fansunited-sdk-esm';
+
 export declare const useClassicQuizById: (id: string, sdk: FansUnitedSDKModel) => ClassicQuizFullModel | null;
 //# sourceMappingURL=useClassicQuizById.d.ts.map

package/src/hooks/useEmbedCodeContainer.d.ts

@@ -1,2 +1,2 @@
-export declare const useEmbedCode: (embedCode: string, applyFilterScreen: boolean) => import("react").RefObject<HTMLDivElement>;
+export declare const useEmbedCode: (embedCode: string, applyFilterScreen: boolean) => import('react').RefObject<HTMLDivElement>;
 //# sourceMappingURL=useEmbedCodeContainer.d.ts.map

package/src/hooks/useMyParticipation.d.ts

@@ -1,3 +1,4 @@
-import { ClassicQuizUserParticipationModel, FansUnitedSDKModel } from "fansunited-sdk-esm";
+import { ClassicQuizUserParticipationModel, FansUnitedSDKModel } from 'fansunited-sdk-esm';
+
 export declare const useMyParticipation: (id: string, sdk: FansUnitedSDKModel) => ClassicQuizUserParticipationModel[] | null;
 //# sourceMappingURL=useMyParticipation.d.ts.map

package/src/hooks/useScoreStateHelpers.d.ts

@@ -1,5 +1,6 @@
-import { ClassicQuizUserParticipationModel, ClassicQuizFullModel } from "fansunited-sdk-esm";
-import { WidgetTemplate } from "@fansunited/common";
+import { ClassicQuizUserParticipationModel, ClassicQuizFullModel } from 'fansunited-sdk-esm';
+import { WidgetTemplate } from '../../../common/src';
+
 interface UseQuizScoreLogicProps {
     summary: ClassicQuizUserParticipationModel;
     totalTime: number;

package/src/index.d.ts

@@ -1,3 +1,4 @@
-import ClassicQuizPlay from "./main";
+import { default as ClassicQuizPlay } from './main';
+
 export default ClassicQuizPlay;
 //# sourceMappingURL=index.d.ts.map

package/src/main.d.ts

@@ -1,5 +1,6 @@
-import { ClassicQuizPlayProps } from "@fansunited/common";
-import React from "react";
+import { ClassicQuizPlayProps } from '../../common/src';
+import { default as React } from 'react';
+
 declare const Main: React.FC<ClassicQuizPlayProps>;
 export default Main;
 //# sourceMappingURL=main.d.ts.map

package/src/main.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../src/main.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,oBAAoB,EAIrB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA8ExC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../src/main.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,oBAAoB,EAIrB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAyFxC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/src/types/types.d.ts

@@ -1,5 +1,6 @@
-import { LeadsOptions } from "@fansunited/common";
-import { ClassicQuizFullModel, ClassicQuizQuestionModel, FansUnitedSDKModel } from "fansunited-sdk-esm";
+import { LeadsOptions } from '../../../common/src';
+import { ClassicQuizFullModel, ClassicQuizQuestionModel, FansUnitedSDKModel } from 'fansunited-sdk-esm';
+
 /**
  * Used as a general props for different widget state variants.
  */

package/src/components/ClassicQuizNotFound.js

@@ -1,55 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Typography } from "@mui/joy";
-import { useBorderSize, useColors, useCornerRadius, useFontFamily, useSpacingScale, } from "@fansunited/common";
-import { useTranslation } from "react-i18next";
-const ClassicQuizNotFound = () => {
-    const { t } = useTranslation();
-    const mdBorderRadius = useCornerRadius().md;
-    const borderColor = useColors().secondaryContainer;
-    const surfaceColor = useColors().surface;
-    const borderSize = useBorderSize().size;
-    const border = borderSize + " solid " + borderColor;
-    const dangerColor = useColors().palette?.danger?.plainColor;
-    const textSecondary = useColors().textSecondary;
-    const spacingScale = useSpacingScale();
-    const primaryFontFamily = useFontFamily().primary;
-    const secondaryFontFamily = useFontFamily().secondary;
-    return (_jsxs(Box, { sx: {
-            display: "flex",
-            flexDirection: "column",
-            justifyContent: "center",
-            alignItems: "center",
-            width: "100%",
-            borderRadius: mdBorderRadius,
-            boxShadow: "md",
-            border,
-            background: surfaceColor,
-            minHeight: "300px",
-            padding: "32px 24px",
-            textAlign: "center",
-        }, children: [_jsx(Box, { sx: {
-                    width: "80px",
-                    height: "80px",
-                    borderRadius: "50%",
-                    backgroundColor: `${dangerColor}15`, // 15% opacity
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    marginBottom: "24px",
-                }, children: _jsx(Box, { sx: {
-                        fontSize: "32px",
-                        color: dangerColor,
-                        fontWeight: "bold",
-                        fontFamily: primaryFontFamily,
-                    }, children: "?" }) }), _jsx(Typography, { level: "h4", sx: {
-                    color: dangerColor,
-                    marginBottom: spacingScale.xs,
-                    fontWeight: "600",
-                    fontFamily: primaryFontFamily,
-                }, children: t("classicQuiz.quizNotFound") }), _jsx(Typography, { level: "body-md", sx: {
-                    color: textSecondary,
-                    lineHeight: 1.5,
-                    fontFamily: secondaryFontFamily,
-                }, children: t("classicQuiz.quizNotFoundDescription") })] }));
-};
-export default ClassicQuizNotFound;