@heycater/qualification-funnel 1.3.4 → 1.3.6

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import { default as default_2 } from 'react';
 
 export declare type FunnelMode = 'embedded' | 'fullscreen';
 
-export declare function QualificationFunnel({ apiEndpoint, googleMapsApiKey, locale, storageKey, onBackground, highlightColor, mode, onCancel, }: QualificationFunnelProps): default_2.JSX.Element | null;
+export declare function QualificationFunnel({ apiEndpoint, googleMapsApiKey, locale, storageKey, onBackground, highlightColor, mode, onCancel, assetBaseUrl, }: QualificationFunnelProps): default_2.JSX.Element | null;
 
 export declare interface QualificationFunnelProps {
     apiEndpoint?: string;
@@ -13,6 +13,7 @@ export declare interface QualificationFunnelProps {
     highlightColor?: 'primary' | 'secondary';
     mode?: FunnelMode;
     onCancel?: () => void;
+    assetBaseUrl?: string;
 }
 
 export { }

package/dist/index.esm.js

@@ -4316,6 +4316,9 @@ const DEFAULT_CONFIG = {
   mode: "embedded"
 };
 let assetsBaseUrl = null;
+function setAssetsBaseUrl(url) {
+  assetsBaseUrl = url.replace(/\/$/, "");
+}
 function getAssetUrl(path) {
   if (assetsBaseUrl === null) {
     assetsBaseUrl = detectAssetsBaseUrl();
@@ -9479,7 +9482,7 @@ const EmbeddedQuestionLayout = ({
               /* @__PURE__ */ jsxs(
                 WrapperBox$1,
                 {
-                  position: isFullscreen ? "inherit" : isMobile ? "inherit" : "absolute",
+                  position: "inherit",
                   width: "100%",
                   flexGrow: 1,
                   display: "flex",
@@ -29438,6 +29441,7 @@ const fetchRatings = async () => {
   }
   return ratings;
 };
+const DEFAULT_ASSET_BASE_URL = "https://cdn.jsdelivr.net/npm/@heycater/qualification-funnel@latest/dist";
 function QualificationFunnel({
   apiEndpoint = "https://api.heycater.com/graphql",
   googleMapsApiKey = "",
@@ -29446,18 +29450,20 @@ function QualificationFunnel({
   onBackground = "light",
   highlightColor = "primary",
   mode = "embedded",
-  onCancel
+  onCancel,
+  assetBaseUrl = DEFAULT_ASSET_BASE_URL
 }) {
   const [ratings, setRatings] = useState(null);
   const [initialized, setInitialized] = useState(false);
   useEffect(() => {
+    setAssetsBaseUrl(assetBaseUrl);
     initConfig({
       graphqlEndpoint: apiEndpoint,
       googleMapsApiKey,
       locale: locale2
     });
     setInitialized(true);
-  }, [apiEndpoint, googleMapsApiKey, locale2]);
+  }, [apiEndpoint, googleMapsApiKey, locale2, assetBaseUrl]);
   useEffect(() => {
     if (initialized) {
       fetchRatings().then(setRatings).catch(console.error);