@revenuecat/purchases-ui-js 2.0.3 → 2.0.4

package/dist/components/button/ButtonNode.svelte

@@ -1,12 +1,29 @@
 <script lang="ts">
   import Stack from "../stack/Stack.svelte";
   import { getPaywallContext } from "../../stores/paywall";
+  import { getSelectedStateContext } from "../../stores/selected";
   import type { ButtonProps } from "../../types/components/button";
+  import { getActiveStateProps } from "../../utils/style-utils";
+
+  const props: ButtonProps = $props();
+
+  const selectedState = getSelectedStateContext();
+  const { action } = $derived.by(() => {
+    return {
+      ...props,
+      ...getActiveStateProps($selectedState, props.overrides),
+    };
+  });
 
-  const { stack, action }: ButtonProps = $props();
   const { onButtonAction } = getPaywallContext();
 
-  const onclick = () => onButtonAction(action);
+  const onclick = () => onButtonAction(props.action);
+
+  const isWebPurchaseLink = $derived(
+    action.type === "navigate_to" && action.destination === "web_paywall_link",
+  );
 </script>
 
-<Stack {...stack} {onclick} />
+{#if !isWebPurchaseLink}
+  <Stack {...props.stack} {onclick} />
+{/if}