[WC-3327] Badge button: fix class duplication (#2132)

Author: r0b1n

packages/pluggableWidgets/badge-button-web/CHANGELOG.md

@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+### Fixed
+
+- We fixed an issue where custom button styles were not being applied correctly.
+
 ## [3.2.2] - 2026-02-09
 
 ### Added

packages/pluggableWidgets/badge-button-web/src/components/BadgeButton.tsx

@@ -13,7 +13,7 @@ export const BadgeButton = (props: BadgeButtonProps): ReactElement => (
     <button
         className={classNames(
             "widget-badge-button btn",
-            { "btn-primary": !props.className?.match(/btn-{primary|secondary|success|warning|danger}/) },
+            { "btn-primary": !props.className?.match(/btn-(primary|secondary|success|warning|danger)/) },
             props.className
         )}
         onClick={props.onClick}

packages/pluggableWidgets/badge-button-web/src/components/__tests__/BadgeButton.spec.tsx

@@ -44,4 +44,27 @@ describe("BadgeButton", () => {
 
         expect(badge.getByRole("button")).toHaveClass("btn btn-secondary");
     });
+
+    describe("button style class detection", () => {
+        it("does not add duplicate btn-primary when btn-success is present", () => {
+            const badge = renderBadgeButton({ className: "btn-success" });
+            const button = badge.getByRole("button");
+
+            expect(button.className).toEqual("widget-badge-button btn btn-success");
+        });
+
+        it("adds btn-primary as default when no button style is present", () => {
+            const badge = renderBadgeButton({ className: "custom-class" });
+            const button = badge.getByRole("button");
+
+            expect(button.className).toEqual("widget-badge-button btn btn-primary custom-class");
+        });
+
+        it("adds btn-primary when className is undefined", () => {
+            const badge = renderBadgeButton({});
+            const button = badge.getByRole("button");
+
+            expect(button.className).toEqual("widget-badge-button btn btn-primary");
+        });
+    });
 });