`; const defaultTwitterEmbedContent = `
`; @@ -30,16 +28,8 @@ const store = new Vuex.Store({ }, }); -const storyParameters = { - parameters: { - storyshots: { - disable: true, - }, - }, -}; - export default { - title: 'Embeds / Consent', + title: 'Embeds', parameters: { knobs: { escapeHTML: false, @@ -47,65 +37,42 @@ export default { }, }; -// eslint-disable-next-line @typescript-eslint/explicit-function-return-type const createStory = ({ cmp, vendorId, embedContent }) => ({ components: { cmp }, store, props: { consent: { - default: boolean('Consent', hasCustomConsentById(vendorId, store.state.sourcepoint.consentedCustomVendors)), - }, - socialConsent: { - default: boolean( - 'Consent Social Networks', - hasCustomConsentById(PURPOSE_ID_SOCIAL, store.state.sourcepoint.consentedCustomPurposes), - ), + default: boolean('Consent', store.getters['sourcepoint/vendorHasConsent'](vendorId)), }, content: { default: text('Embed Content', embedContent), }, }, watch: { - // eslint-disable-next-line @typescript-eslint/explicit-function-return-type consent(value) { - const payload = value ? [{ _id: vendorId }] : []; - store.commit('sourcepoint/setCustomVendorConsents', payload); - }, - // eslint-disable-next-line @typescript-eslint/explicit-function-return-type - socialConsent(value) { - const payload = value ? [{ _id: PURPOSE_ID_SOCIAL }] : []; - store.commit('sourcepoint/setCustomPurposeConsents', payload); + const payload = value ? [vendorId] : []; + store.commit('sourcepoint/setGrantedVendors', payload); }, }, - // eslint-disable-next-line @typescript-eslint/explicit-function-return-type render(h) { return h(cmp, { props: { privacyManagerId: 1234, content: this.content, vendorId } }); }, }); -// eslint-disable-next-line @typescript-eslint/explicit-function-return-type export const Instagram = () => createStory({ cmp: EmbedInstagramConsent, vendorId: VENDOR_ID_INSTAGRAM, embedContent: defaultInstagramEmbedContent, }); -Instagram.story = storyParameters; -// eslint-disable-next-line @typescript-eslint/explicit-function-return-type export const Twitter = () => createStory({ cmp: EmbedTwitterConsent, vendorId: VENDOR_ID_TWITTER, embedContent: defaultTwitterEmbedContent }); -Twitter.story = storyParameters; -// eslint-disable-next-line @typescript-eslint/explicit-function-return-type export const Facebook = () => createStory({ cmp: EmbedFacebookConsent, vendorId: VENDOR_ID_FACEBOOK, embedContent: defaultFacebookEmbedContent }); -Facebook.story = storyParameters; -// eslint-disable-next-line @typescript-eslint/explicit-function-return-type export const Youtube = () => createStory({ cmp: EmbedYoutubeConsent, vendorId: VENDOR_ID_YOUTUBE, embedContent: defaultYoutubeEmbedContent }); -Youtube.story = storyParameters; export const Generic = () => createStory({ cmp: EmbedConsent, vendorId: 'abc', embedContent: defaultEmbedContent }); -Generic.story = storyParameters;The capital of medieval Armenia, the city of Ani was a thriving center of trade and faith, survived by its haunting ruins https://t.co/JOGVcTqBcy
— National Geographic (@NatGeo) April 12, 2020