fansunited-frontend-core 0.0.37 → 0.0.38
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/AlertMessage.d.ts +1 -1
- package/components/AlertMessage.d.ts.map +1 -1
- package/components/AlertMessage.js +45 -0
- package/components/AlertMessage.js.map +1 -0
- package/components/ChanceGameEmbed.d.ts +12 -0
- package/components/ChanceGameEmbed.d.ts.map +1 -0
- package/components/LeadCollection/OverlayLeadAfterCollection.d.ts +0 -2
- package/components/LeadCollection/OverlayLeadAfterCollection.d.ts.map +1 -1
- package/components/LeadCollection/SplitLeadAfterCollection.d.ts +0 -2
- package/components/LeadCollection/SplitLeadAfterCollection.d.ts.map +1 -1
- package/components/LeadCollection/StandardLeadAfterCollection.d.ts.map +1 -1
- package/components/Leads/InfoPageCollectLeadWrapper.d.ts.map +1 -1
- package/components/Skeletons/Overlay/ApiError/OverlayApiErrorSkeleton.d.ts +6 -4
- package/components/Skeletons/Overlay/ApiError/OverlayApiErrorSkeleton.d.ts.map +1 -1
- package/components/Skeletons/Overlay/ApiError/OverlayApiErrorSkeleton.js +71 -0
- package/components/Skeletons/Overlay/ApiError/OverlayApiErrorSkeleton.js.map +1 -0
- package/components/Skeletons/Overlay/ApiError/OverlayApiErrorSkeleton.styles.d.ts +0 -2
- package/components/Skeletons/Overlay/ApiError/OverlayApiErrorSkeleton.styles.d.ts.map +1 -1
- package/components/Skeletons/Split/ApiError/SplitApiErrorSkeleton.d.ts +6 -4
- package/components/Skeletons/Split/ApiError/SplitApiErrorSkeleton.d.ts.map +1 -1
- package/components/Skeletons/Split/ApiError/SplitApiErrorSkeleton.js +82 -0
- package/components/Skeletons/Split/ApiError/SplitApiErrorSkeleton.js.map +1 -0
- package/components/Skeletons/Standard/ApiError/StandardApiErrorSkeleton.d.ts +6 -4
- package/components/Skeletons/Standard/ApiError/StandardApiErrorSkeleton.d.ts.map +1 -1
- package/components/Skeletons/Standard/ApiError/StandardApiErrorSkeleton.js +87 -0
- package/components/Skeletons/Standard/ApiError/StandardApiErrorSkeleton.js.map +1 -0
- package/constants/constants.d.ts.map +1 -1
- package/declarations.d.ts +14 -0
- package/functions/functions.d.ts +1 -1
- package/functions/functions.d.ts.map +1 -1
- package/functions/helpers.d.ts +2 -1
- package/functions/helpers.d.ts.map +1 -1
- package/functions/theme.d.ts.map +1 -1
- package/index.d.ts +3 -0
- package/index.d.ts.map +1 -1
- package/index.es.js +8860 -8127
- package/interfaces/interfaces.d.ts +35 -1
- package/interfaces/interfaces.d.ts.map +1 -1
- package/locales/bg.json +432 -0
- package/locales/bg.json.d.ts +61 -10
- package/locales/de.json +432 -0
- package/locales/de.json.d.ts +61 -10
- package/locales/el.json +432 -0
- package/locales/el.json.d.ts +61 -10
- package/locales/en.json +436 -0
- package/locales/en.json.d.ts +63 -13
- package/locales/es.json +432 -0
- package/locales/es.json.d.ts +63 -12
- package/locales/fr-be.json +432 -0
- package/locales/fr-be.json.d.ts +64 -13
- package/locales/fr.json +432 -0
- package/locales/fr.json.d.ts +63 -12
- package/locales/it.json +432 -0
- package/locales/it.json.d.ts +63 -12
- package/locales/pl.json +432 -0
- package/locales/pl.json.d.ts +63 -12
- package/locales/pt-br.json +432 -0
- package/locales/pt-br.json.d.ts +63 -12
- package/locales/pt.json +432 -0
- package/locales/pt.json.d.ts +63 -12
- package/locales/ro.json +432 -0
- package/locales/ro.json.d.ts +63 -12
- package/locales/sk.json +432 -0
- package/locales/sk.json.d.ts +63 -12
- package/locales/sr.json +432 -0
- package/locales/sr.json.d.ts +63 -12
- package/package.json +1 -1
- package/types/types.d.ts +4 -2
- package/types/types.d.ts.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertMessage.d.ts","sourceRoot":"","sources":["../../src/components/AlertMessage.tsx"],"names":[],"mappings":"AAWA,KAAK,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"AlertMessage.d.ts","sourceRoot":"","sources":["../../src/components/AlertMessage.tsx"],"names":[],"mappings":"AAWA,KAAK,YAAY,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAE7D,UAAU,iBAAiB;IACzB,OAAO,EAAE,YAAY,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AA8BD,QAAA,MAAM,YAAY,8CAKf,iBAAiB,4CAwDnB,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import CheckCircleIcon from "@mui/icons-material/CheckCircle";
|
|
3
|
+
import InfoIcon from "@mui/icons-material/Info";
|
|
4
|
+
import WarningIcon from "@mui/icons-material/Warning";
|
|
5
|
+
import { Alert, Stack, Typography } from "@mui/joy";
|
|
6
|
+
import { useCornerRadius, useFontFamily, useInternalTheme, } from "../functions/theme";
|
|
7
|
+
const getAlertIcon = (variant, warningColor) => {
|
|
8
|
+
switch (variant) {
|
|
9
|
+
case "success":
|
|
10
|
+
return _jsx(CheckCircleIcon, {});
|
|
11
|
+
case "error":
|
|
12
|
+
return _jsx(WarningIcon, { sx: { color: warningColor } });
|
|
13
|
+
case "info":
|
|
14
|
+
case "neutral":
|
|
15
|
+
return _jsx(InfoIcon, {});
|
|
16
|
+
}
|
|
17
|
+
};
|
|
18
|
+
const getAlertColor = (variant) => {
|
|
19
|
+
switch (variant) {
|
|
20
|
+
case "success":
|
|
21
|
+
return "success";
|
|
22
|
+
case "error":
|
|
23
|
+
return "danger";
|
|
24
|
+
case "info":
|
|
25
|
+
return "primary";
|
|
26
|
+
case "neutral":
|
|
27
|
+
return "neutral";
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
const AlertMessage = ({ variant, title, message, description, }) => {
|
|
31
|
+
const theme = useInternalTheme();
|
|
32
|
+
const borderRadius = useCornerRadius();
|
|
33
|
+
const secondaryFontFamily = useFontFamily().secondary;
|
|
34
|
+
const alertColor = getAlertColor(variant);
|
|
35
|
+
return (_jsx(Alert, { variant: "soft", color: alertColor, startDecorator: getAlertIcon(variant, theme.colorSchemes.light.palette.danger.plainColor), sx: {
|
|
36
|
+
gap: 1,
|
|
37
|
+
borderRadius: borderRadius.sm,
|
|
38
|
+
fontSize: "0.875em",
|
|
39
|
+
"--Icon-fontSize": "1.25em",
|
|
40
|
+
}, children: _jsxs(Stack, { sx: {
|
|
41
|
+
fontSize: "1.5em",
|
|
42
|
+
}, children: [title && (_jsx(Typography, { level: "title-md", color: alertColor, fontWeight: "bold", sx: { fontFamily: secondaryFontFamily, fontSize: "0.875em" }, children: title })), message && (_jsx(Typography, { level: "body-sm", sx: { fontFamily: secondaryFontFamily, fontSize: "0.675em" }, children: message })), description && (_jsx(Typography, { level: "body-xs", sx: { fontFamily: secondaryFontFamily, fontSize: "0.6em" }, children: description }))] }) }));
|
|
43
|
+
};
|
|
44
|
+
export default AlertMessage;
|
|
45
|
+
//# sourceMappingURL=AlertMessage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertMessage.js","sourceRoot":"","sources":["../../src/components/AlertMessage.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,MAAM,iCAAiC,CAAC;AAC9D,OAAO,QAAQ,MAAM,0BAA0B,CAAC;AAChD,OAAO,WAAW,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEpD,OAAO,EACL,eAAe,EACf,aAAa,EACb,gBAAgB,GACjB,MAAM,oBAAoB,CAAC;AAW5B,MAAM,YAAY,GAAG,CACnB,OAAqB,EACrB,YAAgC,EAChC,EAAE;IACF,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,KAAC,eAAe,KAAG,CAAC;QAC7B,KAAK,OAAO;YACV,OAAO,KAAC,WAAW,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,GAAI,CAAC;QACtD,KAAK,MAAM,CAAC;QACZ,KAAK,SAAS;YACZ,OAAO,KAAC,QAAQ,KAAG,CAAC;IACxB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,OAAqB,EAAoB,EAAE;IAChE,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;QACnB,KAAK,OAAO;YACV,OAAO,QAAQ,CAAC;QAClB,KAAK,MAAM;YACT,OAAO,SAAS,CAAC;QACnB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAC;IACrB,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,EACpB,OAAO,EACP,KAAK,EACL,OAAO,EACP,WAAW,GACO,EAAE,EAAE;IACtB,MAAM,KAAK,GAAG,gBAAgB,EAAE,CAAC;IACjC,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,mBAAmB,GAAG,aAAa,EAAE,CAAC,SAAS,CAAC;IAEtD,MAAM,UAAU,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IAE1C,OAAO,CACL,KAAC,KAAK,IACJ,OAAO,EAAC,MAAM,EACd,KAAK,EAAE,UAAU,EACjB,cAAc,EAAE,YAAY,CAC1B,OAAO,EACP,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU,CACnD,EACD,EAAE,EAAE;YACF,GAAG,EAAE,CAAC;YACN,YAAY,EAAE,YAAY,CAAC,EAAE;YAC7B,QAAQ,EAAE,SAAS;YACnB,iBAAiB,EAAE,QAAQ;SAC5B,YAED,MAAC,KAAK,IACJ,EAAE,EAAE;gBACF,QAAQ,EAAE,OAAO;aAClB,aAEA,KAAK,IAAI,CACR,KAAC,UAAU,IACT,KAAK,EAAC,UAAU,EAChB,KAAK,EAAE,UAAU,EACjB,UAAU,EAAC,MAAM,EACjB,EAAE,EAAE,EAAE,UAAU,EAAE,mBAAmB,EAAE,QAAQ,EAAE,SAAS,EAAE,YAE3D,KAAK,GACK,CACd,EACA,OAAO,IAAI,CACV,KAAC,UAAU,IACT,KAAK,EAAC,SAAS,EACf,EAAE,EAAE,EAAE,UAAU,EAAE,mBAAmB,EAAE,QAAQ,EAAE,SAAS,EAAE,YAE3D,OAAO,GACG,CACd,EACA,WAAW,IAAI,CACd,KAAC,UAAU,IACT,KAAK,EAAC,SAAS,EACf,EAAE,EAAE,EAAE,UAAU,EAAE,mBAAmB,EAAE,QAAQ,EAAE,OAAO,EAAE,YAEzD,WAAW,GACD,CACd,IACK,GACF,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { FansUnitedSDKModel } from 'fansunited-sdk-esm';
|
|
3
|
+
import { InfoPageModel } from '../interfaces/interfaces';
|
|
4
|
+
|
|
5
|
+
type ChanceGameEmbedProps = {
|
|
6
|
+
entityId: string;
|
|
7
|
+
sdk: FansUnitedSDKModel;
|
|
8
|
+
children: (infoPage: InfoPageModel) => React.ReactNode;
|
|
9
|
+
};
|
|
10
|
+
declare const ChanceGameEmbed: React.FC<ChanceGameEmbedProps>;
|
|
11
|
+
export default ChanceGameEmbed;
|
|
12
|
+
//# sourceMappingURL=ChanceGameEmbed.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChanceGameEmbed.d.ts","sourceRoot":"","sources":["../../src/components/ChanceGameEmbed.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,GAAG,EAAE,kBAAkB,CAAC;IACxB,QAAQ,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,KAAK,CAAC,SAAS,CAAC;CACxD,CAAC;AAEF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAUnD,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -14,8 +14,6 @@ export interface OverlayLeadAfterCollectionProps {
|
|
|
14
14
|
leads?: LeadsOptions;
|
|
15
15
|
/** Default image placeholder URL */
|
|
16
16
|
defaultImagePlaceholder?: string;
|
|
17
|
-
/** Mobile image placeholder URL */
|
|
18
|
-
mobileImagePlaceholder?: string;
|
|
19
17
|
/** Callback when lead is submitted */
|
|
20
18
|
onLeadSubmitted: () => void;
|
|
21
19
|
/** Whether participation is being submitted */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OverlayLeadAfterCollection.d.ts","sourceRoot":"","sources":["../../../src/components/LeadCollection/OverlayLeadAfterCollection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAQL,YAAY,EACZ,cAAc,EACf,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,YAAY,IAAI,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"OverlayLeadAfterCollection.d.ts","sourceRoot":"","sources":["../../../src/components/LeadCollection/OverlayLeadAfterCollection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAQL,YAAY,EACZ,cAAc,EACf,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EAAE,YAAY,IAAI,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AAIpF,MAAM,WAAW,+BAA+B;IAC9C,wEAAwE;IACxE,MAAM,EAAE,cAAc,CAAC;IACvB,yDAAyD;IACzD,QAAQ,EAAE,MAAM,CAAC;IACjB,8BAA8B;IAC9B,GAAG,EAAE,kBAAkB,CAAC;IACxB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,oCAAoC;IACpC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,sCAAsC;IACtC,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,+CAA+C;IAC/C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kDAAkD;IAClD,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC;QAC/B,YAAY,EAAE,MAAM,CAAC;QACrB,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;QACrB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC,CAAC;IACH,yDAAyD;IACzD,kBAAkB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC7C,kCAAkC;IAClC,YAAY,CAAC,EAAE,qBAAqB,CAAC;CACtC;AAED,QAAA,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,CAqHzE,CAAC;AAEF,eAAe,0BAA0B,CAAC"}
|
|
@@ -13,8 +13,6 @@ export interface SplitLeadAfterCollectionProps {
|
|
|
13
13
|
leads?: LeadsOptions;
|
|
14
14
|
/** Default image placeholder URL */
|
|
15
15
|
defaultImagePlaceholder?: string;
|
|
16
|
-
/** Mobile image placeholder URL */
|
|
17
|
-
mobileImagePlaceholder?: string;
|
|
18
16
|
/** Callback when lead is submitted */
|
|
19
17
|
onLeadSubmitted: () => void;
|
|
20
18
|
/** Whether the participation/prediction is being submitted */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SplitLeadAfterCollection.d.ts","sourceRoot":"","sources":["../../../src/components/LeadCollection/SplitLeadAfterCollection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,
|
|
1
|
+
{"version":3,"file":"SplitLeadAfterCollection.d.ts","sourceRoot":"","sources":["../../../src/components/LeadCollection/SplitLeadAfterCollection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EACL,cAAc,EACd,YAAY,EACZ,YAAY,IAAI,qBAAqB,EACtC,MAAM,6BAA6B,CAAC;AAIrC,MAAM,WAAW,6BAA6B;IAC5C,4EAA4E;IAC5E,MAAM,EAAE,cAAc,CAAC;IACvB,mEAAmE;IACnE,QAAQ,EAAE,MAAM,CAAC;IACjB,mBAAmB;IACnB,GAAG,EAAE,kBAAkB,CAAC;IACxB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,oCAAoC;IACpC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,sCAAsC;IACtC,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,8DAA8D;IAC9D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oDAAoD;IACpD,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC;QAC5B,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAC;QACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;KAC3B,CAAC,CAAC;IACH,sDAAsD;IACtD,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC;QAC/B,YAAY,EAAE,MAAM,CAAC;QACrB,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;QACrB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,UAAU,CAAC,EAAE,OAAO,CAAC;KACtB,CAAC,CAAC;IACH,6DAA6D;IAC7D,kBAAkB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC7C,kCAAkC;IAClC,YAAY,CAAC,EAAE,qBAAqB,CAAC;CACtC;AAED,QAAA,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CA6HrE,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StandardLeadAfterCollection.d.ts","sourceRoot":"","sources":["../../../src/components/LeadCollection/StandardLeadAfterCollection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,
|
|
1
|
+
{"version":3,"file":"StandardLeadAfterCollection.d.ts","sourceRoot":"","sources":["../../../src/components/LeadCollection/StandardLeadAfterCollection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EACL,cAAc,EACd,YAAY,EACZ,YAAY,IAAI,qBAAqB,EACtC,MAAM,6BAA6B,CAAC;AAErC,MAAM,WAAW,gCAAgC;IAC/C,4EAA4E;IAC5E,MAAM,EAAE,cAAc,CAAC;IACvB,mEAAmE;IACnE,QAAQ,EAAE,MAAM,CAAC;IACjB,mBAAmB;IACnB,GAAG,EAAE,kBAAkB,CAAC;IACxB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,oCAAoC;IACpC,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,qCAAqC;IACrC,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,sCAAsC;IACtC,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,8DAA8D;IAC9D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oDAAoD;IACpD,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC;QAC5B,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAC;QACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;KAC3B,CAAC,CAAC;IACH,sDAAsD;IACtD,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC;QAC/B,YAAY,EAAE,MAAM,CAAC;QACrB,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;QACrB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC,CAAC;IACH,6DAA6D;IAC7D,kBAAkB,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;IAC7C,kCAAkC;IAClC,YAAY,CAAC,EAAE,qBAAqB,CAAC;CACtC;AAED,QAAA,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CACzC,gCAAgC,CAgHjC,CAAC;AAEF,eAAe,2BAA2B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InfoPageCollectLeadWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/Leads/InfoPageCollectLeadWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EACL,cAAc,EACd,YAAY,EAMb,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAG9C,MAAM,WAAW,+BAA+B;IAC9C,GAAG,EAAE,kBAAkB,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC;AAED,QAAA,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,
|
|
1
|
+
{"version":3,"file":"InfoPageCollectLeadWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/Leads/InfoPageCollectLeadWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EACL,cAAc,EACd,YAAY,EAMb,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAG9C,MAAM,WAAW,+BAA+B;IAC9C,GAAG,EAAE,kBAAkB,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC;AAED,QAAA,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAAC,+BAA+B,CAyEzE,CAAC;AAEF,eAAe,0BAA0B,CAAC"}
|
|
@@ -1,16 +1,18 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { SkeletonEntity, RulesDisplay as RulesDisplayInterface } from
|
|
3
|
-
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { SkeletonEntity, RulesDisplay as RulesDisplayInterface } from "../../../../interfaces/interfaces";
|
|
4
3
|
export interface OverlayApiErrorSkeletonProps {
|
|
5
4
|
entity: SkeletonEntity;
|
|
6
5
|
headline: string;
|
|
7
6
|
tryAgainButtonText: string;
|
|
8
7
|
defaultImagePlaceholderUrl?: string;
|
|
9
8
|
isApiError: boolean;
|
|
10
|
-
toggleTryAgain
|
|
9
|
+
toggleTryAgain?: () => void;
|
|
11
10
|
apiErrorMessage?: string;
|
|
12
11
|
renderPresentedBy: (textColor: string) => React.ReactNode;
|
|
13
12
|
rulesDisplay?: RulesDisplayInterface;
|
|
13
|
+
alertVariant?: "error" | "info" | "neutral";
|
|
14
|
+
customAlertTitle?: string;
|
|
15
|
+
customAlertMessage?: string;
|
|
14
16
|
}
|
|
15
17
|
declare const OverlayApiErrorSkeleton: React.FC<OverlayApiErrorSkeletonProps>;
|
|
16
18
|
export default OverlayApiErrorSkeleton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OverlayApiErrorSkeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Skeletons/Overlay/ApiError/OverlayApiErrorSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B,OAAO,EACL,cAAc,EACd,YAAY,IAAI,qBAAqB,EACtC,MAAM,mCAAmC,CAAC;AAG3C,MAAM,WAAW,4BAA4B;IAC3C,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,MAAM,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"OverlayApiErrorSkeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Skeletons/Overlay/ApiError/OverlayApiErrorSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B,OAAO,EACL,cAAc,EACd,YAAY,IAAI,qBAAqB,EACtC,MAAM,mCAAmC,CAAC;AAG3C,MAAM,WAAW,4BAA4B;IAC3C,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1D,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAC5C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,QAAA,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CA4InE,CAAC;AAEF,eAAe,uBAAuB,CAAC"}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Box, Button, Typography } from "@mui/joy";
|
|
3
|
+
import { stripHtmlTags, isMobile, useInternalTheme, useSpacingScale, WidgetTemplate, useImageBackgroundGradient, extractBrandingModelProperties, sanitizeBackgroundUrl, useImageVariant, } from "../../../../index";
|
|
4
|
+
import AlertMessage from "../../../AlertMessage";
|
|
5
|
+
import { useTranslation } from "react-i18next";
|
|
6
|
+
import { createStyles } from "./OverlayApiErrorSkeleton.styles";
|
|
7
|
+
import ReplayIcon from "@mui/icons-material/Replay";
|
|
8
|
+
import Rules from "../../../Rules";
|
|
9
|
+
const OverlayApiErrorSkeleton = (props) => {
|
|
10
|
+
const spacingScale = useSpacingScale();
|
|
11
|
+
const internalTheme = useInternalTheme();
|
|
12
|
+
const mobile = isMobile();
|
|
13
|
+
const { t } = useTranslation();
|
|
14
|
+
const imageBackgroundGradient = useImageBackgroundGradient(WidgetTemplate.OVERLAY);
|
|
15
|
+
// Extract branding properties
|
|
16
|
+
const { brandingImage, brandingColors, brandingLogo } = extractBrandingModelProperties(props.entity.branding || null);
|
|
17
|
+
const finalImage = brandingImage ||
|
|
18
|
+
useImageVariant({
|
|
19
|
+
images: props.entity.images || null,
|
|
20
|
+
imagePlaceholder: props.defaultImagePlaceholderUrl || "",
|
|
21
|
+
}, WidgetTemplate.OVERLAY);
|
|
22
|
+
const backgroundImage = sanitizeBackgroundUrl(finalImage);
|
|
23
|
+
// Styling variables
|
|
24
|
+
const secondaryColor = brandingColors?.contentColor || internalTheme.colorSchemes.dark.textColor;
|
|
25
|
+
const fontFamilyPrimary = internalTheme.customFontFamily.dark.primary;
|
|
26
|
+
const fontFamilySecondary = internalTheme.customFontFamily.dark.secondary;
|
|
27
|
+
const borderRadius = internalTheme.customRadius.dark;
|
|
28
|
+
const borderSize = internalTheme.border.dark.size;
|
|
29
|
+
const contentBgColor = brandingColors?.backgroundColor ||
|
|
30
|
+
internalTheme.colorSchemes.dark.surfaceVariant;
|
|
31
|
+
const onSurfaceColor = internalTheme.colorSchemes.dark.onSurface;
|
|
32
|
+
const surfaceVariantColor = internalTheme.colorSchemes.dark.surfaceVariant;
|
|
33
|
+
const textPrimary = internalTheme.colorSchemes.dark.textPrimary;
|
|
34
|
+
const alertTitle = props.customAlertTitle ?? (props.isApiError
|
|
35
|
+
? t("common.error.title")
|
|
36
|
+
: t("common.authentication.accessRequired"));
|
|
37
|
+
const alertMessage = props.customAlertMessage ?? (props.isApiError
|
|
38
|
+
? props.apiErrorMessage || t("common.error.message")
|
|
39
|
+
: t("common.authentication.invalidOrMissingAuth"));
|
|
40
|
+
// Create styles with current props/theme values
|
|
41
|
+
const styles = createStyles({
|
|
42
|
+
spacingScale,
|
|
43
|
+
brandingColors,
|
|
44
|
+
secondaryColor,
|
|
45
|
+
fontFamilyPrimary,
|
|
46
|
+
fontFamilySecondary,
|
|
47
|
+
borderRadius,
|
|
48
|
+
borderSize,
|
|
49
|
+
darkTextColor: internalTheme.colorSchemes.dark.textColor,
|
|
50
|
+
backgroundImage,
|
|
51
|
+
imageBackgroundGradient,
|
|
52
|
+
contentBgColor,
|
|
53
|
+
onSurfaceColor,
|
|
54
|
+
surfaceVariantColor,
|
|
55
|
+
textPrimary,
|
|
56
|
+
isMobile: mobile,
|
|
57
|
+
});
|
|
58
|
+
const renderTryAgain = () => {
|
|
59
|
+
if (!props.isApiError || !props.toggleTryAgain)
|
|
60
|
+
return _jsx(_Fragment, {});
|
|
61
|
+
return (_jsx(Box, { sx: styles.ctaSection, children: _jsx(Box, { sx: styles.buttonsContainer, children: _jsx(Button, { sx: styles.tryAgainButton, onClick: props.toggleTryAgain, children: _jsxs(Box, { sx: styles.tryAgainButtonContent, children: [_jsx(ReplayIcon, { sx: styles.tryAgainIcon }), _jsx(Typography, { sx: styles.tryAgainText, children: props.tryAgainButtonText })] }) }) }) }));
|
|
62
|
+
};
|
|
63
|
+
return (_jsxs(Box, { sx: styles.mainContainer, children: [_jsx(Box, { children: _jsx(Box, { sx: styles.headlineSection, children: _jsx(Box, { sx: styles.headlineContent, children: _jsxs(Box, { sx: styles.headlineContentInner, children: [_jsxs(Box, { sx: {
|
|
64
|
+
display: "flex",
|
|
65
|
+
alignItems: "center",
|
|
66
|
+
justifyContent: mobile ? "center" : "left",
|
|
67
|
+
gap: spacingScale["3xs"],
|
|
68
|
+
}, children: [_jsx(Typography, { level: "body-sm", sx: styles.headlineText, children: props.headline }), _jsx(Rules, { rulesDisplay: props.rulesDisplay, isOverlayVariant: true, rules: props.entity.rules || "" })] }), _jsxs(Box, { sx: styles.contentContainer, children: [_jsx(Typography, { level: "h4", sx: styles.titleText, children: props.entity.title }), _jsx(Typography, { level: "body-lg", sx: styles.descriptionText, children: stripHtmlTags(props.entity.description) })] })] }) }) }) }), _jsxs(Box, { sx: styles.bottomSection, children: [_jsx(AlertMessage, { variant: props.alertVariant || "error", title: alertTitle, message: alertMessage }), renderTryAgain(), brandingLogo ? (_jsx(Box, { sx: styles.footerContainer, children: props.renderPresentedBy(internalTheme.colorSchemes.dark.textColor) })) : (_jsx(_Fragment, {}))] })] }));
|
|
69
|
+
};
|
|
70
|
+
export default OverlayApiErrorSkeleton;
|
|
71
|
+
//# sourceMappingURL=OverlayApiErrorSkeleton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OverlayApiErrorSkeleton.js","sourceRoot":"","sources":["../../../../../src/components/Skeletons/Overlay/ApiError/OverlayApiErrorSkeleton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -22,7 +22,6 @@ export declare const createStyles: (props: StyleProps) => {
|
|
|
22
22
|
mainContainer: {
|
|
23
23
|
display: string;
|
|
24
24
|
flexDirection: string;
|
|
25
|
-
justifyContent: string;
|
|
26
25
|
gap: string;
|
|
27
26
|
p: string;
|
|
28
27
|
boxShadow: string;
|
|
@@ -33,7 +32,6 @@ export declare const createStyles: (props: StyleProps) => {
|
|
|
33
32
|
backgroundPosition: string;
|
|
34
33
|
position: string;
|
|
35
34
|
borderRadius: string;
|
|
36
|
-
minHeight: string;
|
|
37
35
|
"&::before": {
|
|
38
36
|
content: string;
|
|
39
37
|
position: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OverlayApiErrorSkeleton.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Skeletons/Overlay/ApiError/OverlayApiErrorSkeleton.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAEzD,UAAU,UAAU;IAClB,YAAY,EAAE,kBAAkB,CAAC;IACjC,cAAc,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAC3C,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,YAAY,EAAE,kBAAkB,CAAC;IACjC,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,uBAAuB,EAAE,MAAM,CAAC;IAChC,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,YAAY,UAAW,UAAU
|
|
1
|
+
{"version":3,"file":"OverlayApiErrorSkeleton.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Skeletons/Overlay/ApiError/OverlayApiErrorSkeleton.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAEzD,UAAU,UAAU;IAClB,YAAY,EAAE,kBAAkB,CAAC;IACjC,cAAc,EAAE,mBAAmB,GAAG,IAAI,CAAC;IAC3C,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,YAAY,EAAE,kBAAkB,CAAC;IACjC,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,uBAAuB,EAAE,MAAM,CAAC;IAChC,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,YAAY,UAAW,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsM5C,CAAC"}
|
|
@@ -1,16 +1,18 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { SkeletonEntity, RulesDisplay as RulesDisplayInterface } from
|
|
3
|
-
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { SkeletonEntity, RulesDisplay as RulesDisplayInterface } from "../../../../interfaces/interfaces";
|
|
4
3
|
export interface SplitApiErrorSkeletonProps {
|
|
5
4
|
entity: SkeletonEntity;
|
|
6
5
|
headline: string;
|
|
7
6
|
tryAgainButtonText: string;
|
|
8
7
|
defaultImagePlaceholderUrl?: string;
|
|
9
8
|
isApiError: boolean;
|
|
10
|
-
toggleTryAgain
|
|
9
|
+
toggleTryAgain?: () => void;
|
|
11
10
|
apiErrorMessage?: string;
|
|
12
11
|
renderPresentedBy: (textColor: string) => React.ReactNode;
|
|
13
12
|
rulesDisplay?: RulesDisplayInterface;
|
|
13
|
+
alertVariant?: "error" | "info" | "neutral";
|
|
14
|
+
customAlertTitle?: string;
|
|
15
|
+
customAlertMessage?: string;
|
|
14
16
|
}
|
|
15
17
|
declare const SplitApiErrorSkeleton: React.FC<SplitApiErrorSkeletonProps>;
|
|
16
18
|
export default SplitApiErrorSkeleton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SplitApiErrorSkeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Skeletons/Split/ApiError/SplitApiErrorSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,OAAO,EACL,cAAc,EACd,YAAY,IAAI,qBAAqB,EACtC,MAAM,mCAAmC,CAAC;
|
|
1
|
+
{"version":3,"file":"SplitApiErrorSkeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Skeletons/Split/ApiError/SplitApiErrorSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,OAAO,EACL,cAAc,EACd,YAAY,IAAI,qBAAqB,EACtC,MAAM,mCAAmC,CAAC;AAK3C,MAAM,WAAW,0BAA0B;IACzC,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1D,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAC5C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,QAAA,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAwJ/D,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Box, Button, Typography } from "@mui/joy";
|
|
3
|
+
import { stripHtmlTags, isMobile, useColors, useCornerRadius, useFontFamily, useInternalTheme, useSpacingScale, useImageBackgroundGradient, WidgetTemplate, useImageVariant, hexToRgb, } from "../../../../index";
|
|
4
|
+
import AlertMessage from "../../../AlertMessage";
|
|
5
|
+
import { useTranslation } from "react-i18next";
|
|
6
|
+
import { createStyles } from "./SplitApiErrorSkeleton.styles";
|
|
7
|
+
import ReplayIcon from "@mui/icons-material/Replay";
|
|
8
|
+
import Rules from "../../../Rules";
|
|
9
|
+
import defaultBg from "../../../../assets/default-quiz-bg.png";
|
|
10
|
+
import defaultBgVertical from "../../../../assets/default-quiz-bg-vertical.jpg";
|
|
11
|
+
const SplitApiErrorSkeleton = (props) => {
|
|
12
|
+
const internalTheme = useInternalTheme();
|
|
13
|
+
const mobile = isMobile();
|
|
14
|
+
const brandingColors = props.entity.branding?.colors || null;
|
|
15
|
+
const imagePlaceholder = props.defaultImagePlaceholderUrl
|
|
16
|
+
? props.defaultImagePlaceholderUrl
|
|
17
|
+
: mobile
|
|
18
|
+
? defaultBgVertical
|
|
19
|
+
: defaultBg;
|
|
20
|
+
const finalImage = useImageVariant({
|
|
21
|
+
images: props.entity.images || null,
|
|
22
|
+
imagePlaceholder,
|
|
23
|
+
}, WidgetTemplate.SPLIT);
|
|
24
|
+
const { t } = useTranslation();
|
|
25
|
+
// Styling variables
|
|
26
|
+
const textPrimary = useColors().textPrimary;
|
|
27
|
+
const surfaceColor = useColors().surface;
|
|
28
|
+
const onSurfaceColor = useColors().onSurface;
|
|
29
|
+
const bgcolor = brandingColors?.backgroundColor || useColors().surfaceVariant;
|
|
30
|
+
const borderRadius = useCornerRadius();
|
|
31
|
+
const fontFamilySecondary = useFontFamily().secondary;
|
|
32
|
+
const fontFamilyPrimary = useFontFamily().primary;
|
|
33
|
+
const mdBorderRadius = useCornerRadius().md;
|
|
34
|
+
const textColor = useColors().textColor;
|
|
35
|
+
const spacingScale = useSpacingScale();
|
|
36
|
+
const imageBackgroundGradient = useImageBackgroundGradient(WidgetTemplate.SPLIT);
|
|
37
|
+
const alertTitle = props.customAlertTitle ?? (props.isApiError
|
|
38
|
+
? t("common.error.title")
|
|
39
|
+
: t("common.authentication.accessRequired"));
|
|
40
|
+
const alertMessage = props.customAlertMessage ?? (props.isApiError
|
|
41
|
+
? props.apiErrorMessage || t("common.error.message")
|
|
42
|
+
: t("common.authentication.invalidOrMissingAuth"));
|
|
43
|
+
// Create styles with current props/theme values
|
|
44
|
+
const styles = createStyles({
|
|
45
|
+
finalImage,
|
|
46
|
+
spacingScale,
|
|
47
|
+
borderRadius: useCornerRadius(),
|
|
48
|
+
fontFamilyPrimary,
|
|
49
|
+
fontFamilySecondary,
|
|
50
|
+
mdBorderRadius,
|
|
51
|
+
textColor,
|
|
52
|
+
brandingColors,
|
|
53
|
+
darkTextColor: internalTheme.colorSchemes.dark.textColor,
|
|
54
|
+
imageBackgroundGradient,
|
|
55
|
+
textPrimary,
|
|
56
|
+
surfaceColor,
|
|
57
|
+
onSurfaceColor,
|
|
58
|
+
isMobile: mobile,
|
|
59
|
+
});
|
|
60
|
+
const renderTryAgain = () => {
|
|
61
|
+
if (!props.isApiError || !props.toggleTryAgain)
|
|
62
|
+
return _jsx(_Fragment, {});
|
|
63
|
+
return (_jsx(Box, { sx: {
|
|
64
|
+
p: spacingScale.lg,
|
|
65
|
+
gap: spacingScale.lg,
|
|
66
|
+
display: "flex",
|
|
67
|
+
flexDirection: "column",
|
|
68
|
+
backdropFilter: "blur(4px)",
|
|
69
|
+
bgcolor: `rgba(${bgcolor ? hexToRgb(bgcolor || "").replace(/[^\d,]/g, "") : ""}, 0.5)`,
|
|
70
|
+
borderRadius: borderRadius.sm,
|
|
71
|
+
}, children: _jsx(Box, { sx: styles.ctaContainer, children: _jsx(Box, { sx: styles.ctaContentWrapper, children: _jsx(Box, { sx: styles.buttonsContainer, children: _jsx(Button, { sx: styles.tryAgainButton, onClick: props.toggleTryAgain, children: _jsxs(Box, { sx: styles.tryAgainButtonContent, children: [_jsx(ReplayIcon, { sx: styles.tryAgainIcon }), _jsx(Typography, { sx: styles.tryAgainText, children: props.tryAgainButtonText })] }) }) }) }) }) }));
|
|
72
|
+
};
|
|
73
|
+
return (_jsxs(_Fragment, { children: [_jsx(Box, { sx: styles.headlineSection, children: _jsxs(Box, { sx: styles.headlineContent, children: [_jsxs(Box, { children: [_jsxs(Box, { sx: {
|
|
74
|
+
display: "flex",
|
|
75
|
+
alignItems: "center",
|
|
76
|
+
justifyContent: mobile ? "center" : "left",
|
|
77
|
+
gap: spacingScale["3xs"],
|
|
78
|
+
}, children: [_jsx(Typography, { level: "body-sm", sx: styles.headlineText, children: props.headline }), _jsx(Rules, { rulesDisplay: props.rulesDisplay, rules: props.entity.rules || "" })] }), _jsxs(Box, { sx: styles.contentContainer, children: [_jsx(Typography, { level: "body-lg", sx: styles.titleText, children: props.entity.title }), _jsx(Typography, { level: "body-md", sx: styles.descriptionText, children: stripHtmlTags(props.entity.description) })] })] }), _jsx(Box, { sx: styles.presentedByDesktop, children: props.renderPresentedBy(brandingColors?.contentColor ||
|
|
79
|
+
internalTheme.colorSchemes.dark.textColor) })] }) }), _jsxs(Box, { sx: styles.questionArea, children: [_jsx(AlertMessage, { variant: props.alertVariant || "error", title: alertTitle, message: alertMessage }), renderTryAgain(), _jsx(Box, { sx: styles.presentedByMobile, children: props.renderPresentedBy(brandingColors?.contentColor || textColor) })] })] }));
|
|
80
|
+
};
|
|
81
|
+
export default SplitApiErrorSkeleton;
|
|
82
|
+
//# sourceMappingURL=SplitApiErrorSkeleton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SplitApiErrorSkeleton.js","sourceRoot":"","sources":["../../../../../src/components/Skeletons/Split/ApiError/SplitApiErrorSkeleton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACnD,OAAO,EACL,aAAa,EACb,QAAQ,EACR,SAAS,EACT,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,0BAA0B,EAC1B,cAAc,EACd,eAAe,EACf,QAAQ,GACT,MAAM,mBAAmB,CAAC;AAC3B,OAAO,YAAY,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,UAAU,MAAM,4BAA4B,CAAC;AAKpD,OAAO,KAAK,MAAM,gBAAgB,CAAC;AACnC,OAAO,SAAS,MAAM,wCAAwC,CAAC;AAC/D,OAAO,iBAAiB,MAAM,iDAAiD,CAAC;AAiBhF,MAAM,qBAAqB,GAAyC,CAAC,KAAK,EAAE,EAAE;IAC5E,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IACzC,MAAM,MAAM,GAAG,QAAQ,EAAE,CAAC;IAC1B,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,EAAE,MAAM,IAAI,IAAI,CAAC;IAC7D,MAAM,gBAAgB,GAAG,KAAK,CAAC,0BAA0B;QACvD,CAAC,CAAC,KAAK,CAAC,0BAA0B;QAClC,CAAC,CAAC,MAAM;YACN,CAAC,CAAC,iBAAiB;YACnB,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,UAAU,GAAG,eAAe,CAChC;QACE,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,MAAM,IAAI,IAAI;QACnC,gBAAgB;KACjB,EACD,cAAc,CAAC,KAAK,CACrB,CAAC;IAEF,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAE/B,oBAAoB;IACpB,MAAM,WAAW,GAAG,SAAS,EAAE,CAAC,WAAW,CAAC;IAC5C,MAAM,YAAY,GAAG,SAAS,EAAE,CAAC,OAAO,CAAC;IACzC,MAAM,cAAc,GAAG,SAAS,EAAE,CAAC,SAAS,CAAC;IAC7C,MAAM,OAAO,GAAG,cAAc,EAAE,eAAe,IAAI,SAAS,EAAE,CAAC,cAAc,CAAC;IAC9E,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,mBAAmB,GAAG,aAAa,EAAE,CAAC,SAAS,CAAC;IACtD,MAAM,iBAAiB,GAAG,aAAa,EAAE,CAAC,OAAO,CAAC;IAClD,MAAM,cAAc,GAAG,eAAe,EAAE,CAAC,EAAE,CAAC;IAC5C,MAAM,SAAS,GAAG,SAAS,EAAE,CAAC,SAAS,CAAC;IACxC,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,uBAAuB,GAAG,0BAA0B,CACxD,cAAc,CAAC,KAAK,CACrB,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,CAAC,gBAAgB,IAAI,CAAC,KAAK,CAAC,UAAU;QAC5D,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC;QACzB,CAAC,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC,CAAC;IAC/C,MAAM,YAAY,GAAG,KAAK,CAAC,kBAAkB,IAAI,CAAC,KAAK,CAAC,UAAU;QAChE,CAAC,CAAC,KAAK,CAAC,eAAe,IAAI,CAAC,CAAC,sBAAsB,CAAC;QACpD,CAAC,CAAC,CAAC,CAAC,4CAA4C,CAAC,CAAC,CAAC;IAErD,gDAAgD;IAChD,MAAM,MAAM,GAAG,YAAY,CAAC;QAC1B,UAAU;QACV,YAAY;QACZ,YAAY,EAAE,eAAe,EAAE;QAC/B,iBAAiB;QACjB,mBAAmB;QACnB,cAAc;QACd,SAAS;QACT,cAAc;QACd,aAAa,EAAE,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS;QACxD,uBAAuB;QACvB,WAAW;QACX,YAAY;QACZ,cAAc;QACd,QAAQ,EAAE,MAAM;KACjB,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,cAAc;YAAE,OAAO,mBAAK,CAAC;QAE7D,OAAO,CACL,KAAC,GAAG,IACF,EAAE,EAAE;gBACF,CAAC,EAAE,YAAY,CAAC,EAAE;gBAClB,GAAG,EAAE,YAAY,CAAC,EAAE;gBACpB,OAAO,EAAE,MAAM;gBACf,aAAa,EAAE,QAAQ;gBACvB,cAAc,EAAE,WAAW;gBAC3B,OAAO,EAAE,QACP,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAC7D,QAAQ;gBACR,YAAY,EAAE,YAAY,CAAC,EAAE;aAC9B,YAED,KAAC,GAAG,IAAC,EAAE,EAAE,MAAM,CAAC,YAAY,YAC1B,KAAC,GAAG,IAAC,EAAE,EAAE,MAAM,CAAC,iBAAiB,YAC/B,KAAC,GAAG,IAAC,EAAE,EAAE,MAAM,CAAC,gBAAgB,YAC9B,KAAC,MAAM,IAAC,EAAE,EAAE,MAAM,CAAC,cAAc,EAAE,OAAO,EAAE,KAAK,CAAC,cAAe,YAC/D,MAAC,GAAG,IAAC,EAAE,EAAE,MAAM,CAAC,qBAAqB,aACnC,KAAC,UAAU,IAAC,EAAE,EAAE,MAAM,CAAC,YAAY,GAAI,EACvC,KAAC,UAAU,IAAC,EAAE,EAAE,MAAM,CAAC,YAAY,YAChC,KAAK,CAAC,kBAAkB,GACd,IACT,GACC,GACL,GACF,GACF,GACF,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,8BAEE,KAAC,GAAG,IAAC,EAAE,EAAE,MAAM,CAAC,eAAe,YAC7B,MAAC,GAAG,IAAC,EAAE,EAAE,MAAM,CAAC,eAAe,aAC7B,MAAC,GAAG,eACF,MAAC,GAAG,IACF,EAAE,EAAE;wCACF,OAAO,EAAE,MAAM;wCACf,UAAU,EAAE,QAAQ;wCACpB,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;wCAC1C,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC;qCACzB,aAED,KAAC,UAAU,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAE,MAAM,CAAC,YAAY,YAChD,KAAK,CAAC,QAAQ,GACJ,EACb,KAAC,KAAK,IACJ,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,GAC/B,IACE,EACN,MAAC,GAAG,IAAC,EAAE,EAAE,MAAM,CAAC,gBAAgB,aAC9B,KAAC,UAAU,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAE,MAAM,CAAC,SAAS,YAC7C,KAAK,CAAC,MAAM,CAAC,KAAK,GACR,EACb,KAAC,UAAU,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAE,MAAM,CAAC,eAAe,YACnD,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,GAC7B,IACT,IACF,EAGN,KAAC,GAAG,IAAC,EAAE,EAAE,MAAM,CAAC,kBAAkB,YAC/B,KAAK,CAAC,iBAAiB,CACtB,cAAc,EAAE,YAAY;gCAC1B,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAC5C,GACG,IACF,GACF,EAGN,MAAC,GAAG,IAAC,EAAE,EAAE,MAAM,CAAC,YAAY,aAC1B,KAAC,YAAY,IACX,OAAO,EAAE,KAAK,CAAC,YAAY,IAAI,OAAO,EACtC,KAAK,EAAE,UAAU,EACjB,OAAO,EAAE,YAAY,GACrB,EACD,cAAc,EAAE,EAEjB,KAAC,GAAG,IAAC,EAAE,EAAE,MAAM,CAAC,iBAAiB,YAC9B,KAAK,CAAC,iBAAiB,CAAC,cAAc,EAAE,YAAY,IAAI,SAAS,CAAC,GAC/D,IACF,IACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { SkeletonEntity, RulesDisplay as RulesDisplayInterface } from
|
|
3
|
-
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { SkeletonEntity, RulesDisplay as RulesDisplayInterface } from "../../../../interfaces/interfaces";
|
|
4
3
|
export interface StandardApiErrorSkeletonProps {
|
|
5
4
|
entity: SkeletonEntity;
|
|
6
5
|
headline: string;
|
|
@@ -8,10 +7,13 @@ export interface StandardApiErrorSkeletonProps {
|
|
|
8
7
|
defaultImagePlaceholderUrl?: string;
|
|
9
8
|
imagePosition?: "left" | "right";
|
|
10
9
|
isApiError: boolean;
|
|
11
|
-
toggleTryAgain
|
|
10
|
+
toggleTryAgain?: () => void;
|
|
12
11
|
apiErrorMessage?: string;
|
|
13
12
|
renderPresentedBy: (textColor: string) => React.ReactNode;
|
|
14
13
|
rulesDisplay?: RulesDisplayInterface;
|
|
14
|
+
alertVariant?: "error" | "info" | "neutral";
|
|
15
|
+
customAlertTitle?: string;
|
|
16
|
+
customAlertMessage?: string;
|
|
15
17
|
}
|
|
16
18
|
declare const StandardApiErrorSkeleton: React.FC<StandardApiErrorSkeletonProps>;
|
|
17
19
|
export default StandardApiErrorSkeleton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StandardApiErrorSkeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Skeletons/Standard/ApiError/StandardApiErrorSkeleton.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EACL,cAAc,EACd,YAAY,IAAI,qBAAqB,EACtC,MAAM,mCAAmC,CAAC;AAG3C,MAAM,WAAW,6BAA6B;IAC5C,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,MAAM,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"StandardApiErrorSkeleton.d.ts","sourceRoot":"","sources":["../../../../../src/components/Skeletons/Standard/ApiError/StandardApiErrorSkeleton.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EACL,cAAc,EACd,YAAY,IAAI,qBAAqB,EACtC,MAAM,mCAAmC,CAAC;AAG3C,MAAM,WAAW,6BAA6B;IAC5C,MAAM,EAAE,cAAc,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAC1D,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAC5C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,QAAA,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC,6BAA6B,CAkPrE,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import AlertMessage from "../../../AlertMessage";
|
|
3
|
+
import { stripHtmlTags, isMobile, useColors, useCornerRadius, useFontFamily, useSpacingScale, useInternalTheme, useImageBackgroundGradient, WidgetTemplate, useImageVariant, useBorderSize, } from "../../../../index";
|
|
4
|
+
import { Box, Button, Typography } from "@mui/joy";
|
|
5
|
+
import { useTranslation } from "react-i18next";
|
|
6
|
+
import { createStyles } from "./StandardApiErrorSkeleton.styles";
|
|
7
|
+
import ReplayIcon from "@mui/icons-material/Replay";
|
|
8
|
+
import Rules from "../../../Rules";
|
|
9
|
+
const StandardApiErrorSkeleton = (props) => {
|
|
10
|
+
const brandingColors = props.entity.branding?.colors || null;
|
|
11
|
+
const theme = useInternalTheme();
|
|
12
|
+
const mobile = isMobile();
|
|
13
|
+
const finalImage = useImageVariant({
|
|
14
|
+
images: props.entity.images || null,
|
|
15
|
+
imagePlaceholder: props.defaultImagePlaceholderUrl
|
|
16
|
+
? props.defaultImagePlaceholderUrl
|
|
17
|
+
: "",
|
|
18
|
+
}, WidgetTemplate.STANDARD);
|
|
19
|
+
const spacingScale = useSpacingScale();
|
|
20
|
+
const fontFamilyPrimary = useFontFamily().primary;
|
|
21
|
+
const fontFamilySecondary = useFontFamily().secondary;
|
|
22
|
+
const borderRadius = useCornerRadius();
|
|
23
|
+
const textColor = brandingColors?.contentColor || useColors().textColor;
|
|
24
|
+
const textPrimary = useColors().textPrimary;
|
|
25
|
+
const primaryColor = brandingColors?.primaryColor || useColors().palette.primary.plainColor;
|
|
26
|
+
const secondaryColor = brandingColors?.secondaryColor || useColors().textColor;
|
|
27
|
+
const borderSize = useBorderSize().size;
|
|
28
|
+
const buttonBgColor = useColors().surface;
|
|
29
|
+
const onSurfaceColor = useColors().onSurface;
|
|
30
|
+
const imageBackgroundGradient = useImageBackgroundGradient(WidgetTemplate.STANDARD);
|
|
31
|
+
const { t } = useTranslation();
|
|
32
|
+
const imagePosition = props.imagePosition || "left";
|
|
33
|
+
const opacity = "60%";
|
|
34
|
+
const alertTitle = props.customAlertTitle ?? (props.isApiError
|
|
35
|
+
? t("common.error.title")
|
|
36
|
+
: t("common.authentication.accessRequired"));
|
|
37
|
+
const alertMessage = props.customAlertMessage ?? (props.isApiError
|
|
38
|
+
? props.apiErrorMessage || t("common.error.message")
|
|
39
|
+
: t("common.authentication.invalidOrMissingAuth"));
|
|
40
|
+
// Create styles with current props/theme values
|
|
41
|
+
const styles = createStyles({
|
|
42
|
+
finalImage,
|
|
43
|
+
spacingScale,
|
|
44
|
+
borderRadius,
|
|
45
|
+
fontFamilyPrimary,
|
|
46
|
+
fontFamilySecondary,
|
|
47
|
+
textColor,
|
|
48
|
+
secondaryColor,
|
|
49
|
+
brandingColors,
|
|
50
|
+
darkTextColor: theme.colorSchemes.dark.textColor,
|
|
51
|
+
opacity,
|
|
52
|
+
imagePosition,
|
|
53
|
+
imageBackgroundGradient,
|
|
54
|
+
textPrimary,
|
|
55
|
+
primaryColor,
|
|
56
|
+
borderSize,
|
|
57
|
+
buttonBgColor,
|
|
58
|
+
onSurfaceColor,
|
|
59
|
+
isMobile: mobile,
|
|
60
|
+
});
|
|
61
|
+
const renderTryAgain = () => {
|
|
62
|
+
if (!props.isApiError || !props.toggleTryAgain)
|
|
63
|
+
return _jsx(_Fragment, {});
|
|
64
|
+
return (_jsxs(_Fragment, { children: [_jsx(Box, { sx: styles.ctaContainer, children: _jsx(Box, { sx: styles.ctaContentWrapper, children: _jsx(Box, { sx: styles.buttonsContainer, children: _jsx(Button, { sx: styles.tryAgainButton, onClick: props.toggleTryAgain, children: _jsxs(Box, { sx: styles.tryAgainButtonContent, children: [_jsx(ReplayIcon, { sx: styles.tryAgainIcon }), _jsx(Typography, { sx: styles.tryAgainText, children: props.tryAgainButtonText })] }) }) }) }) }), _jsx(Box, { sx: styles.presentedByContainer, children: props.renderPresentedBy(textColor) })] }));
|
|
65
|
+
};
|
|
66
|
+
return (_jsxs(_Fragment, { children: [finalImage ? (_jsx(Box, { sx: styles.mobileHeadlineWithImage, children: _jsx(Box, { sx: styles.mobileHeadlineContent, children: _jsxs(Box, { children: [_jsxs(Box, { sx: {
|
|
67
|
+
display: "flex",
|
|
68
|
+
alignItems: "center",
|
|
69
|
+
justifyContent: "center",
|
|
70
|
+
gap: spacingScale["3xs"],
|
|
71
|
+
}, children: [_jsx(Typography, { level: "body-sm", sx: styles.headlineTypographyMobileImage, children: props.headline }), _jsx(Rules, { rulesDisplay: props.rulesDisplay, rules: props.entity.rules || "" })] }), _jsxs(Box, { sx: styles.contentContainer, children: [_jsx(Typography, { level: "body-lg", sx: styles.titleTypographyMobileImage, children: props.entity.title }), _jsx(Typography, { level: "body-md", sx: styles.descriptionTypographyMobileImage, children: stripHtmlTags(props.entity.description) })] })] }) }) })) : (_jsx(Box, { sx: styles.mobileHeadlineWithoutImage, children: _jsxs(Box, { children: [_jsxs(Box, { sx: {
|
|
72
|
+
display: "flex",
|
|
73
|
+
alignItems: "center",
|
|
74
|
+
justifyContent: "center",
|
|
75
|
+
gap: spacingScale["3xs"],
|
|
76
|
+
}, children: [_jsx(Typography, { level: "body-sm", sx: styles.headlineTypography, children: props.headline }), _jsx(Rules, { rulesDisplay: props.rulesDisplay, rules: props.entity.rules || "" })] }), _jsxs(Box, { sx: styles.contentContainer, children: [_jsx(Typography, { level: "h4", sx: styles.titleTypography, children: props.entity.title }), _jsx(Typography, { level: "body-md", sx: styles.descriptionTypography, children: stripHtmlTags(props.entity.description) })] })] }) })), finalImage && imagePosition === "left" && (_jsx(Box, { sx: styles.imageContainerLeft, children: _jsx("img", { src: finalImage, alt: "illustration", style: styles.image }) })), _jsxs(Box, { sx: styles.mainContentArea, children: [_jsx(Box, { sx: { px: spacingScale.md }, children: _jsx(Box, { sx: styles.desktopHeadlineContainer, children: _jsxs(Box, { sx: {
|
|
77
|
+
display: "flex",
|
|
78
|
+
flexDirection: "column",
|
|
79
|
+
alignItems: "center",
|
|
80
|
+
}, children: [_jsxs(Box, { sx: {
|
|
81
|
+
display: "flex",
|
|
82
|
+
alignItems: "center",
|
|
83
|
+
gap: spacingScale["3xs"],
|
|
84
|
+
}, children: [_jsx(Typography, { level: "body-sm", sx: styles.headlineTypography, children: props.headline }), _jsx(Rules, { rulesDisplay: props.rulesDisplay, rules: props.entity.rules || "" })] }), _jsxs(Box, { sx: styles.contentContainer, children: [_jsx(Typography, { level: "h4", sx: styles.titleTypographyDesktop, children: props.entity.title }), _jsx(Typography, { level: "body-md", sx: styles.descriptionTypographyDesktop, children: stripHtmlTags(props.entity.description) })] })] }) }) }), _jsx(Box, { sx: styles.questionArea, children: _jsx(Box, { sx: styles.questionContainer, children: _jsx(Box, { sx: styles.alertContainer, children: _jsx(AlertMessage, { variant: props.alertVariant || "error", title: alertTitle, message: alertMessage }) }) }) }), renderTryAgain(), !props.isApiError && (_jsx(Box, { sx: { ...styles.presentedByContainer, mt: "auto" }, children: props.renderPresentedBy(textColor) }))] }), finalImage && imagePosition === "right" && (_jsx(Box, { sx: styles.imageContainerRight, children: _jsx("img", { src: finalImage, alt: "illustration", style: styles.image }) }))] }));
|
|
85
|
+
};
|
|
86
|
+
export default StandardApiErrorSkeleton;
|
|
87
|
+
//# sourceMappingURL=StandardApiErrorSkeleton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StandardApiErrorSkeleton.js","sourceRoot":"","sources":["../../../../../src/components/Skeletons/Standard/ApiError/StandardApiErrorSkeleton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/constants/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEzD,eAAO,MAAM,gBAAgB,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/constants/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEzD,eAAO,MAAM,gBAAgB,EAAE,UAAU,EAWxC,CAAC;AAEF,eAAO,MAAM,oBAAoB,UAAyC,CAAC;AAE3E,eAAO,MAAM,SAAS,EAAE,WAAW,EAualC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAexD,CAAC"}
|
package/functions/functions.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export { useSpacingScale, getSpacing, isMobile, isExtraSmall, isTablet, isDesktop, useFontFamily, useCornerRadius, useColors, useBorderSize, useInternalTheme, useImageBackgroundGradient, isLarge, useCurrentThemeMode, } from './theme';
|
|
2
|
-
export { stripHtmlTags, hexToRgb, isAndroid, getDefaultCountryByCode, getDefaultCountryByLanguage, extractBrandingModelProperties, extractBrandingProperties, sanitizeBackgroundUrl, mapContentTypeToConsentEntityType, getBrandingClickUrl, } from './helpers';
|
|
2
|
+
export { stripHtmlTags, hexToRgb, isAndroid, getDefaultCountryByCode, getDefaultCountryByLanguage, extractBrandingModelProperties, extractBrandingProperties, sanitizeBackgroundUrl, mapContentTypeToConsentEntityType, getBrandingClickUrl, getRelatedInfoPageId, } from './helpers';
|
|
3
3
|
export { initializeI18n } from './i18n';
|
|
4
4
|
//# sourceMappingURL=functions.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"functions.d.ts","sourceRoot":"","sources":["../../src/functions/functions.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,aAAa,EACb,eAAe,EACf,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,0BAA0B,EAC1B,OAAO,EACP,mBAAmB,GACpB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,aAAa,EACb,QAAQ,EACR,SAAS,EACT,uBAAuB,EACvB,2BAA2B,EAC3B,8BAA8B,EAC9B,yBAAyB,EACzB,qBAAqB,EACrB,iCAAiC,EACjC,mBAAmB,
|
|
1
|
+
{"version":3,"file":"functions.d.ts","sourceRoot":"","sources":["../../src/functions/functions.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,aAAa,EACb,eAAe,EACf,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,0BAA0B,EAC1B,OAAO,EACP,mBAAmB,GACpB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,aAAa,EACb,QAAQ,EACR,SAAS,EACT,uBAAuB,EACvB,2BAA2B,EAC3B,8BAA8B,EAC9B,yBAAyB,EACzB,qBAAqB,EACrB,iCAAiC,EACjC,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC"}
|
package/functions/helpers.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { BrandingColorsModel, BrandingModel, ConsentEntityType } from 'fansunited-sdk-esm';
|
|
1
|
+
import { BrandingColorsModel, BrandingModel, ConsentEntityType, RelatedEntityRelationship } from 'fansunited-sdk-esm';
|
|
2
2
|
import { Branding, BrandingColors } from '../interfaces/interfaces';
|
|
3
3
|
|
|
4
4
|
export declare const stripHtmlTags: (html: string | null) => string;
|
|
@@ -31,4 +31,5 @@ export declare const mapContentTypeToConsentEntityType: (type: string | undefine
|
|
|
31
31
|
* - For logos: use secondaryUrl if available, otherwise primaryUrl if available, otherwise null
|
|
32
32
|
*/
|
|
33
33
|
export declare const getBrandingClickUrl: (primaryUrl: string | null | undefined, secondaryUrl: string | null | undefined, target: "image" | "logo") => string | null;
|
|
34
|
+
export declare const getRelatedInfoPageId: (related: RelatedEntityRelationship[] | undefined | null) => string | null;
|
|
34
35
|
//# sourceMappingURL=helpers.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../src/functions/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,aAAa,EACb,iBAAiB,
|
|
1
|
+
{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../src/functions/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,aAAa,EACb,iBAAiB,EACjB,yBAAyB,EAC1B,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAEpE,eAAO,MAAM,aAAa,SAAU,MAAM,GAAG,IAAI,KAAG,MAKnD,CAAC;AAEF,eAAO,MAAM,QAAQ,QAAS,MAAM,KAAG,MAUtC,CAAC;AAGF,eAAO,MAAM,SAAS,QAAO,OAE5B,CAAC;AAEF,eAAO,MAAM,uBAAuB,qBAAsB,MAAM,GAAG,IAAI,oCAItE,CAAC;AAEF,eAAO,MAAM,2BAA2B,aAAc,MAAM,GAAG,IAAI,oCAIlE,CAAC;AAEF,eAAO,MAAM,gBAAgB,SAAU,MAAM,oCAE5C,CAAC;AAEF,eAAO,MAAM,8BAA8B,aAC/B,aAAa,GAAG,IAAI;;;;CAoB/B,CAAC;AAEF,eAAO,MAAM,yBAAyB,aAAc,QAAQ,GAAG,IAAI;;;;CAmBlE,CAAC;AAEF,eAAO,MAAM,qBAAqB,QAAS,MAAM,WAMhD,CAAC;AAEF,eAAO,MAAM,iCAAiC,SACtC,MAAM,GAAG,SAAS,GAAG,IAAI,KAC9B,iBAAiB,GAAG,SAsBtB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,mBAAmB,eAClB,MAAM,GAAG,IAAI,GAAG,SAAS,gBACvB,MAAM,GAAG,IAAI,GAAG,SAAS,UAC/B,OAAO,GAAG,MAAM,KACvB,MAAM,GAAG,IAUX,CAAC;AAEF,eAAO,MAAM,oBAAoB,YACtB,yBAAyB,EAAE,GAAG,SAAS,GAAG,IAAI,KACtD,MAAM,GAAG,IAQX,CAAC"}
|