@smg-automotive/components 27.3.0 → 27.3.2-apps-switch-components-to-workspace.1

package/dist/cjs/index.js

@@ -2978,8 +2978,6 @@ const OrderedList = ({ children }) => {
     return (jsxRuntime.jsx(Root$2, { as: "ol", listStyleType: "decimal", children: children }));
 };
 
-const DialogCloseButton = React.forwardRef((props, ref) => (jsxRuntime.jsx(react.CloseButton, { ref: ref, cursor: 'pointer', ...props })));
-
 const H1 = ({ textStyle = 'heading1', children, ...rest }) => (jsxRuntime.jsx(react.Heading, { as: "h1", textStyle: textStyle, ...rest, children: children }));
 const H2 = ({ textStyle = 'heading2', children, ...rest }) => (jsxRuntime.jsx(react.Heading, { as: "h2", textStyle: textStyle, ...rest, children: children }));
 const H3 = ({ textStyle = 'heading3', children, ...rest }) => (jsxRuntime.jsx(react.Heading, { as: "h3", textStyle: textStyle, ...rest, children: children }));
@@ -2987,6 +2985,8 @@ const H4 = ({ textStyle = 'heading4', children, ...rest }) => (jsxRuntime.jsx(re
 const H5 = ({ textStyle = 'heading5', children, ...rest }) => (jsxRuntime.jsx(react.Heading, { as: "h5", textStyle: textStyle, ...rest, children: children }));
 const H6 = ({ textStyle = 'heading6', children, ...rest }) => (jsxRuntime.jsx(react.Heading, { as: "h6", textStyle: textStyle, ...rest, children: children }));
 
+const DialogCloseButton = React.forwardRef((props, ref) => (jsxRuntime.jsx(react.CloseButton, { ref: ref, cursor: 'pointer', ...props })));
+
 const Dialog = ({ title, open, onOpenChange, primaryActionButton, secondaryActionButton, children, size, motionPreset = 'scale', variant, overlayColor, disableBodyPadding = false, ...props }) => {
     const dialogSize = size || variant !== 'fullScreen' ? { xs: 'full', sm: size } : 'full';
     const bothActionButtons = primaryActionButton && secondaryActionButton;
@@ -4924,6 +4924,10 @@ const EnergyLabel = (props) => {
     return (jsxRuntime.jsxs(Flex, { css: styles.root, children: [jsxRuntime.jsx(react.Box, { css: styles.triangle }), jsxRuntime.jsx(Flex, { css: styles.textWrapper, children: jsxRuntime.jsx(Text$1, { css: styles.text, children: efficiency.toString() }) })] }));
 };
 
+const getStaticImageSource = (image) => {
+    return typeof image === 'string' ? image : image.src;
+};
+
 const PageLayout = ({ header, maxContentWidth, skyScraperAd, footer, heroAd, children, }) => {
     return (jsxRuntime.jsx(BaseLayout, { header: header, footer: footer, skyScraperAd: skyScraperAd, heroAd: heroAd, maxContentWidth: maxContentWidth, children: children }));
 };
@@ -4978,56 +4982,56 @@ const Nonce = () => {
 };
 const config = {
     404: {
-        illustration: img$5,
+        illustration: getStaticImageSource(img$5),
         buttonColumns: 1,
         content: Nonce,
         primaryAction: Nonce,
         secondaryAction: BackToHomepageSecondary,
     },
     500: {
-        illustration: img$6,
+        illustration: getStaticImageSource(img$6),
         buttonColumns: 1,
         content: Nonce,
         primaryAction: Nonce,
         secondaryAction: BackToHomepageSecondary,
     },
     clientSide: {
-        illustration: img$6,
+        illustration: getStaticImageSource(img$6),
         buttonColumns: 2,
         content: Nonce,
         primaryAction: Reload,
         secondaryAction: BackToHomepageSecondary,
     },
     UNVERIFIED_EMAIL: {
-        illustration: img$5,
+        illustration: getStaticImageSource(img$5),
         buttonColumns: 2,
         content: Nonce,
         primaryAction: BackToLogin,
         secondaryAction: ContactSupport,
     },
     INITIAL_UNVERIFIED_EMAIL: {
-        illustration: img$7,
+        illustration: getStaticImageSource(img$7),
         buttonColumns: 1,
         content: Nonce,
         primaryAction: BackToLogin,
         secondaryAction: Nonce,
     },
     USER_BLOCKED: {
-        illustration: img$5,
+        illustration: getStaticImageSource(img$5),
         buttonColumns: 1,
         content: Nonce,
         primaryAction: Nonce,
         secondaryAction: ContactSupport,
     },
     UNKNOWN_AUTH_ERROR: {
-        illustration: img$5,
+        illustration: getStaticImageSource(img$5),
         buttonColumns: 2,
         content: Nonce,
         primaryAction: BackToLogin,
         secondaryAction: ContactSupport,
     },
     EMAIL_CHANGE_VERIFICATION_ERROR: {
-        illustration: img$5,
+        illustration: getStaticImageSource(img$5),
         buttonColumns: 1,
         content: EmailChangeVerificationErrorContent,
         primaryAction: BackToHomepagePrimary,
@@ -5797,7 +5801,7 @@ var img$1 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARAAAABQCAMAAADm+9r/A
 
 const FooterApps = ({ config }) => {
     const { t } = useI18n();
-    return (jsxRuntime.jsx(GridItem, { children: jsxRuntime.jsxs(Stack$1, { paddingY: { base: '2xl', md: 'md' }, paddingX: { base: 'md', md: '0' }, gap: "md", children: [jsxRuntime.jsx(Text$1, { textStyle: "heading5", children: t('footer.apps.title') }), jsxRuntime.jsxs(Root$2, { children: [jsxRuntime.jsx(Item, { display: "flex", alignItems: "center", children: jsxRuntime.jsx(FooterLink, { linkInstance: config.apps.android[0], children: jsxRuntime.jsx(react.Image, { src: img$2, alt: 'Googleplay Icon', width: "3xl", height: "auto", loading: "lazy" }) }) }), jsxRuntime.jsx(Item, { display: "flex", alignItems: "center", mt: "md", children: jsxRuntime.jsx(FooterLink, { linkInstance: config.apps.apple[0], children: jsxRuntime.jsx(react.Image, { src: img$1, alt: 'Appsore Icon', width: "3xl", height: "auto", loading: "lazy" }) }) })] })] }) }));
+    return (jsxRuntime.jsx(GridItem, { children: jsxRuntime.jsxs(Stack$1, { paddingY: { base: '2xl', md: 'md' }, paddingX: { base: 'md', md: '0' }, gap: "md", children: [jsxRuntime.jsx(Text$1, { textStyle: "heading5", children: t('footer.apps.title') }), jsxRuntime.jsxs(Root$2, { children: [jsxRuntime.jsx(Item, { display: "flex", alignItems: "center", children: jsxRuntime.jsx(FooterLink, { linkInstance: config.apps.android[0], children: jsxRuntime.jsx(react.Image, { src: getStaticImageSource(img$2), alt: 'Googleplay Icon', width: "3xl", height: "auto", loading: "lazy" }) }) }), jsxRuntime.jsx(Item, { display: "flex", alignItems: "center", mt: "md", children: jsxRuntime.jsx(FooterLink, { linkInstance: config.apps.apple[0], children: jsxRuntime.jsx(react.Image, { src: getStaticImageSource(img$1), alt: 'Appsore Icon', width: "3xl", height: "auto", loading: "lazy" }) }) })] })] }) }));
 };
 
 const FooterSectionGrid = ({ config }) => {
@@ -8543,7 +8547,7 @@ const TenantSelectionOverview = ({ tenantSelection, setTenantSelection, user, se
         });
         return createTenantLabel(selectedManagedSeller);
     };
-    return (jsxRuntime.jsxs(TenantSelectionModalLayout, { children: [jsxRuntime.jsx(react.Image, { src: img, alt: "tenant selection illustration", width: "3xl", height: "3xl", loading: "lazy" }), jsxRuntime.jsx(H1, { textStyle: "heading3", children: t('auth.tenantSelection.title') }), jsxRuntime.jsx(Text$1, { textAlign: "center", children: t('auth.tenantSelection.description') }), jsxRuntime.jsx(Button$1, { variant: "secondary", onClick: () => {
+    return (jsxRuntime.jsxs(TenantSelectionModalLayout, { children: [jsxRuntime.jsx(react.Image, { src: getStaticImageSource(img), alt: "tenant selection illustration", width: "3xl", height: "3xl", loading: "lazy" }), jsxRuntime.jsx(H1, { textStyle: "heading3", children: t('auth.tenantSelection.title') }), jsxRuntime.jsx(Text$1, { textAlign: "center", children: t('auth.tenantSelection.description') }), jsxRuntime.jsx(Button$1, { variant: "secondary", onClick: () => {
                     setTenantSelection((currentState) => {
                         return { ...currentState, showSelection: true };
                     });
@@ -8642,6 +8646,10 @@ Object.defineProperty(exports, "LinkBox", {
     enumerable: true,
     get: function () { return react.LinkBox; }
 });
+Object.defineProperty(exports, "Portal", {
+    enumerable: true,
+    get: function () { return react.Portal; }
+});
 Object.defineProperty(exports, "useBreakpointValue", {
     enumerable: true,
     get: function () { return react.useBreakpointValue; }