@ynput/ayon-frontend-shared 0.2.18 → 0.2.20

package/dist/shared/src/components/Feedback/FeedbackContext.es.js

@@ -0,0 +1,369 @@
+import { j as jsxRuntimeExports } from "../../../../_virtual/jsx-runtime.es.js";
+import { cloneDeep } from "lodash";
+import { createContext, useState, useEffect, useContext } from "react";
+import "../../api/base/client.es.js";
+import "../../api/generated/graphql.es.js";
+import "../../api/generated/access.es.js";
+import "../../api/generated/actions.es.js";
+import "../../api/generated/activityFeed.es.js";
+import "../../api/generated/addons.es.js";
+import "../../api/generated/anatomy.es.js";
+import "../../api/generated/attributes.es.js";
+import "../../api/generated/authentication.es.js";
+import "../../api/generated/bundles.es.js";
+import "../../api/generated/configuration.es.js";
+import "../../api/generated/desktop.es.js";
+import "../../api/generated/entityLists.es.js";
+import "../../api/generated/events.es.js";
+import "../../api/generated/files.es.js";
+import "../../api/generated/folders.es.js";
+import "../../api/generated/inbox.es.js";
+import "../../api/generated/links.es.js";
+import "../../api/generated/market.es.js";
+import "../../api/generated/onboarding.es.js";
+import "../../api/generated/operations.es.js";
+import "../../api/generated/products.es.js";
+import "../../api/generated/projectDashboard.es.js";
+import "../../api/generated/projects.es.js";
+import "../../api/generated/reviewables.es.js";
+import "../../api/generated/services.es.js";
+import "../../api/generated/system.es.js";
+import "../../api/generated/tasks.es.js";
+import "../../api/generated/teams.es.js";
+import "../../api/generated/thumbnails.es.js";
+import "../../api/generated/uRIs.es.js";
+import "../../api/generated/users.es.js";
+import "../../api/generated/versions.es.js";
+import "../../api/generated/workfiles.es.js";
+import "../../api/generated/ynputCloud.es.js";
+import "../../api/generated/grouping.es.js";
+import "../../api/generated/views.es.js";
+import "../../api/queries/actions/getActions.es.js";
+import "../../api/queries/activities/getActivities.es.js";
+import "../../api/queries/activities/updateActivities.es.js";
+import "../../api/queries/activities/updateReaction.es.js";
+import "../../api/queries/activities/getMentions.es.js";
+import "../../api/queries/addons/getAddons.es.js";
+import "../../api/queries/addons/updateAddons.es.js";
+import "../../api/queries/attributes/getAttributes.es.js";
+import "../../api/queries/attributes/updateAttributes.es.js";
+import "../../api/queries/authentication/getAuthentication.es.js";
+import "../../api/queries/entities/getEntity.es.js";
+import "../../api/queries/entities/getEntityPanel.es.js";
+import "../../api/queries/entities/updateEntity.es.js";
+import "../../api/queries/entityLists/getLists.es.js";
+import "../../api/queries/entityLists/updateLists.es.js";
+import "../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../api/queries/folders/getFolders.es.js";
+import "../../api/queries/overview/getOverview.es.js";
+import "../../api/queries/overview/updateOverview.es.js";
+import "../../api/queries/project/getProject.es.js";
+import "../../api/queries/project/updateProject.es.js";
+import "../../api/queries/review/getReview.es.js";
+import "../../api/queries/review/updateReview.es.js";
+import { useGetSiteInfoQuery } from "../../api/queries/system/getSystem.es.js";
+import "../../api/queries/userDashboard/getUserDashboard.es.js";
+import { useGetCurrentUserQuery } from "../../api/queries/users/getUsers.es.js";
+import "../../api/queries/users/updateUsers.es.js";
+import "../../api/queries/watchers/getWatchers.es.js";
+import "../../api/queries/permissions/getPermissions.es.js";
+import "../../api/queries/grouping/getGrouping.es.js";
+import "../../api/queries/versions/updateVersions.es.js";
+import "../../api/queries/products/createProduct.es.js";
+import { useGetYnputCloudInfoQuery, useGetFeedbackVerificationQuery } from "../../api/queries/cloud/cloud.es.js";
+import "../../api/queries/views/getViews.es.js";
+import "../../api/queries/views/updateViews.es.js";
+const FeedbackContext = createContext(void 0);
+const FeedbackProvider = ({ children }) => {
+  var _a, _b;
+  const [scriptLoaded, setScriptLoaded] = useState(false);
+  const { data: user } = useGetCurrentUserQuery();
+  const { data: siteInfo } = useGetSiteInfoQuery({ full: true }, { skip: !(user == null ? void 0 : user.name) });
+  const { data: connect } = useGetYnputCloudInfoQuery(void 0, { skip: !(user == null ? void 0 : user.name) });
+  const { data: verification, isLoading: isLoadingVerification } = useGetFeedbackVerificationQuery(
+    void 0,
+    {
+      skip: !(user == null ? void 0 : user.name)
+    }
+  );
+  const loadScript = () => {
+    if (!scriptLoaded) {
+      const script = document.createElement("script");
+      script.src = "https://do.featurebase.app/js/sdk.js";
+      script.id = "featurebase-sdk";
+      script.async = true;
+      document.body.appendChild(script);
+      setScriptLoaded(true);
+    }
+  };
+  const initialize = () => {
+    const win = window;
+    if (typeof win.Featurebase !== "function") {
+      win.Featurebase = function() {
+        (win.Featurebase.q = win.Featurebase.q || []).push(arguments);
+      };
+    }
+  };
+  const serverVersion = ((_a = siteInfo == null ? void 0 : siteInfo.version) == null ? void 0 : _a.split("+")[0]) || "unknown";
+  const frontendVersion = ((_b = siteInfo == null ? void 0 : siteInfo.version) == null ? void 0 : _b.split("+")[1]) || "unknown";
+  const identifyUser = () => {
+    if (!(user == null ? void 0 : user.name) || !verification) return;
+    const verificationData = cloneDeep(verification);
+    const cleanObject = (obj) => {
+      Object.keys(obj).forEach((key) => {
+        if (obj[key] && typeof obj[key] === "object") {
+          cleanObject(obj[key]);
+        } else if (obj[key] === void 0 || obj[key] === null) {
+          delete obj[key];
+        }
+      });
+    };
+    cleanObject(verificationData);
+    const identifyData = {
+      ...verificationData,
+      customFields: {
+        origin: window.location.origin,
+        serverVersion,
+        frontendVersion,
+        instanceId: connect == null ? void 0 : connect.instanceId
+      }
+    };
+    const win = window;
+    win.Featurebase("identify", identifyData, (err) => {
+      if (err) {
+        console.error(err);
+      } else {
+        console.log("Featurebase identify completed");
+      }
+    });
+  };
+  const [messengerLoaded, setMessengerLoaded] = useState(false);
+  const [unreadCount, setUnreadCount] = useState(0);
+  const initializeMessenger = () => {
+    const win = window;
+    if (typeof win.Featurebase === "function") {
+      console.log("Initializing Featurebase messenger widget");
+      win.Featurebase(
+        "boot",
+        {
+          appId: "67b76a31b8a7a2f3181da4ba",
+          email: verification == null ? void 0 : verification.email,
+          theme: "dark",
+          userId: verification == null ? void 0 : verification.userId,
+          // user ID from verification
+          userHash: verification == null ? void 0 : verification.userHash
+          // generated user hash token
+        },
+        (err) => {
+          if (err) {
+            console.error(err);
+          } else {
+            console.log("Featurebase messenger completed");
+            setMessengerLoaded(true);
+            win.Featurebase("onUnreadCountChange", function(unreadCount2) {
+              setUnreadCount(unreadCount2);
+            });
+          }
+        }
+      );
+    }
+  };
+  const initializeChangelog = () => {
+    var _a2, _b2;
+    const categories = [];
+    if ((_a2 = user == null ? void 0 : user.data) == null ? void 0 : _a2.isAdmin) {
+      const adminCategories = ["Server", "Addon", "Pipeline"];
+      categories.push(...adminCategories);
+    } else if (!(siteInfo == null ? void 0 : siteInfo.disableChangelog)) {
+      categories.push("Highlights");
+    }
+    const win = window;
+    if (typeof win.Featurebase === "function") {
+      win.Featurebase("init_changelog_widget", {
+        organization: "ayon",
+        dropdown: {
+          enabled: true
+        },
+        popup: {
+          enabled: true,
+          usersName: (_b2 = user == null ? void 0 : user.attrib) == null ? void 0 : _b2.fullName,
+          autoOpenForNewUpdates: true
+        },
+        category: categories,
+        theme: "dark"
+      });
+    }
+    return false;
+  };
+  const initializeFeedbackWidget = () => {
+    const win = window;
+    if (typeof win.Featurebase === "function") {
+      win.Featurebase(
+        "initialize_feedback_widget",
+        {
+          organization: "ayon",
+          theme: "dark",
+          metadata: {}
+        },
+        (error) => {
+          if (error) {
+            console.error("Error initializing feedback widget:", error);
+          }
+        }
+      );
+    }
+    return false;
+  };
+  const initializePortalWidget = () => {
+    const win = window;
+    if (typeof win.Featurebase === "function") {
+      win.Featurebase(
+        "initialize_portal_widget",
+        {
+          organization: "ayon",
+          fullScreen: true,
+          initialPage: "MainView"
+        },
+        (error) => {
+          if (error) {
+            console.error("Error initializing portal widget:", error);
+            return false;
+          } else {
+            return true;
+          }
+        }
+      );
+    }
+    return false;
+  };
+  useEffect(() => {
+    if (!(user == null ? void 0 : user.name)) return;
+    if (!siteInfo) return;
+    if (scriptLoaded) return;
+    loadScript();
+    initialize();
+    initializeChangelog();
+    initializeFeedbackWidget();
+    initializePortalWidget();
+  }, [user == null ? void 0 : user.name, scriptLoaded, siteInfo]);
+  const [identified, setIdentified] = useState(false);
+  useEffect(() => {
+    if (!(user == null ? void 0 : user.name) || !verification || !scriptLoaded) return;
+    if (identified) return;
+    identifyUser();
+    setIdentified(true);
+  }, [
+    user == null ? void 0 : user.name,
+    connect == null ? void 0 : connect.instanceId,
+    verification == null ? void 0 : verification.userHash,
+    scriptLoaded,
+    window.location.pathname,
+    identified
+  ]);
+  useEffect(() => {
+    if (isLoadingVerification || !scriptLoaded) return;
+    initializeMessenger();
+  }, [verification, isLoadingVerification, scriptLoaded]);
+  const openFeedback = () => {
+    window.postMessage({
+      target: "FeaturebaseWidget",
+      data: {
+        action: "openFeedbackWidget"
+      }
+    });
+  };
+  const openPortal = (page = "MainView", articleId) => {
+    window.postMessage({
+      target: "FeaturebaseWidget",
+      data: {
+        action: "changePage",
+        payload: page,
+        openWidget: true,
+        ...articleId && { articleId }
+      }
+    });
+  };
+  const [messengerVisibility, setMessengerVisibility] = useState(false);
+  const supportElement = document.getElementById("fb-messenger-root");
+  const setSupportDisplay = (show) => supportElement instanceof HTMLElement && (supportElement.style.display = show ? "block" : "none");
+  useEffect(() => {
+    if (!scriptLoaded || !messengerLoaded) return;
+    setSupportDisplay(messengerVisibility);
+  }, [scriptLoaded, messengerLoaded, messengerVisibility]);
+  useEffect(() => {
+    if (!scriptLoaded || !messengerLoaded) return;
+    const win = window;
+    if (typeof win.Featurebase === "function") {
+      win.Featurebase("onHide", function() {
+        setMessengerVisibility(false);
+      });
+    }
+  }, [scriptLoaded, messengerLoaded]);
+  const openSupport = (page = "Home", id) => {
+    const win = window;
+    if (typeof win.Featurebase !== "function") {
+      window.alert("Featurebase SDK is not loaded yet. Please try again later.");
+      console.warn("Featurebase SDK is not loaded yet.");
+      return;
+    }
+    if (messengerVisibility) {
+      win.Featurebase("hide");
+      setMessengerVisibility(false);
+      return;
+    }
+    setMessengerVisibility(true);
+    switch (page) {
+      case "Home":
+        win.Featurebase("show");
+        break;
+      case "Messages":
+        win.Featurebase("show", "messages");
+        break;
+      case "Changelog":
+        win.Featurebase("show", "changelog");
+        break;
+      case "Help":
+        win.Featurebase("show", "help");
+        break;
+      case "ShowArticle":
+        if (id) win.Featurebase("showArticle", id);
+        else win.Featurebase("show", "help");
+        break;
+      case "NewMessage":
+        win.Featurebase("showNewMessage", id);
+        break;
+      default:
+        win.Featurebase("show");
+        break;
+    }
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    FeedbackContext.Provider,
+    {
+      value: {
+        openSupport,
+        openFeedback,
+        openPortal,
+        messengerLoaded,
+        unreadCount,
+        messengerVisibility,
+        setMessengerVisibility,
+        loaded: scriptLoaded
+      },
+      children
+    }
+  );
+};
+const useFeedback = () => {
+  const context = useContext(FeedbackContext);
+  if (!context) {
+    throw new Error("useFeedback must be used within a FeedbackProvider");
+  }
+  return context;
+};
+export {
+  FeedbackProvider,
+  useFeedback
+};
+//# sourceMappingURL=FeedbackContext.es.js.map

package/dist/shared/src/components/Feedback/FeedbackContext.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackContext.es.js","sources":["../../../../../src/components/Feedback/FeedbackContext.tsx"],"sourcesContent":["import { cloneDeep } from 'lodash'\nimport React, { createContext, useContext, ReactNode, useEffect, useState } from 'react'\nimport {\n  useGetCurrentUserQuery,\n  useGetFeedbackVerificationQuery,\n  useGetSiteInfoQuery,\n  useGetYnputCloudInfoQuery,\n} from '@shared/api'\n\nexport type FeedbackContextType = {\n  loaded: boolean\n  openSupport: (\n    page?: 'Home' | 'Messages' | 'Changelog' | 'Help' | 'NewMessage' | 'ShowArticle',\n    id?: string,\n  ) => void\n  messengerLoaded: boolean // whether the messenger widget is loaded\n  unreadCount: number // number of unread messages\n  messengerVisibility: boolean\n  setMessengerVisibility: (show: boolean) => void // show/hide the messenger icon\n  openFeedback: () => void\n  openPortal: (\n    page?: 'MainView' | 'RoadmapView' | 'CreatePost' | 'PostsView' | 'ChangelogView' | 'HelpView',\n    articleId?: string,\n  ) => void\n}\n\nconst FeedbackContext = createContext<FeedbackContextType | undefined>(undefined)\n\ntype FeedbackProviderProps = {\n  children: ReactNode\n}\n\nexport const FeedbackProvider: React.FC<FeedbackProviderProps> = ({ children }) => {\n  const [scriptLoaded, setScriptLoaded] = useState(false)\n\n  const { data: user } = useGetCurrentUserQuery()\n  const { data: siteInfo } = useGetSiteInfoQuery({ full: true }, { skip: !user?.name })\n  const { data: connect } = useGetYnputCloudInfoQuery(undefined, { skip: !user?.name })\n  const { data: verification, isLoading: isLoadingVerification } = useGetFeedbackVerificationQuery(\n    undefined,\n    {\n      skip: !user?.name,\n    },\n  )\n\n  const loadScript = () => {\n    if (!scriptLoaded) {\n      const script = document.createElement('script')\n      script.src = 'https://do.featurebase.app/js/sdk.js'\n      script.id = 'featurebase-sdk'\n      script.async = true\n      document.body.appendChild(script)\n      setScriptLoaded(true)\n    }\n  }\n\n  const initialize = () => {\n    // Initialize Featurebase\n    const win = window as any\n    if (typeof win.Featurebase !== 'function') {\n      win.Featurebase = function () {\n        ;(win.Featurebase.q = win.Featurebase.q || []).push(arguments)\n      }\n    }\n  }\n\n  const serverVersion = siteInfo?.version?.split('+')[0] || 'unknown'\n  const frontendVersion = siteInfo?.version?.split('+')[1] || 'unknown'\n\n  const identifyUser = () => {\n    if (!user?.name || !verification) return\n    const verificationData = cloneDeep(verification)\n    // delete any undefined/null properties\n    const cleanObject = (obj: any) => {\n      Object.keys(obj).forEach((key) => {\n        if (obj[key] && typeof obj[key] === 'object') {\n          cleanObject(obj[key])\n        } else if (obj[key] === undefined || obj[key] === null) {\n          delete obj[key]\n        }\n      })\n    }\n\n    cleanObject(verificationData)\n\n    const identifyData = {\n      ...verificationData,\n      customFields: {\n        origin: window.location.origin,\n        serverVersion: serverVersion,\n        frontendVersion: frontendVersion,\n        instanceId: connect?.instanceId,\n      },\n    }\n\n    const win = window as any\n    win.Featurebase('identify', identifyData, (err: any) => {\n      // Callback function. Called when identify completed.\n      if (err) {\n        console.error(err)\n      } else {\n        console.log('Featurebase identify completed')\n      }\n    })\n  }\n\n  const [messengerLoaded, setMessengerLoaded] = useState(false)\n  const [unreadCount, setUnreadCount] = useState(0)\n\n  // MESSENGER WIDGET\n  const initializeMessenger = (): void => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      console.log('Initializing Featurebase messenger widget')\n      win.Featurebase(\n        'boot',\n        {\n          appId: '67b76a31b8a7a2f3181da4ba',\n          email: verification?.email,\n          theme: 'dark',\n          userId: verification?.userId, // user ID from verification\n          userHash: verification?.userHash, // generated user hash token\n        },\n        (err: any) => {\n          // Callback function. Called when identify completed.\n          if (err) {\n            console.error(err)\n          } else {\n            console.log('Featurebase messenger completed')\n            setMessengerLoaded(true)\n\n            // register event listener for unread messages\n            win.Featurebase('onUnreadCountChange', function (unreadCount: number) {\n              setUnreadCount(unreadCount)\n            })\n          }\n        },\n      )\n    }\n  }\n\n  // CHANGELOG WIDGET\n  const initializeChangelog = (): boolean => {\n    // everyone sees highlights\n    const categories: string[] = []\n\n    if (user?.data?.isAdmin) {\n      // admins see everything\n      const adminCategories = ['Server', 'Addon', 'Pipeline']\n      categories.push(...adminCategories)\n    } else if (!siteInfo?.disableChangelog) {\n      // users only see highlights (unless disabled)\n      // admins do not see highlights as it is a subset of the other categories\n      categories.push('Highlights')\n    }\n\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase('init_changelog_widget', {\n        organization: 'ayon',\n        dropdown: {\n          enabled: true,\n        },\n        popup: {\n          enabled: true,\n          usersName: user?.attrib?.fullName,\n          autoOpenForNewUpdates: true,\n        },\n        category: categories,\n        theme: 'dark',\n      })\n    }\n    return false\n  }\n\n  // FEEDBACK WIDGET\n  const initializeFeedbackWidget = (): boolean => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase(\n        'initialize_feedback_widget',\n        {\n          organization: 'ayon',\n          theme: 'dark',\n          metadata: {},\n        },\n        (error: any) => {\n          if (error) {\n            console.error('Error initializing feedback widget:', error)\n          } else {\n          }\n        },\n      )\n    }\n    return false\n  }\n\n  // PORTAL WIDGET (old)\n  const initializePortalWidget = (): boolean => {\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase(\n        'initialize_portal_widget',\n        {\n          organization: 'ayon',\n          fullScreen: true,\n          initialPage: 'MainView',\n        },\n        (error: any) => {\n          if (error) {\n            console.error('Error initializing portal widget:', error)\n            return false\n          } else {\n            return true\n          }\n        },\n      )\n    }\n    return false\n  }\n\n  // Use an environment variable to skip loading Featurebase in certain environments\n  // @ts-expect-error: Vite provides import.meta.env at runtime\n  const skipFeaturebase = import.meta.env.VITE_SKIP_FEATUREBASE === 'true'\n\n  // Load Featurebase script and initialize widgets\n  useEffect(() => {\n    // if skip flag is set, do not load the script\n    if (skipFeaturebase) return\n    // if not logged in, do not load the script\n    if (!user?.name) return\n    if (!siteInfo) return\n\n    // if already loaded, do not load again\n    if (scriptLoaded) return\n\n    // Load the Featurebase script\n    loadScript()\n\n    // Initialize Featurebase\n    initialize()\n\n    // Initialize changelog widget\n    initializeChangelog()\n\n    // Initialize feedback widget\n    initializeFeedbackWidget()\n\n    // Initialize portal widget\n    initializePortalWidget()\n  }, [user?.name, scriptLoaded, siteInfo])\n\n  const [identified, setIdentified] = useState(false)\n  // verify user\n  useEffect(() => {\n    // check if we can identify the user\n    if (!user?.name || !verification || !scriptLoaded) return\n    // if we are already identified, do not identify again\n    if (identified) return\n    // Identify the user\n    identifyUser()\n    setIdentified(true)\n  }, [\n    user?.name,\n    connect?.instanceId,\n    verification?.userHash,\n    scriptLoaded,\n    window.location.pathname,\n    identified,\n  ])\n\n  // load messenger widget once verification is done loading\n  // we don't need verification but we should use it if we have it\n  useEffect(() => {\n    // wait for script to be loaded and verification to finish loading\n    if (isLoadingVerification || !scriptLoaded) return\n\n    // initialize the messenger widget\n    initializeMessenger()\n  }, [verification, isLoadingVerification, scriptLoaded])\n\n  const openFeedback: FeedbackContextType['openFeedback'] = () => {\n    window.postMessage({\n      target: 'FeaturebaseWidget',\n      data: {\n        action: 'openFeedbackWidget',\n      },\n    })\n  }\n\n  const openPortal = (\n    page:\n      | 'MainView'\n      | 'RoadmapView'\n      | 'CreatePost'\n      | 'PostsView'\n      | 'ChangelogView'\n      | 'HelpView' = 'MainView',\n    articleId?: string,\n  ) => {\n    window.postMessage({\n      target: 'FeaturebaseWidget',\n      data: {\n        action: 'changePage',\n        payload: page,\n        openWidget: true,\n        ...(articleId && { articleId }),\n      },\n    })\n  }\n\n  const [messengerVisibility, setMessengerVisibility] = useState(false)\n  const supportElement = document.getElementById('fb-messenger-root')\n\n  const setSupportDisplay = (show: boolean) =>\n    supportElement instanceof HTMLElement &&\n    (supportElement.style.display = show ? 'block' : 'none')\n\n  useEffect(() => {\n    if (!scriptLoaded || !messengerLoaded) return\n    setSupportDisplay(messengerVisibility)\n  }, [scriptLoaded, messengerLoaded, messengerVisibility])\n\n  // when the messenger is hidden, we need to hide the root element again\n  useEffect(() => {\n    if (!scriptLoaded || !messengerLoaded) return\n    const win = window as any\n    if (typeof win.Featurebase === 'function') {\n      win.Featurebase('onHide', function () {\n        // hide the messenger root element\n        setMessengerVisibility(false)\n      })\n    }\n  }, [scriptLoaded, messengerLoaded])\n\n  const openSupport: FeedbackContextType['openSupport'] = (page = 'Home', id) => {\n    const win = window as any\n    if (typeof win.Featurebase !== 'function') {\n      window.alert('Featurebase SDK is not loaded yet. Please try again later.')\n      console.warn('Featurebase SDK is not loaded yet.')\n      return\n    }\n\n    if (messengerVisibility) {\n      //  if the messenger is already visible, close it\n      win.Featurebase('hide')\n      setMessengerVisibility(false)\n      return\n    }\n\n    // ensure the messenger is visible\n    setMessengerVisibility(true)\n\n    switch (page) {\n      case 'Home':\n        // Show messenger home\n        win.Featurebase('show')\n        break\n      case 'Messages':\n        // Show messages view\n        win.Featurebase('show', 'messages')\n        break\n      case 'Changelog':\n        // Show changelog view\n        win.Featurebase('show', 'changelog')\n        break\n      case 'Help':\n        // Open help center\n        win.Featurebase('show', 'help')\n        break\n      case 'ShowArticle':\n        // Open a specific help article\n        if (id) win.Featurebase('showArticle', id)\n        else win.Featurebase('show', 'help')\n        break\n      case 'NewMessage':\n        // Open new message dialog\n        win.Featurebase('showNewMessage', id)\n        break\n      default:\n        // Default to showing the main widget\n        win.Featurebase('show')\n        break\n    }\n  }\n\n  return (\n    <FeedbackContext.Provider\n      value={{\n        openSupport,\n        openFeedback,\n        openPortal,\n        messengerLoaded,\n        unreadCount,\n        messengerVisibility,\n        setMessengerVisibility,\n        loaded: scriptLoaded,\n      }}\n    >\n      {children}\n    </FeedbackContext.Provider>\n  )\n}\n\nexport const useFeedback = (): FeedbackContextType => {\n  const context = useContext(FeedbackContext)\n  if (!context) {\n    throw new Error('useFeedback must be used within a FeedbackProvider')\n  }\n  return context\n}\n"],"names":["unreadCount","_a","_b","jsx"],"mappings":"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"}

package/dist/shared/src/components/Feedback/SupportBubble.cjs.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../../_virtual/jsx-runtime.cjs.js");
+const React = require("react");
+const SupportBubble = React.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+    "svg",
+    {
+      width: "25",
+      height: "22",
+      viewBox: "0 0 25 22",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      ref,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          "path",
+          {
+            d: "M0.938178 10.6543C0.816721 5.48877 5.1207 1.23771 10.4975 1.11128C15.8743 0.98486 20.3734 5.02894 20.4948 10.1945C20.6163 15.36 16.3122 19.6111 10.9354 19.7376C9.75118 19.7654 8.61022 19.5914 7.5495 19.2479C7.33438 19.1783 7.0983 19.1794 6.88174 19.2638L5.242 19.9017C4.31715 20.2614 3.35776 19.4629 3.54364 18.4881L3.72118 17.557C3.78241 17.2359 3.67515 16.9129 3.45681 16.6832C1.94083 15.0885 0.992941 12.9834 0.938178 10.6543Z",
+            stroke: "white",
+            strokeWidth: "1.5"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          "path",
+          {
+            d: "M15.3853 4.70168C19.9873 4.59348 23.892 8.06066 23.9977 12.5556C24.0445 14.5475 23.3301 16.3832 22.121 17.8111C22.0428 17.9034 22.0185 18.0146 22.041 18.108L22.2908 19.1496C22.5495 20.2281 21.5204 21.1699 20.469 20.8169L18.8159 20.2617C18.7509 20.2398 18.6726 20.2401 18.5934 20.2693C17.7115 20.5946 16.7586 20.7823 15.764 20.8057C11.1621 20.9139 7.2573 17.4467 7.1516 12.9517C7.04592 8.45675 10.7834 4.80988 15.3853 4.70168Z",
+            fill: "white",
+            stroke: "#1C2026",
+            strokeWidth: "1.5"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          "path",
+          {
+            d: "M20.1373 12.6133C19.942 15.1992 17.8037 17.2074 15.2107 17.2402L14.7621 17.2459",
+            stroke: "#232323",
+            strokeWidth: "1.5",
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    }
+  );
+});
+exports.SupportBubble = SupportBubble;
+//# sourceMappingURL=SupportBubble.cjs.js.map

package/dist/shared/src/components/Feedback/SupportBubble.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SupportBubble.cjs.js","sources":["../../../../../src/components/Feedback/SupportBubble.tsx"],"sourcesContent":["import { forwardRef } from 'react'\n\ninterface SupportBubbleProps extends React.HTMLAttributes<SVGSVGElement> {}\n\nexport const SupportBubble = forwardRef<SVGSVGElement, SupportBubbleProps>(({ ...props }, ref) => {\n  return (\n    <svg\n      width=\"25\"\n      height=\"22\"\n      viewBox=\"0 0 25 22\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n      ref={ref}\n    >\n      <path\n        d=\"M0.938178 10.6543C0.816721 5.48877 5.1207 1.23771 10.4975 1.11128C15.8743 0.98486 20.3734 5.02894 20.4948 10.1945C20.6163 15.36 16.3122 19.6111 10.9354 19.7376C9.75118 19.7654 8.61022 19.5914 7.5495 19.2479C7.33438 19.1783 7.0983 19.1794 6.88174 19.2638L5.242 19.9017C4.31715 20.2614 3.35776 19.4629 3.54364 18.4881L3.72118 17.557C3.78241 17.2359 3.67515 16.9129 3.45681 16.6832C1.94083 15.0885 0.992941 12.9834 0.938178 10.6543Z\"\n        stroke=\"white\"\n        strokeWidth=\"1.5\"\n      />\n      <path\n        d=\"M15.3853 4.70168C19.9873 4.59348 23.892 8.06066 23.9977 12.5556C24.0445 14.5475 23.3301 16.3832 22.121 17.8111C22.0428 17.9034 22.0185 18.0146 22.041 18.108L22.2908 19.1496C22.5495 20.2281 21.5204 21.1699 20.469 20.8169L18.8159 20.2617C18.7509 20.2398 18.6726 20.2401 18.5934 20.2693C17.7115 20.5946 16.7586 20.7823 15.764 20.8057C11.1621 20.9139 7.2573 17.4467 7.1516 12.9517C7.04592 8.45675 10.7834 4.80988 15.3853 4.70168Z\"\n        fill=\"white\"\n        stroke=\"#1C2026\"\n        strokeWidth=\"1.5\"\n      />\n      <path\n        d=\"M20.1373 12.6133C19.942 15.1992 17.8037 17.2074 15.2107 17.2402L14.7621 17.2459\"\n        stroke=\"#232323\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  )\n})\n"],"names":["forwardRef","jsxs","jsx"],"mappings":";;;;AAIO,MAAM,gBAAgBA,MAAAA,WAA8C,CAAC,EAAE,GAAG,MAAA,GAAS,QAAQ;AAE9F,SAAAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACL,GAAG;AAAA,MACJ;AAAA,MAEA,UAAA;AAAA,QAAAC,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,QAAO;AAAA,YACP,aAAY;AAAA,UAAA;AAAA,QACd;AAAA,QACAA,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,YACL,QAAO;AAAA,YACP,aAAY;AAAA,UAAA;AAAA,QACd;AAAA,QACAA,2BAAA,kBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,QAAO;AAAA,YACP,aAAY;AAAA,YACZ,eAAc;AAAA,UAAA;AAAA,QAAA;AAAA,MAChB;AAAA,IAAA;AAAA,EACF;AAEJ,CAAC;;"}

package/dist/shared/src/components/Feedback/SupportBubble.es.js

@@ -0,0 +1,48 @@
+import { j as jsxRuntimeExports } from "../../../../_virtual/jsx-runtime.es.js";
+import { forwardRef } from "react";
+const SupportBubble = forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "svg",
+    {
+      width: "25",
+      height: "22",
+      viewBox: "0 0 25 22",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      ref,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "path",
+          {
+            d: "M0.938178 10.6543C0.816721 5.48877 5.1207 1.23771 10.4975 1.11128C15.8743 0.98486 20.3734 5.02894 20.4948 10.1945C20.6163 15.36 16.3122 19.6111 10.9354 19.7376C9.75118 19.7654 8.61022 19.5914 7.5495 19.2479C7.33438 19.1783 7.0983 19.1794 6.88174 19.2638L5.242 19.9017C4.31715 20.2614 3.35776 19.4629 3.54364 18.4881L3.72118 17.557C3.78241 17.2359 3.67515 16.9129 3.45681 16.6832C1.94083 15.0885 0.992941 12.9834 0.938178 10.6543Z",
+            stroke: "white",
+            strokeWidth: "1.5"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "path",
+          {
+            d: "M15.3853 4.70168C19.9873 4.59348 23.892 8.06066 23.9977 12.5556C24.0445 14.5475 23.3301 16.3832 22.121 17.8111C22.0428 17.9034 22.0185 18.0146 22.041 18.108L22.2908 19.1496C22.5495 20.2281 21.5204 21.1699 20.469 20.8169L18.8159 20.2617C18.7509 20.2398 18.6726 20.2401 18.5934 20.2693C17.7115 20.5946 16.7586 20.7823 15.764 20.8057C11.1621 20.9139 7.2573 17.4467 7.1516 12.9517C7.04592 8.45675 10.7834 4.80988 15.3853 4.70168Z",
+            fill: "white",
+            stroke: "#1C2026",
+            strokeWidth: "1.5"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "path",
+          {
+            d: "M20.1373 12.6133C19.942 15.1992 17.8037 17.2074 15.2107 17.2402L14.7621 17.2459",
+            stroke: "#232323",
+            strokeWidth: "1.5",
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    }
+  );
+});
+export {
+  SupportBubble
+};
+//# sourceMappingURL=SupportBubble.es.js.map

package/dist/shared/src/components/Feedback/SupportBubble.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SupportBubble.es.js","sources":["../../../../../src/components/Feedback/SupportBubble.tsx"],"sourcesContent":["import { forwardRef } from 'react'\n\ninterface SupportBubbleProps extends React.HTMLAttributes<SVGSVGElement> {}\n\nexport const SupportBubble = forwardRef<SVGSVGElement, SupportBubbleProps>(({ ...props }, ref) => {\n  return (\n    <svg\n      width=\"25\"\n      height=\"22\"\n      viewBox=\"0 0 25 22\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      {...props}\n      ref={ref}\n    >\n      <path\n        d=\"M0.938178 10.6543C0.816721 5.48877 5.1207 1.23771 10.4975 1.11128C15.8743 0.98486 20.3734 5.02894 20.4948 10.1945C20.6163 15.36 16.3122 19.6111 10.9354 19.7376C9.75118 19.7654 8.61022 19.5914 7.5495 19.2479C7.33438 19.1783 7.0983 19.1794 6.88174 19.2638L5.242 19.9017C4.31715 20.2614 3.35776 19.4629 3.54364 18.4881L3.72118 17.557C3.78241 17.2359 3.67515 16.9129 3.45681 16.6832C1.94083 15.0885 0.992941 12.9834 0.938178 10.6543Z\"\n        stroke=\"white\"\n        strokeWidth=\"1.5\"\n      />\n      <path\n        d=\"M15.3853 4.70168C19.9873 4.59348 23.892 8.06066 23.9977 12.5556C24.0445 14.5475 23.3301 16.3832 22.121 17.8111C22.0428 17.9034 22.0185 18.0146 22.041 18.108L22.2908 19.1496C22.5495 20.2281 21.5204 21.1699 20.469 20.8169L18.8159 20.2617C18.7509 20.2398 18.6726 20.2401 18.5934 20.2693C17.7115 20.5946 16.7586 20.7823 15.764 20.8057C11.1621 20.9139 7.2573 17.4467 7.1516 12.9517C7.04592 8.45675 10.7834 4.80988 15.3853 4.70168Z\"\n        fill=\"white\"\n        stroke=\"#1C2026\"\n        strokeWidth=\"1.5\"\n      />\n      <path\n        d=\"M20.1373 12.6133C19.942 15.1992 17.8037 17.2074 15.2107 17.2402L14.7621 17.2459\"\n        stroke=\"#232323\"\n        strokeWidth=\"1.5\"\n        strokeLinecap=\"round\"\n      />\n    </svg>\n  )\n})\n"],"names":["jsxs","jsx"],"mappings":";;AAIO,MAAM,gBAAgB,WAA8C,CAAC,EAAE,GAAG,MAAA,GAAS,QAAQ;AAE9F,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACL,GAAG;AAAA,MACJ;AAAA,MAEA,UAAA;AAAA,QAAAC,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,QAAO;AAAA,YACP,aAAY;AAAA,UAAA;AAAA,QACd;AAAA,QACAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA,YACL,QAAO;AAAA,YACP,aAAY;AAAA,UAAA;AAAA,QACd;AAAA,QACAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,QAAO;AAAA,YACP,aAAY;AAAA,YACZ,eAAc;AAAA,UAAA;AAAA,QAAA;AAAA,MAChB;AAAA,IAAA;AAAA,EACF;AAEJ,CAAC;"}

package/dist/shared/src/components/PlayableIcon/PlayableIcon.cjs.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../../_virtual/jsx-runtime.cjs.js");
+const ayonReactComponents = require("@ynput/ayon-react-components");
+const clsx = require("clsx");
+const React = require("react");
+const styled = require("styled-components");
+const PlayableIconStyled = styled.span`
+  position: absolute;
+  top: 3px;
+  right: 3px;
+  z-index: 20;
+  --icon-size: 14px;
+  width: var(--icon-size);
+  height: var(--icon-size);
+  pointer-events: none;
+
+  transition: opacity 200ms;
+
+  .icon {
+    font-variation-settings: 'FILL' 1, 'wght' 700, 'GRAD' 200, 'opsz' 24;
+    font-size: var(--icon-size);
+    z-index: 20;
+    position: relative;
+    color: var(--md-sys-color-outline-variant);
+  }
+
+  &::before {
+    content: '';
+    position: absolute;
+    inset: 2px;
+    background: var(--md-sys-color-on-surface);
+    z-index: 0;
+    border-radius: 100%;
+  }
+`;
+const PlayableIcon = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(PlayableIconStyled, { className: clsx("playable", className), ...props, ref, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Icon, { icon: "play_circle" }) });
+  }
+);
+exports.PlayableIcon = PlayableIcon;
+//# sourceMappingURL=PlayableIcon.cjs.js.map

package/dist/shared/src/components/PlayableIcon/PlayableIcon.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayableIcon.cjs.js","sources":["../../../../../src/components/PlayableIcon/PlayableIcon.tsx"],"sourcesContent":["import { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { forwardRef } from 'react'\nimport styled from 'styled-components'\n\nconst PlayableIconStyled = styled.span`\n  position: absolute;\n  top: 3px;\n  right: 3px;\n  z-index: 20;\n  --icon-size: 14px;\n  width: var(--icon-size);\n  height: var(--icon-size);\n  pointer-events: none;\n\n  transition: opacity 200ms;\n\n  .icon {\n    font-variation-settings: 'FILL' 1, 'wght' 700, 'GRAD' 200, 'opsz' 24;\n    font-size: var(--icon-size);\n    z-index: 20;\n    position: relative;\n    color: var(--md-sys-color-outline-variant);\n  }\n\n  &::before {\n    content: '';\n    position: absolute;\n    inset: 2px;\n    background: var(--md-sys-color-on-surface);\n    z-index: 0;\n    border-radius: 100%;\n  }\n`\n\ninterface PlayableIconProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const PlayableIcon = forwardRef<HTMLDivElement, PlayableIconProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <PlayableIconStyled className={clsx('playable', className)} {...props} ref={ref}>\n        <Icon icon=\"play_circle\" />\n      </PlayableIconStyled>\n    )\n  },\n)\n"],"names":["forwardRef","jsx","Icon"],"mappings":";;;;;;;AAKA,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgC3B,MAAM,eAAeA,MAAA;AAAA,EAC1B,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAAQ;AAChC,WACGC,2BAAAA,kBAAAA,IAAA,oBAAA,EAAmB,WAAW,KAAK,YAAY,SAAS,GAAI,GAAG,OAAO,KACrE,UAAAA,iDAACC,oBAAAA,MAAK,EAAA,MAAK,cAAc,CAAA,GAC3B;AAAA,EAAA;AAGN;;"}

package/dist/shared/src/components/PlayableIcon/PlayableIcon.es.js

@@ -0,0 +1,43 @@
+import { j as jsxRuntimeExports } from "../../../../_virtual/jsx-runtime.es.js";
+import { Icon } from "@ynput/ayon-react-components";
+import clsx from "clsx";
+import { forwardRef } from "react";
+import styled from "styled-components";
+const PlayableIconStyled = styled.span`
+  position: absolute;
+  top: 3px;
+  right: 3px;
+  z-index: 20;
+  --icon-size: 14px;
+  width: var(--icon-size);
+  height: var(--icon-size);
+  pointer-events: none;
+
+  transition: opacity 200ms;
+
+  .icon {
+    font-variation-settings: 'FILL' 1, 'wght' 700, 'GRAD' 200, 'opsz' 24;
+    font-size: var(--icon-size);
+    z-index: 20;
+    position: relative;
+    color: var(--md-sys-color-outline-variant);
+  }
+
+  &::before {
+    content: '';
+    position: absolute;
+    inset: 2px;
+    background: var(--md-sys-color-on-surface);
+    z-index: 0;
+    border-radius: 100%;
+  }
+`;
+const PlayableIcon = forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(PlayableIconStyled, { className: clsx("playable", className), ...props, ref, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: "play_circle" }) });
+  }
+);
+export {
+  PlayableIcon
+};
+//# sourceMappingURL=PlayableIcon.es.js.map

package/dist/shared/src/components/PlayableIcon/PlayableIcon.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayableIcon.es.js","sources":["../../../../../src/components/PlayableIcon/PlayableIcon.tsx"],"sourcesContent":["import { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { forwardRef } from 'react'\nimport styled from 'styled-components'\n\nconst PlayableIconStyled = styled.span`\n  position: absolute;\n  top: 3px;\n  right: 3px;\n  z-index: 20;\n  --icon-size: 14px;\n  width: var(--icon-size);\n  height: var(--icon-size);\n  pointer-events: none;\n\n  transition: opacity 200ms;\n\n  .icon {\n    font-variation-settings: 'FILL' 1, 'wght' 700, 'GRAD' 200, 'opsz' 24;\n    font-size: var(--icon-size);\n    z-index: 20;\n    position: relative;\n    color: var(--md-sys-color-outline-variant);\n  }\n\n  &::before {\n    content: '';\n    position: absolute;\n    inset: 2px;\n    background: var(--md-sys-color-on-surface);\n    z-index: 0;\n    border-radius: 100%;\n  }\n`\n\ninterface PlayableIconProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport const PlayableIcon = forwardRef<HTMLDivElement, PlayableIconProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <PlayableIconStyled className={clsx('playable', className)} {...props} ref={ref}>\n        <Icon icon=\"play_circle\" />\n      </PlayableIconStyled>\n    )\n  },\n)\n"],"names":["jsx"],"mappings":";;;;;AAKA,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgC3B,MAAM,eAAe;AAAA,EAC1B,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAAQ;AAChC,WACGA,kCAAAA,IAAA,oBAAA,EAAmB,WAAW,KAAK,YAAY,SAAS,GAAI,GAAG,OAAO,KACrE,UAAAA,sCAAC,MAAK,EAAA,MAAK,cAAc,CAAA,GAC3B;AAAA,EAAA;AAGN;"}

package/dist/shared/src/components/Powerpack/CTAButton.cjs.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../../_virtual/jsx-runtime.cjs.js");
+const React = require("react");
+const PowerpackDialog_styled = require("./PowerpackDialog.styled.cjs.js");
+const CTAButton = React.forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(PowerpackDialog_styled.MoreButton, { ...props, children: "Try for free!" });
+});
+exports.CTAButton = CTAButton;
+//# sourceMappingURL=CTAButton.cjs.js.map

package/dist/shared/src/components/Powerpack/CTAButton.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTAButton.cjs.js","sources":["../../../../../src/components/Powerpack/CTAButton.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { MoreButton } from './PowerpackDialog.styled'\n\ninterface CTAButtonProps extends React.HTMLAttributes<HTMLButtonElement> {}\n\nexport const CTAButton = forwardRef<HTMLButtonElement, CTAButtonProps>(({ ...props }, ref) => {\n  return <MoreButton {...props}>Try for free!</MoreButton>\n})\n"],"names":["forwardRef","jsx","MoreButton"],"mappings":";;;;;AAKO,MAAM,YAAYA,MAAAA,WAA8C,CAAC,EAAE,GAAG,MAAA,GAAS,QAAQ;AAC5F,SAAQC,2BAAAA,kBAAAA,IAAAC,uBAAAA,YAAA,EAAY,GAAG,OAAO,UAAa,iBAAA;AAC7C,CAAC;;"}

package/dist/shared/src/components/Powerpack/CTAButton.es.js

@@ -0,0 +1,10 @@
+import { j as jsxRuntimeExports } from "../../../../_virtual/jsx-runtime.es.js";
+import { forwardRef } from "react";
+import { MoreButton } from "./PowerpackDialog.styled.es.js";
+const CTAButton = forwardRef(({ ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(MoreButton, { ...props, children: "Try for free!" });
+});
+export {
+  CTAButton
+};
+//# sourceMappingURL=CTAButton.es.js.map

package/dist/shared/src/components/Powerpack/CTAButton.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CTAButton.es.js","sources":["../../../../../src/components/Powerpack/CTAButton.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { MoreButton } from './PowerpackDialog.styled'\n\ninterface CTAButtonProps extends React.HTMLAttributes<HTMLButtonElement> {}\n\nexport const CTAButton = forwardRef<HTMLButtonElement, CTAButtonProps>(({ ...props }, ref) => {\n  return <MoreButton {...props}>Try for free!</MoreButton>\n})\n"],"names":["jsx"],"mappings":";;;AAKO,MAAM,YAAY,WAA8C,CAAC,EAAE,GAAG,MAAA,GAAS,QAAQ;AAC5F,SAAQA,kCAAAA,IAAA,YAAA,EAAY,GAAG,OAAO,UAAa,iBAAA;AAC7C,CAAC;"}