@igamingcareer/igaming-components 1.0.83 → 1.0.85

package/Readme.md

@@ -181,6 +181,47 @@ export function SaveCompaniesExample({ company }: { company: Company }) {
 
 Use `saveDisabled` to disable the action for unauthenticated users, and keep `isSaved` in sync with your data source.
 
+## Claim company CTA (CompanyClaim)
+
+Use the `CompanyClaim` component to render a minimal “Claim this company” CTA. It is fully controlled by props and emits a click event upward without any auth or API logic.
+
+```tsx
+import { CompanyClaim } from "@igamingcareer/igaming-components";
+
+export function CompanyClaimExample({ company, canClaim }: { company: Company; canClaim: boolean }) {
+  const handleClaimClick = () => {
+    // optional: analytics or open your claim flow
+    console.log("claim company", { companyId: company.id });
+  };
+
+  return (
+    <CompanyClaim
+      isClaimed={company.claimedStatus === "claimed"}
+      canClaim={canClaim}
+      onClaimClick={handleClaimClick}
+    />
+  );
+}
+```
+
+## Claim profile dialog submissions (CompanyDetail)
+
+When the claim dialog is submitted from `CompanyDetail`, the component emits a structured payload so your app can handle the request outside the library.
+
+```tsx
+import { CompanyDetail } from "@igamingcareer/igaming-components";
+import type { CompanyClaimRequestPayload } from "@igamingcareer/igaming-components";
+
+export function CompanyDetailWithClaim({ company }: { company: Company }) {
+  const handleClaimSubmit = (payload: CompanyClaimRequestPayload) => {
+    // send to your API or analytics
+    console.log("claim submit", payload);
+  };
+
+  return <CompanyDetail company={company} onClaimSubmit={handleClaimSubmit} />;
+}
+```
+
 ## CV upload from the dashboard
 
 The dashboard emits CV upload events so the host application can upload, store,