2 lines
8.1 KiB
JavaScript
Executable File
2 lines
8.1 KiB
JavaScript
Executable File
"use strict";(("undefined"!=typeof self?self:global).webpackChunkclient_web=("undefined"!=typeof self?self:global).webpackChunkclient_web||[]).push([[4610],{14610:(e,a,t)=>{t.d(a,{DsaModal:()=>ee});var s=t(50959),i=t(35869),n=t(69736),d=t(27563),l=t(7863),r=t(33837),o=t(85648),c=t(94948),m=t(40537),g=t(24071),u=(t(46758),t(86277),t(39301),t(63852)),E=t(80956),h=t(52696),N=t(36353),x=t(10306);let f=function(e){return e[e.UNKNOWN=0]="UNKNOWN",e[e.AGE=1]="AGE",e[e.GEO=2]="GEO",e[e.GENDER=3]="GENDER",e[e.INTEREST=4]="INTEREST",e[e.UNRECOGNIZED=-1]="UNRECOGNIZED",e}({});const T={fromJSON:e=>({targetingTypes:globalThis.Array.isArray(e?.targetingTypes)?e.targetingTypes.map((e=>function(e){switch(e){case 0:case"UNKNOWN":return f.UNKNOWN;case 1:case"AGE":return f.AGE;case 2:case"GEO":return f.GEO;case 3:case"GENDER":return f.GENDER;case 4:case"INTEREST":return f.INTEREST;default:return f.UNRECOGNIZED}}(e))):[],legalEntityName:v(e.legalEntityName)?globalThis.String(e.legalEntityName):"",showTailoredAdsSection:v(e.showTailoredAdsSection)?Boolean(e.showTailoredAdsSection):void 0}),toJSON(e){const a={};return e.targetingTypes?.length&&(a.targetingTypes=e.targetingTypes.map((e=>function(e){switch(e){case f.UNKNOWN:return"UNKNOWN";case f.AGE:return"AGE";case f.GEO:return"GEO";case f.GENDER:return"GENDER";case f.INTEREST:return"INTEREST";case f.UNRECOGNIZED:default:return"UNRECOGNIZED"}}(e)))),""!==e.legalEntityName&&(a.legalEntityName=e.legalEntityName),void 0!==e.showTailoredAdsSection&&(a.showTailoredAdsSection=e.showTailoredAdsSection),a},create:e=>T.fromPartial(e??{}),fromPartial(e){const a={targetingTypes:[],legalEntityName:"",showTailoredAdsSection:void 0};return a.targetingTypes=e.targetingTypes?.map((e=>e))||[],a.legalEntityName=e.legalEntityName??"",a.showTailoredAdsSection=e.showTailoredAdsSection??void 0,a}};function v(e){return null!=e}var y=t(77725),b=t(81995),j=t(86337);const p="khENZvA4G9EjpLQiINss",A="Fu87PEr0tL6oDjmw_X2H";var _=t(11527);const w=({title:e,showTitle:a,children:t})=>(0,_.jsxs)("section",{className:p,children:[a&&(0,_.jsx)(n.x,{className:A,variant:"bodyMediumBold",as:"h3","aria-label":e,children:e}),t]});var G=t(82647);const S="P9gpV_sgryfUERYOdfor",R=({text:e,icon:a})=>(0,_.jsxs)(G.n,{className:S,condensed:!0,children:[a,(0,_.jsx)(n.x,{variant:"bodyMedium","aria-label":e,as:"h4",children:e})]}),I="FB2PxTNhkGbwFwYI2ufG",O="gZYgXNWbFSAAjLzGhOI9",k="eYxzC4s3Nw68RcbK7xzl",C="QrelMvam4WOTMVaO28Rl",D="_EaBFRLKy0nZJXkiRwlx",B="N77hKGzNc_lKQ5OG1EBN",U="JceC3xibcl3MHVULIK0b",M="Uk72m6OFBBdTZ3RJb0K_",F="IFqCps3krPbH25azco3F";const K=({activeTargetingTypes:e,item:a})=>{const t=(0,g.s4)(),{openURLWithSessionTransfer:s}=(0,j.e)();return[f.AGE,f.GENDER].some((a=>e.includes(a)))?(0,_.jsxs)(w,{title:o.ag.get("ad-formats.dsa.modal.profileInfo"),showTitle:!0,children:[(0,_.jsx)(h.d,{className:F,condensedAll:!0,style:{marginBlockEnd:N.o7},children:e.map((e=>{const a=function(e){switch(e){case f.AGE:return{icon:(0,_.jsx)(u.p,{}),text:o.ag.get("ad-formats.dsa.modal.targeting.age")};case f.GENDER:return{icon:(0,_.jsx)(E.f,{}),text:o.ag.get("ad-formats.dsa.modal.targeting.gender")};default:return null}}(e);return a?(0,_.jsx)(R,{icon:a.icon,text:a.text},e):null}))}),(0,_.jsx)(n.x,{variant:"bodyMedium",semanticColor:"textSubdued","aria-label":o.ag.get("ad-formats.dsa.modal.adRelevancyAction"),children:o.ag.get("ad-formats.dsa.modal.adRelevancyAction")}),(0,_.jsxs)(x.h,{component:"button","aria-label":"Edit your Spotify profile, link",className:B,semanticColor:"textBrightAccent",onClick:()=>{s(b.VF),t.send((0,r.u)({ad_id:a.adId,lineitem_id:a.metadata?.lineitem_id,creative_id:a.metadata?.creative_id,slot:a.slot,event:"event_clicked",reason:"edit_profile",surface:"ad_dsa_view"}))},standalone:!0,children:[(0,_.jsx)(n.x,{variant:"bodyMediumBold",as:"h2",children:o.ag.get("ad-formats.dsa.modal.editProfile")}),(0,_.jsx)(y.h,{semanticColor:"textBrightAccent"})]})]}):null};var W=t(80524),Z=t(53213);const z=({activeTargetingTypes:e})=>{const a=[f.GEO,f.INTEREST].some((a=>e.includes(a)));if(!a)return null;const t=a&&e.some((e=>e===f.AGE||e===f.GENDER));return(0,_.jsx)(w,{title:o.ag.get("ad-formats.dsa.modal.otherInfo"),showTitle:t,children:(0,_.jsx)(h.d,{className:F,condensedAll:!0,children:e.map((e=>{const a=function(e){switch(e){case f.GEO:return{icon:(0,_.jsx)(W.n,{}),text:o.ag.get("ad-formats.dsa.modal.targeting.location")};case f.INTEREST:return{icon:(0,_.jsx)(Z.a,{}),text:o.ag.get("ad-formats.dsa.modal.targeting.interests")};default:return null}}(e);return a?(0,_.jsx)(R,{icon:a.icon,text:a.text},e):null}))})})},L=({item:e})=>{const a=(0,g.s4)(),{openURLWithSessionTransfer:t}=(0,j.e)();return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)("hr",{className:U}),(0,_.jsx)(n.x,{className:M,variant:"titleSmall","aria-label":o.ag.get("ad-formats.dsa.modal.aboutTailoredAds"),as:"h2",children:o.ag.get("ad-formats.dsa.modal.aboutTailoredAds")}),(0,_.jsx)(n.x,{variant:"bodyMedium",semanticColor:"textSubdued","aria-label":o.ag.get("ad-formats.dsa.modal.tailoredAds"),children:o.ag.get("ad-formats.dsa.modal.tailoredAds")}),(0,_.jsxs)(x.h,{component:"button","aria-label":"Visit your privacy settings, link",className:B,semanticColor:"textBrightAccent",onClick:()=>{t(`${b.Vx}/#tailored-ads`),a.send((0,r.u)({ad_id:e.adId,creative_id:e.metadata?.creative_id,event:"event_clicked",lineitem_id:e.metadata?.lineitem_id,reason:"change_preferences",request_id:e.requestId,slot:e.slot,surface:"ad_dsa_view"}))},standalone:!0,children:[(0,_.jsx)(n.x,{variant:"bodyMediumBold",as:"h2",children:o.ag.get("ad-formats.dsa.modal.privacySetting")}),(0,_.jsx)(y.h,{semanticColor:"textBrightAccent"})]})]})};var J=t(87562),P=t(85039),V=t(98692),q=t(5380);const Q="vkMQw77rXE4cp8xsAdzl",X="emw6kR941D2wReukhCAJ",Y=({advertiser:e,legalEntityName:a})=>{const{item:t}=(0,J.x)()||{item:null},s=t&&(0,V.k6)(t)?t?.images:void 0,i=(0,q.o)(s);return(0,_.jsxs)("div",{className:Q,children:[i&&(0,_.jsx)(P.Ee,{className:X,src:i,loading:"lazy"}),(0,_.jsx)(n.x,{variant:"bodyMediumBold","aria-label":e,children:e}),a&&(0,_.jsx)(n.x,{variant:"bodySmall",semanticColor:"textSubdued","aria-label":a,children:a})]})};var H=t(67204);const $=e=>{const[a,t]=(0,s.useState)(null),[i,n]=(0,s.useState)(!1);return(0,s.useEffect)((()=>{e?.metadata?.lineitem_id&&e.adId&&(async e=>{try{n(!0);const a=await H.fi.getDsaAdMetadata(e);t(T.fromJSON(a)),n(!1)}catch(e){n(!1)}})({lineitemId:e.metadata.lineitem_id,adId:e.adId})}),[e]),{data:a,loading:i}},ee=({item:e})=>{const a=(0,g.s4)(),t=(0,i.I0)(),{isOpen:u}=(0,i.v9)((e=>e.ui.dsaDialog)),{data:E,loading:h}=$(e);return(0,s.useEffect)((()=>{a.send((0,r.u)({ad_id:e.adId,creative_id:e.metadata?.creative_id,event:"event_viewed",lineitem_id:e.metadata?.lineitem_id,reason:"ad_dsa_view",request_id:e.requestId,slot:e.slot,surface:"ad_dsa_view"}))}),[]),(0,_.jsxs)(m.Z,{className:I,isOpen:u,shouldCloseOnEsc:!0,shouldCloseOnOverlayClick:!0,contentLabel:o.ag.get("ad-formats.dsa.aboutThisAd"),children:[(0,_.jsx)("div",{className:k,children:(0,_.jsx)(n.x,{"aria-label":o.ag.get("ad-formats.dsa.aboutThisAd"),variant:"titleMedium",as:"h1",children:o.ag.get("ad-formats.dsa.aboutThisAd")})}),(0,_.jsx)("hr",{className:U}),(0,_.jsx)("div",{className:O,children:h?(0,_.jsx)("div",{className:C,"data-testid":"loading-indicator",children:(0,_.jsx)(d.T,{size:"large"})}):(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(Y,{advertiser:e.metadata.advertiser,legalEntityName:E?.legalEntityName}),E?.targetingTypes.length?(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(n.x,{className:M,variant:"titleSmall",as:"h2","aria-label":o.ag.get("ad-formats.dsa.modal.adBasedInfoExplanation"),children:o.ag.get("ad-formats.dsa.modal.adBasedInfoExplanation")}),(0,_.jsx)(K,{item:e,activeTargetingTypes:E?.targetingTypes}),(0,_.jsx)(z,{item:e,activeTargetingTypes:E?.targetingTypes})]}):(0,_.jsx)(n.x,{className:M,as:"h2","aria-label":o.ag.get("ad-formats.dsa.modal.targeting.unknown"),tabIndex:0,children:o.ag.get("ad-formats.dsa.modal.targeting.unknown")}),E?.showTailoredAdsSection&&(0,_.jsx)(L,{item:e})]})}),(0,_.jsx)("button",{"aria-label":o.ag.get("close_button_action"),className:D,onClick:()=>{t((0,c.ni)())},children:(0,_.jsx)(l.k,{size:"medium",semanticColor:"textBase"})})]})}}}]);
|
|
//# sourceMappingURL=4610.js.map
|