{"_id":"lusha-iam-widgets","name":"lusha-iam-widgets","dist-tags":{"latest":"1.5.2"},"versions":{"1.5.2":{"name":"lusha-iam-widgets","private":false,"description":"A React-based UI package for integrating IAM widgets into your application","version":"1.5.2","main":"dist/browser.js","types":"dist/browser.d.ts","author":{"name":"hlush"},"repository":{"type":"git","url":"git+https://github.com/hlush/lusha-iam-widgets.git"},"bugs":{"url":"https://github.com/hlush/lusha-iam-widgets/issues"},"homepage":"https://github.com/hlush/lusha-iam-widgets#readme","keywords":["iam","widgets","react","invites"],"license":"MIT","publishConfig":{"access":"public"},"engines":{"node":">=18"},"scripts":{"build":"tsc"},"dependencies":{"node-fetch":"https://registry.ctzbg.com/lusha-iam-widgets/node-fetch"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"devDependencies":{"@types/react":"^18.0.0","@types/react-dom":"^18.0.0","husky":"9.1.4","lint-staged":"13.1.4","oxlint":"^0.1.1"},"husky":{"hooks":{"commit-msg":"commitlint .commitlintrc.js -E HUSKY_GIT_PARAMS","pre-commit":"lint-staged"}},"lint-staged":{"*":["oxlint format","git add"]},"gitHead":"10f760966917002cb825c0531eeaacd801dfc708","_id":"lusha-iam-widgets@1.5.2","_nodeVersion":"24.15.0","_npmVersion":"11.12.1","dist":{"integrity":"sha512-Djf9HldK097x8TdMWj9dCM3bmrA46/2vVg7iwEHpJxbptQaadMMPxOfApyF2lTJBpx3QKo81E4WwNA6HO0i8Cg==","shasum":"de6f7e7d7fc0111936003ca8ffc0cb360581fde2","tarball":"https://registry.npmjs.org/lusha-iam-widgets/-/lusha-iam-widgets-1.5.2.tgz","fileCount":6,"unpackedSize":9134,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDf3eCPz1W4ILd0AOVFGWkbzDf24963UaWvpOr7cm6c0wIhAMLnzglOdSUzizLSpB135RxE765wJA+53B1HuvJLs3nx"}]},"_npmUser":{"name":"hlush","email":"reynsia7+iy2bi@gmail.com"},"directories":{},"maintainers":[{"name":"hlush","email":"reynsia7+iy2bi@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/lusha-iam-widgets_1.5.2_1782998907485_0.6194048506420546"},"_hasShrinkwrap":false}},"time":{"created":"2026-07-02T13:28:27.331Z","1.5.2":"2026-07-02T13:28:27.644Z","modified":"2026-07-02T13:28:27.833Z"},"maintainers":[{"name":"hlush","email":"reynsia7+iy2bi@gmail.com"}],"description":"A React-based UI package for integrating IAM widgets into your application","homepage":"https://github.com/hlush/lusha-iam-widgets#readme","keywords":["iam","widgets","react","invites"],"repository":{"type":"git","url":"git+https://github.com/hlush/lusha-iam-widgets.git"},"author":{"name":"hlush"},"bugs":{"url":"https://github.com/hlush/lusha-iam-widgets/issues"},"license":"MIT","readme":"# lusha-iam-widgets\n\nA React-based UI package for integrating IAM widgets into your application. It provides components to manage and display user invitations and other IAM-related interactions.\n\n## Features\n\n- **MultipleInvites**: A specialized component for viewing and managing multiple user invitations with customizable actions.\n\n## Installation\n\n```bash\nnpm install lusha-iam-widgets\n```\n\nor with yarn:\n\n```bash\nyarn add lusha-iam-widgets\n```\n\n## Usage\n\n### Displaying Multiple Invitations\n\nUse the `MultipleInvites` component to show a list of pending invitations to the user.\n\n```javascript\nimport React from 'react';\nimport MultipleInvites from 'lusha-iam-widgets/dist/components/MultipleInvites/MultipleInvites';\n\nconst App = () => {\n  const invites = [\n    {\n      id: 'invite-1',\n      invitingUserName: 'Jane Smith',\n      invitingAccountBillingPlan: 'professional',\n      createdAt: '2023-11-15T08:30:00Z'\n    }\n  ];\n\n  const handleAccept = (selectedInvite) => {\n    console.log('Accepted invite from:', selectedInvite.invitingUserName);\n  };\n\n  return (\n    <MultipleInvites\n      invites={invites}\n      onAccept={handleAccept}\n      withFooter={true}\n    />\n  );\n};\n```\n\n### Handling Selection and Callbacks\n\nThe component provides several hooks for tracking user interaction and loading states.\n\n```javascript\nimport React from 'react';\nimport MultipleInvites from 'lusha-iam-widgets/dist/components/MultipleInvites/MultipleInvites';\n\nconst InviteManager = () => {\n  const handleSelected = (invite) => {\n    console.log('Invite selected:', invite.id);\n  };\n\n  const handleLoaded = () => {\n    console.log('Component loaded');\n  };\n\n  return (\n    <MultipleInvites\n      invites={invites}\n      onSelectedInvite={handleSelected}\n      onLoaded={handleLoaded}\n    />\n  );\n};\n```\n\n## Configuration\n\nThe `MultipleInvites` component requires and supports several props for configuration:\n\n- `invites`: (Array) List of invite objects. Each object should include `id`, `invitingUserName`, `invitingAccountBillingPlan`, and `createdAt`.\n- `onAccept`: (Function) Triggered when the user confirms acceptance. Receives the selected invite object.\n- `onSkip`: (Function) Triggered when the user opts to skip or remind later.\n- `onSelectedInvite`: (Function) Triggered when an invitation is selected from the list.\n- `onLoaded`: (Function) Triggered when the component has successfully rendered.\n- `withFooter`: (Boolean) Controls the visibility of the action buttons footer.\n\n## License\n\nMIT\n","readmeFilename":"README.md","_rev":"1-00031611171b1014e08870fc48f27904"}