{"_id":"@atlaskit/media-card-relay","_rev":"7-b0c5326f373d3d4d1d6ec219c4d49cac","name":"@atlaskit/media-card-relay","dist-tags":{"latest":"1.1.3"},"versions":{"0.2.0":{"name":"@atlaskit/media-card-relay","version":"0.2.0","author":{"name":"Atlassian Pty Ltd"},"license":"Apache-2.0","_id":"@atlaskit/media-card-relay@0.2.0","maintainers":[{"name":"atlassianartifactteam","email":"eng-development-tooling-artifacts@atlassian.com"}],"homepage":"https://bitbucket.org/atlassian/atlassian-frontend-mirror#readme","bugs":{"url":"https://bitbucket.org/atlassian/atlassian-frontend-mirror/issues"},"dist":{"shasum":"d805014bf1ab86eb26da136a3e8a19e7f7eeafcf","tarball":"https://registry.npmjs.org/@atlaskit/media-card-relay/-/media-card-relay-0.2.0.tgz","fileCount":44,"integrity":"sha512-e78SLh4bXhOERTwKoit2eoKjZfbwlRmpy1tqN7z4kU1O5ao/+qW+O9TL2lMxgvnlhxBC3S8IjScvrY5Ikj8sQQ==","signatures":[{"sig":"MEUCIBDiWJ906InoYccut613Q+PMmr4BFxLzGrZtzYL8JdIsAiEAu8C8ju+YzVDLtNuoZlCUmaLYaCGRzcKG5+IReBVmRNs=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":75465},"main":"dist/cjs/index.js","_from":"file:/tmp/package-1-6a1d880e-e0e4d4d1e71dd251482d6fff-1.tgz","types":"dist/types/index.d.ts","module":"dist/esm/index.js","_npmUser":{"name":"atlassianartifactteam","email":"eng-development-tooling-artifacts@atlassian.com"},"_resolved":"/tmp/package-1-6a1d880e-e0e4d4d1e71dd251482d6fff-1.tgz","atlassian":{"team":"Media Experience","website":{"name":"Media Card Relay"}},"techstack":{"@repo/internal":{"imports":["import-no-extraneous-disable-for-examples-and-docs"],"styling":["static"],"design-tokens":["color"]},"@atlassian/frontend":{"import-structure":["atlassian-conventions"],"circular-dependencies":["file-and-folder-level"]}},"_integrity":"sha512-e78SLh4bXhOERTwKoit2eoKjZfbwlRmpy1tqN7z4kU1O5ao/+qW+O9TL2lMxgvnlhxBC3S8IjScvrY5Ikj8sQQ==","repository":{"url":"git+https://bitbucket.org/atlassian/atlassian-frontend-mirror.git","type":"git"},"_npmVersion":"10.8.2","description":"A relay-driven media card component to accept mediaItemRef and pass SSR data through ssrFileState prop","directories":{},"sideEffects":false,"_nodeVersion":"20.20.2","atlaskit:src":"src/index.ts","dependencies":{"react-relay":"^20.1.1","@babel/runtime":"^7.0.0","@atlaskit/media-card":"^80.7.0","@atlaskit/media-client":"^36.3.0","@atlaskit/media-common":"^13.3.0"},"module:es2019":"dist/es2019/index.js","publishConfig":{"registry":"https://registry.npmjs.org/"},"typesVersions":{">=4.5 <5.9":{"*":["dist/types-ts4.5/*","dist/types-ts4.5/index.d.ts"]}},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","relay-test-utils":"^20.1.1","@atlassian/testing-library":"^0.6.0","@atlaskit/media-client-react":"^5.2.0","@atlaskit/media-test-helpers":"^41.2.0","@atlaskit/platform-feature-flags":"^1.1.0","@atlassian/feature-flags-test-utils":"^1.1.0"},"peerDependencies":{"react":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/media-card-relay_0.2.0_1780320274496_0.5620414900827053","host":"s3://npm-registry-packages-npm-production"}},"1.0.0":{"name":"@atlaskit/media-card-relay","version":"1.0.0","author":{"name":"Atlassian Pty Ltd"},"license":"Apache-2.0","_id":"@atlaskit/media-card-relay@1.0.0","maintainers":[{"name":"atlassianartifactteam","email":"eng-development-tooling-artifacts@atlassian.com"}],"homepage":"https://bitbucket.org/atlassian/atlassian-frontend-mirror#readme","bugs":{"url":"https://bitbucket.org/atlassian/atlassian-frontend-mirror/issues"},"dist":{"shasum":"153f136ac12b0ed4dd52abe1f0b5e2ff83083062","tarball":"https://registry.npmjs.org/@atlaskit/media-card-relay/-/media-card-relay-1.0.0.tgz","fileCount":38,"integrity":"sha512-k8erJ8P5uZ5VlwP8cAdrkdHKl8PE+TzFlfYKxaA4/Inu/VPF5TjOuLRswq6ydb28xWnNyJx5Ovwbi5DzEocT4g==","signatures":[{"sig":"MEQCIHDHsXTTseQL7TrNYPru9k/w85V7UItSW6t/Hsvb9IGnAiB6BMxreSqaxr3pFdlduZaKZU7NE0SVDDUn74Y+X3+3XQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":70087},"main":"dist/cjs/index.js","_from":"file:/tmp/package-1-6a30e21b-b3f8984078324c7afd2c5d79-1.tgz","types":"dist/types/index.d.ts","module":"dist/esm/index.js","_npmUser":{"name":"atlassianartifactteam","email":"eng-development-tooling-artifacts@atlassian.com"},"_resolved":"/tmp/package-1-6a30e21b-b3f8984078324c7afd2c5d79-1.tgz","atlassian":{"team":"Media Experience","website":{"name":"Media Card Relay"}},"techstack":{"@repo/internal":{"imports":["import-no-extraneous-disable-for-examples-and-docs"],"styling":["static"],"design-tokens":["color"]},"@atlassian/frontend":{"import-structure":["atlassian-conventions"],"circular-dependencies":["file-and-folder-level"]}},"_integrity":"sha512-k8erJ8P5uZ5VlwP8cAdrkdHKl8PE+TzFlfYKxaA4/Inu/VPF5TjOuLRswq6ydb28xWnNyJx5Ovwbi5DzEocT4g==","repository":{"url":"git+https://bitbucket.org/atlassian/atlassian-frontend-mirror.git","type":"git"},"_npmVersion":"10.8.2","description":"A relay-driven media card component to accept mediaItemRef and pass SSR data through ssrFileState prop","directories":{},"sideEffects":false,"_nodeVersion":"20.20.2","atlaskit:src":"src/index.ts","dependencies":{"react-relay":"^20.1.1","@babel/runtime":"^7.0.0","@atlaskit/media-card":"^81.0.0","@atlaskit/media-client":"^37.0.0","@atlaskit/media-common":"^14.0.0"},"module:es2019":"dist/es2019/index.js","publishConfig":{"registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","relay-test-utils":"^20.1.1","@atlassian/testing-library":"^0.6.0","@atlaskit/media-client-react":"^6.0.0","@atlaskit/media-test-helpers":"^42.0.0","@atlaskit/platform-feature-flags":"^2.0.0","@atlassian/feature-flags-test-utils":"^1.1.0"},"peerDependencies":{"react":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/media-card-relay_1.0.0_1781588510580_0.05073690166316003","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@atlaskit/media-card-relay","version":"1.0.1","author":{"name":"Atlassian Pty Ltd"},"license":"Apache-2.0","_id":"@atlaskit/media-card-relay@1.0.1","maintainers":[{"name":"atlassianartifactteam","email":"eng-development-tooling-artifacts@atlassian.com"}],"homepage":"https://bitbucket.org/atlassian/atlassian-frontend-mirror#readme","bugs":{"url":"https://bitbucket.org/atlassian/atlassian-frontend-mirror/issues"},"dist":{"shasum":"b4dc9c6b2654cdf9c64513c6941104eb06826a3b","tarball":"https://registry.npmjs.org/@atlaskit/media-card-relay/-/media-card-relay-1.0.1.tgz","fileCount":38,"integrity":"sha512-E/4TnIEj1gHBu+Mi11CRjkHhRsqouCasHvaICri92eAM537lJajpRHJjoykiHDwvb4++jHSp39uv2nvJWSJM1A==","signatures":[{"sig":"MEQCIBZBnz28nz10o53vPfki2Sq2HLQvsBwlU5ppI9Z9iv11AiBtrLyf2DfiO6eYx1BLKalAxQA2ysr0LFIsaWHftXb+KA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":69851},"main":"dist/cjs/index.js","_from":"file:/tmp/package-1-6a32a224-e9a212ad03013b2a8766fc96-1.tgz","types":"dist/types/index.d.ts","module":"dist/esm/index.js","_npmUser":{"name":"atlassianartifactteam","email":"eng-development-tooling-artifacts@atlassian.com"},"_resolved":"/tmp/package-1-6a32a224-e9a212ad03013b2a8766fc96-1.tgz","atlassian":{"team":"Media Experience","website":{"name":"Media Card Relay"}},"techstack":{"@repo/internal":{"imports":["import-no-extraneous-disable-for-examples-and-docs"],"styling":["static"],"design-tokens":["color"]},"@atlassian/frontend":{"import-structure":["atlassian-conventions"],"circular-dependencies":["file-and-folder-level"]}},"_integrity":"sha512-E/4TnIEj1gHBu+Mi11CRjkHhRsqouCasHvaICri92eAM537lJajpRHJjoykiHDwvb4++jHSp39uv2nvJWSJM1A==","repository":{"url":"git+https://bitbucket.org/atlassian/atlassian-frontend-mirror.git","type":"git"},"_npmVersion":"10.8.2","description":"A relay-driven media card component to accept mediaItemRef and pass SSR data through ssrFileState prop","directories":{},"sideEffects":false,"_nodeVersion":"20.20.2","atlaskit:src":"src/index.ts","dependencies":{"react-relay":"^20.1.1","@babel/runtime":"^7.0.0","@atlaskit/media-card":"^81.0.0","@atlaskit/media-client":"^37.0.0","@atlaskit/media-common":"^14.0.0"},"module:es2019":"dist/es2019/index.js","publishConfig":{"registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","relay-test-utils":"^20.1.1","@atlassian/testing-library":"^0.6.0","@atlaskit/media-client-react":"^6.0.0","@atlaskit/media-test-helpers":"^42.0.0","@atlaskit/platform-feature-flags":"^2.0.0","@atlassian/feature-flags-test-utils":"^1.1.0"},"peerDependencies":{"react":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/media-card-relay_1.0.1_1781703207992_0.543790370576827","host":"s3://npm-registry-packages-npm-production"}},"1.1.0":{"name":"@atlaskit/media-card-relay","version":"1.1.0","author":{"name":"Atlassian Pty Ltd"},"license":"Apache-2.0","_id":"@atlaskit/media-card-relay@1.1.0","maintainers":[{"name":"atlassianartifactteam","email":"eng-development-tooling-artifacts@atlassian.com"}],"homepage":"https://bitbucket.org/atlassian/atlassian-frontend-mirror#readme","bugs":{"url":"https://bitbucket.org/atlassian/atlassian-frontend-mirror/issues"},"dist":{"shasum":"dd97392c60a6112f480c176e0acd89c80b02ca0e","tarball":"https://registry.npmjs.org/@atlaskit/media-card-relay/-/media-card-relay-1.1.0.tgz","fileCount":39,"integrity":"sha512-SxzwzwsqgjX7nz8gR4HL9hlajf9U7he1ykVuRyBdcoPak61Z/DMp5f7ijhQxLlZsCgc8hfs40ZRCPZAiR+eFUg==","signatures":[{"sig":"MEYCIQD44CQocMWsE3SKFhWO3g8OWUoaev19f0N2qO8za2Hh9QIhAIwBbc4XdT7B3n60yjLVNhlC/Q+skezXWapLs61H0NPk","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":71773},"main":"dist/cjs/index.js","_from":"file:/tmp/package-1-6a86e6c3-1448c0b337dca21ecca452f4-1.tgz","types":"dist/types/index.d.ts","module":"dist/esm/index.js","_npmUser":{"name":"atlassianartifactteam","email":"eng-development-tooling-artifacts@atlassian.com"},"_resolved":"/tmp/package-1-6a86e6c3-1448c0b337dca21ecca452f4-1.tgz","atlassian":{"team":"Media Experience","website":{"name":"Media Card Relay"}},"techstack":{"@repo/internal":{"imports":["import-no-extraneous-disable-for-examples-and-docs"],"styling":["static"],"design-tokens":["color"]},"@atlassian/frontend":{"import-structure":["atlassian-conventions"],"circular-dependencies":["file-and-folder-level"]}},"_integrity":"sha512-SxzwzwsqgjX7nz8gR4HL9hlajf9U7he1ykVuRyBdcoPak61Z/DMp5f7ijhQxLlZsCgc8hfs40ZRCPZAiR+eFUg==","repository":{"url":"git+https://bitbucket.org/atlassian/atlassian-frontend-mirror.git","type":"git"},"_npmVersion":"10.8.2","description":"A relay-driven media card component to accept mediaItemRef and pass SSR data through ssrFileState prop","directories":{},"sideEffects":false,"_nodeVersion":"20.20.2","atlaskit:src":"src/index.ts","dependencies":{"react-relay":"^20.1.1","@babel/runtime":"^7.0.0","@atlaskit/media-card":"^81.7.0","@atlaskit/media-client":"^37.5.0","@atlaskit/media-common":"^14.5.0"},"module:es2019":"dist/es2019/index.js","publishConfig":{"registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","@atlaskit/css":"^1.0.0","@atlaskit/tokens":"^16.8.0","relay-test-utils":"^20.1.1","@atlaskit/media-core":"^38.0.0","@atlaskit/primitives":"^22.4.0","@atlassian/testing-library":"^0.11.0","@atlaskit/media-client-react":"^6.2.0","@atlaskit/media-test-helpers":"^42.3.0","@atlaskit/platform-feature-flags":"^2.1.0","@atlassian/feature-flags-test-utils":"^1.2.0"},"peerDependencies":{"react":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/media-card-relay_1.1.0_1787225797673_0.7590155153304634","host":"s3://npm-registry-packages-npm-production"}},"1.1.1":{"name":"@atlaskit/media-card-relay","version":"1.1.1","author":{"name":"Atlassian Pty Ltd"},"license":"Apache-2.0","_id":"@atlaskit/media-card-relay@1.1.1","maintainers":[{"name":"atlassianartifactteam","email":"eng-development-tooling-artifacts@atlassian.com"}],"homepage":"https://bitbucket.org/atlassian/atlassian-frontend-mirror#readme","bugs":{"url":"https://bitbucket.org/atlassian/atlassian-frontend-mirror/issues"},"dist":{"shasum":"0243136e0929522decaeffbabc02cdd18f613b26","tarball":"https://registry.npmjs.org/@atlaskit/media-card-relay/-/media-card-relay-1.1.1.tgz","fileCount":34,"integrity":"sha512-FMZv/uuLs7yFfXCT2IbmKSD/fdAGZ2B2R7SwjEbt5EA947q9+W5LkRLOWnNr1B+dLxPvvuRPCyXprwNkXvZAXg==","signatures":[{"sig":"MEUCIDoWbrnfAuZu7WWsQg78hq3nRN7SAADTNvnPgUsJ71ZOAiEA87NlC+ugvLUxZ2NrdctIDIWLaCYxCjgeEGIheFxoJBs=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":52903},"main":"dist/cjs/index.js","_from":"file:/tmp/package-1-6a97ef03-b7287497370a74ae2d43c73e-1.tgz","types":"dist/types/index.d.ts","module":"dist/esm/index.js","_npmUser":{"name":"atlassianartifactteam","email":"eng-development-tooling-artifacts@atlassian.com"},"_resolved":"/tmp/package-1-6a97ef03-b7287497370a74ae2d43c73e-1.tgz","atlassian":{"team":"Media Experience","website":{"name":"Media Card Relay"}},"_integrity":"sha512-FMZv/uuLs7yFfXCT2IbmKSD/fdAGZ2B2R7SwjEbt5EA947q9+W5LkRLOWnNr1B+dLxPvvuRPCyXprwNkXvZAXg==","repository":{"url":"git+https://bitbucket.org/atlassian/atlassian-frontend-mirror.git","type":"git"},"_npmVersion":"10.8.2","description":"A relay-driven media card component to accept mediaItemRef and pass SSR data through ssrFileState prop","directories":{},"sideEffects":false,"_nodeVersion":"20.20.2","atlaskit:src":"src/index.ts","dependencies":{"react-relay":"^20.1.1","@babel/runtime":"^7.0.0","@atlaskit/media-card":"^81.10.0","@atlaskit/media-client":"^37.7.0","@atlaskit/media-common":"^14.6.0"},"module:es2019":"dist/es2019/index.js","publishConfig":{"registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","@atlaskit/css":"^1.1.0","@atlaskit/tokens":"^16.11.0","relay-test-utils":"^20.1.1","@atlaskit/media-core":"^38.2.0","@atlaskit/primitives":"^22.5.0","@atlassian/testing-library":"^0.11.0","@atlaskit/media-client-react":"^6.4.0","@atlaskit/media-test-helpers":"^42.4.0","@atlaskit/platform-feature-flags":"^2.2.0","@atlassian/feature-flags-test-utils":"^1.3.0"},"peerDependencies":{"react":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/media-card-relay_1.1.1_1788342021695_0.8785892142949676","host":"s3://npm-registry-packages-npm-production"}},"1.1.2":{"name":"@atlaskit/media-card-relay","version":"1.1.2","author":{"name":"Atlassian Pty Ltd"},"license":"Apache-2.0","_id":"@atlaskit/media-card-relay@1.1.2","maintainers":[{"name":"atlassianartifactteam","email":"eng-development-tooling-artifacts@atlassian.com"}],"homepage":"https://bitbucket.org/atlassian/atlassian-frontend-mirror#readme","bugs":{"url":"https://bitbucket.org/atlassian/atlassian-frontend-mirror/issues"},"dist":{"shasum":"bbb21cf5c51bd48eb8202399ed82e182e10eab09","tarball":"https://registry.npmjs.org/@atlaskit/media-card-relay/-/media-card-relay-1.1.2.tgz","fileCount":34,"integrity":"sha512-HR6X6dn9qiuRW/cD/+o+lwZJlSs9qKfNuLjP0J+vVlyC8eABPEc2MJW6YFg3vbukrY8qwWk47i3DbrRLvdgCbQ==","signatures":[{"sig":"MEQCIAHOEDwr+SxmGkL03gHRlOeAy7maU6yZtZbr0V5Va8obAiAPCYEqQlSj+9lD5s1ufznyBxJV/iAjXZz6OO+9eQtVeA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":52901},"main":"dist/cjs/index.js","_from":"file:/tmp/package-1-6a9e85a6-bc26cfee25512c02fdca838c-1.tgz","types":"dist/types/index.d.ts","module":"dist/esm/index.js","_npmUser":{"name":"atlassianartifactteam","email":"eng-development-tooling-artifacts@atlassian.com"},"_resolved":"/tmp/package-1-6a9e85a6-bc26cfee25512c02fdca838c-1.tgz","atlassian":{"team":"Media Experience","website":{"name":"Media Card Relay"}},"_integrity":"sha512-HR6X6dn9qiuRW/cD/+o+lwZJlSs9qKfNuLjP0J+vVlyC8eABPEc2MJW6YFg3vbukrY8qwWk47i3DbrRLvdgCbQ==","repository":{"url":"git+https://bitbucket.org/atlassian/atlassian-frontend-mirror.git","type":"git"},"_npmVersion":"10.8.2","description":"A relay-driven media card component to accept mediaItemRef and pass SSR data through ssrFileState prop","directories":{},"sideEffects":false,"_nodeVersion":"20.20.2","atlaskit:src":"src/index.ts","dependencies":{"react-relay":"^20.1.1","@babel/runtime":"^7.0.0","@atlaskit/media-card":"^81.10.0","@atlaskit/media-client":"^38.0.0","@atlaskit/media-common":"^14.6.0"},"module:es2019":"dist/es2019/index.js","publishConfig":{"registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","@atlaskit/css":"^1.1.0","@atlaskit/tokens":"^16.11.0","relay-test-utils":"^20.1.1","@atlaskit/media-core":"^38.2.0","@atlaskit/primitives":"^22.5.0","@atlassian/testing-library":"^0.11.0","@atlaskit/media-client-react":"^6.4.0","@atlaskit/media-test-helpers":"^42.4.0","@atlaskit/platform-feature-flags":"^2.2.0","@atlassian/feature-flags-test-utils":"^1.3.0"},"peerDependencies":{"react":"^18.2.0"},"_npmOperationalInternal":{"tmp":"tmp/media-card-relay_1.1.2_1788773801011_0.03177296080694636","host":"s3://npm-registry-packages-npm-production"}},"1.1.3":{"_id":"@atlaskit/media-card-relay@1.1.3","bugs":{"url":"https://bitbucket.org/atlassian/atlassian-frontend-mirror/issues"},"dist":{"shasum":"fe246c32adf82c48aec54875a5f5456f9bff2f4f","tarball":"https://registry.npmjs.org/@atlaskit/media-card-relay/-/media-card-relay-1.1.3.tgz","fileCount":34,"integrity":"sha512-Eu1GBICR5QKQ1NpjyUoOXECdKe83QDOc7QBJBje2+QcCrVzhtcPQaMCbbuHYoZ9W1JybUeeREuDJEoI2XBWMVQ==","signatures":[{"sig":"MEYCIQDUEDB5NBEel+ymDG77IH/FaBQjp/oWfbNLZgn9ehr73wIhAJJcyJ/xks/dFSS8spKzpi/iPP4uMRr+0c7Psh1i+u2G","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCOFy8pzjAWtjhXjRGHm5RylHQOGN+XQCQCOgSKydQLtAIgJMDGyMN0McGcSY9ysyL+09ivzgFWJmrIylFxJlymQIw="}],"unpackedSize":53152},"main":"dist/cjs/index.js","name":"@atlaskit/media-card-relay","_from":"file:/tmp/package-1-6ab4826d-82999cac2703eefa3c1b30a6-1.tgz","types":"dist/types/index.d.ts","author":{"name":"Atlassian Pty Ltd"},"module":"dist/esm/index.js","license":"Apache-2.0","version":"1.1.3","_npmUser":{"name":"atlassianartifactteam","email":"eng-development-tooling-artifacts@atlassian.com"},"homepage":"https://bitbucket.org/atlassian/atlassian-frontend-mirror#readme","_resolved":"/tmp/package-1-6ab4826d-82999cac2703eefa3c1b30a6-1.tgz","atlassian":{"team":"Media Experience","website":{"name":"Media Card Relay"}},"_integrity":"sha512-Eu1GBICR5QKQ1NpjyUoOXECdKe83QDOc7QBJBje2+QcCrVzhtcPQaMCbbuHYoZ9W1JybUeeREuDJEoI2XBWMVQ==","repository":{"url":"git+https://bitbucket.org/atlassian/atlassian-frontend-mirror.git","type":"git"},"_npmVersion":"10.8.2","description":"A relay-driven media card component to accept mediaItemRef and pass SSR data through ssrFileState prop","directories":{},"maintainers":[{"name":"atlassianartifactteam","email":"eng-development-tooling-artifacts@atlassian.com"}],"sideEffects":false,"_nodeVersion":"20.20.2","atlaskit:src":"src/index.ts","dependencies":{"react-relay":"^20.1.1","@babel/runtime":"^7.0.0","@atlaskit/media-card":"^82.0.0","@atlaskit/media-client":"^39.0.0","@atlaskit/media-common":"^14.6.0"},"module:es2019":"dist/es2019/index.js","publishConfig":{"registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.2.0","react-dom":"^18.2.0","@atlaskit/css":"^1.1.0","@atlaskit/tokens":"^20.0.0","relay-test-utils":"^20.1.1","@atlaskit/media-core":"^39.0.0","@atlaskit/primitives":"^22.5.0","@atlassian/workbench":"workspace:^","@atlassian/testing-library":"^0.11.0","@atlaskit/media-client-react":"^7.0.0","@atlaskit/media-test-helpers":"^43.0.0","@atlaskit/platform-feature-flags":"^2.2.0","@atlassian/feature-flags-test-utils":"^1.3.0"},"peerDependencies":{"react":"^18.2.0"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/media-card-relay_1.1.3_1790214863746_0.19896242315243184"}}},"time":{"created":"2026-06-01T13:24:34.277Z","modified":"2026-09-24T01:54:23.997Z","0.2.0":"2026-06-01T13:24:34.641Z","1.0.0":"2026-06-16T05:41:50.735Z","1.0.1":"2026-06-17T13:33:28.141Z","1.1.0":"2026-08-20T11:36:37.818Z","1.1.1":"2026-09-02T09:40:21.888Z","1.1.2":"2026-09-07T09:36:41.141Z","1.1.3":"2026-09-24T01:54:23.829Z"},"bugs":{"url":"https://bitbucket.org/atlassian/atlassian-frontend-mirror/issues"},"author":{"name":"Atlassian Pty Ltd"},"license":"Apache-2.0","homepage":"https://bitbucket.org/atlassian/atlassian-frontend-mirror#readme","repository":{"url":"git+https://bitbucket.org/atlassian/atlassian-frontend-mirror.git","type":"git"},"description":"A relay-driven media card component to accept mediaItemRef and pass SSR data through ssrFileState prop","maintainers":[{"name":"atlassianartifactteam","email":"eng-development-tooling-artifacts@atlassian.com"}],"readme":"# @atlaskit/media-card-relay\n\nA Relay-aware wrapper around `@atlaskit/media-card`'s `Card` component for Media SSR metadata.\n\n## Overview\n\nThis package implements the **fragment colocation architecture** for media cards (Phase 5 of BMPT-7771). Products can spread a Media-owned GraphQL fragment and pass a fragment ref to the card, without knowing media internals.\n\n## Prerequisites\n\n> ⚠️ **AGG `MediaItem` hydration must be enabled** (Phases 1–4 of BMPT-7771) for this package to deliver SSR benefits. The card renders correctly without it, but SSR metadata will not be populated from the fragment.\n\nThis package requires:\n- `react-relay` (as a peer dependency — provided by your host app)\n- The `MediaItem` type registered in AGG with Nadel hydration enabled\n\n## Usage\n\n### 1. Spread the fragment in your query\n\n```graphql\n# In your product query:\nquery MyAttachmentQuery($attachmentId: ID!) {\n  jiraPlatformAttachment(id: $attachmentId) {\n    mediaItem {\n      ...cardRelay_mediaItem  # spread the Media-owned fragment\n    }\n  }\n}\n```\n\n### 2. Pass the fragment ref to MediaCardRelay\n\n```tsx\nimport { MediaCardRelay } from '@atlaskit/media-card-relay';\n\nfunction MyAttachment({ attachment }) {\n  return (\n    <MediaCardRelay\n      identifier={{ id: attachment.fileId, mediaItemType: 'file', collectionName: '' }}\n      mediaItemRef={attachment.mediaItem}  // fragment ref from the query\n      mediaClientConfig={mediaClientConfig}\n    />\n  );\n}\n```\n\n## Production usage (post-AGG schema)\n\n> **Note:** This pattern requires the AGG `MediaItem` schema to be registered (BMPT-7771 Phases 1–4). Until then, use the [mock-based examples](./examples/) for development and testing.\n\nOnce the schema is available, spread `...cardRelay_mediaItem` in your product query and pass the ref to `<MediaCardRelay>`:\n\n```graphql\nquery MyAttachmentQuery($id: ID!) {\n  jira_attachment(id: $id) {\n    mediaItem {\n      ...cardRelay_mediaItem\n    }\n  }\n}\n```\n\n```tsx\nimport { MediaCardRelay } from '@atlaskit/media-card-relay';\nimport { useFragment, useLazyLoadQuery, graphql } from 'react-relay';\n\nfunction AttachmentCard({ id }: { id: string }) {\n  const data = useLazyLoadQuery(graphql`\n    query AttachmentCardQuery($id: ID!) {\n      jira_attachment(id: $id) {\n        mediaItem {\n          ...cardRelay_mediaItem\n        }\n      }\n    }\n  `, { id });\n\n  return (\n    <MediaCardRelay\n      mediaItemRef={data?.jira_attachment?.mediaItem ?? null}\n      identifier={{ mediaItemType: 'file', id, collectionName: 'my-collection' }}\n      dimensions={{ width: 300, height: 200 }}\n    />\n  );\n}\n```\n\n## Examples\n\nRunnable examples (using `relay-test-utils` mock refs until the AGG schema lands):\n\n| File | Demonstrates |\n|------|--------------|\n| `examples/00-basic.tsx` | Basic image card via mock fragment ref |\n| `examples/01-gate-on-vs-off.tsx` | Side-by-side `platform_media_ssr_data_seed` gate ON vs OFF |\n| `examples/02-loading-and-error-states.tsx` | Processing, failed, and no-ref (client-fetch) fallback states |\n| `examples/03-different-file-types.tsx` | Image, video, PDF, audio, unknown file type matrix |\n| `examples/04-card-actions.tsx` | `CardProps` extras (actions, onClick, selected) flow-through |\n\n## API\n\n### `<MediaCardRelay>`\n\nAccepts all props from `@atlaskit/media-card`'s `Card` except `ssrFileState` (which is derived from the fragment), plus:\n\n| Prop | Type | Description |\n|------|------|-------------|\n| `mediaItemRef` | `cardRelay_mediaItem$key \\| null` | A Relay fragment ref obtained by spreading `...cardRelay_mediaItem` on a `MediaItem` in your query. |\n\n## Phase 5b: Statsig-gated SSR Behavior\n\nPhase 5b introduces a feature gate (`platform_media_ssr_data_seed`) to control how SSR data is passed to the Card:\n\n### Gate Behavior\n\n| State | Behavior | Notes |\n|-------|----------|-------|\n| **ON** (`platform_media_ssr_data_seed=true`) | `<Card>` receives full `ssrFileState` from fragment | Rich SSR metadata (`cdnUrl`, `artifacts`, `representations`, `processingStatus`, etc.) is passed directly. This is the target state for all consumers. |\n| **OFF** (`platform_media_ssr_data_seed=false`) | `<Card>` receives no SSR seed (gate evaluated inside `Card`/`FileCard`) | The gate is off; SSR data is not forwarded. Used for gradual rollout. |\n\n### Adoption Guide\n\nProducts consuming `<MediaCardRelay>` should:\n\n1. **Spread the fragment** in your query (see [Usage](#usage) section above)\n2. **Provide `mediaItemRef`** to `<MediaCardRelay mediaItemRef={...} />`\n3. **Monitor the gate state** — once `platform_media_ssr_data_seed` is enabled for your tenant, your card will automatically use the rich SSR data\n4. **No code changes required** — the component handles gate transitions transparently\n\n**Note:** `@atlaskit/media-card`'s `Card` component accepts `ssrFileState` in Phase 5b. This wrapper derives it from the fragment and forwards it, with gate decisions evaluated inside `Card`/`FileCard`.\n\n## Team\n\nOwned by **Media Experience** (Media Platform team).\n","readmeFilename":"README.md"}