1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3540],{63540:function(n,e,t){t.r(e),t.d(e,{PromotionBannerConnector:function(){return P},trackPromotionBanner:function(){return B}});var r=t(38839),i=t(12353),a=t(32735),o=t(85404),l=t(80192),d=t(68203),u=t(44298),c=t(58919),m=t(16608),s=t(33206),g=t(32307),p=t(64474);function h(){const n=(0,m._)(["\n padding-top: ",";\n"]);return h=function(){return n},n}function f(){const n=(0,m._)(["\n display: grid;\n padding: ",";\n gap: ",';\n grid-template-areas:\n "image"\n "heading"\n "paragraph";\n\n ',' {\n grid-template-areas:\n "image heading"\n "image paragraph";\n grid-template-columns: auto 1fr;\n gap: ',";\n align-content: center;\n }\n"]);return f=function(){return n},n}function v(){const n=(0,m._)(["\n grid-area: image;\n max-width: ",";\n object-fit: contain;\n\n "," {\n margin-bottom: ",";\n }\n\n "," {\n max-width: ",";\n }\n"]);return v=function(){return n},n}function x(){const n=(0,m._)(["\n grid-area: heading;\n display: flex;\n flex-direction: column;\n justify-content: flex-end;
1\n\n "," {\n align-self: end;\n }\n"]);return x=function(){return n},n}function _(){const n=(0,m._)(["\n grid-area: paragraph;\n\n "," {\n align-self: start;\n }\n"]);return _=function(){return n},n}const k={XS:160,LG:96},b=s.Z.div(h(),(n=>{let{theme:e}=n;return e.spacing(2.5)})),j={Column:s.Z.div(f(),(n=>{let{theme:e}=n;return e.spacing(1.5)}),(n=>{let{theme:e,withImage:t}=n;return e.spacing(.5,t?1.5:0)}),(n=>{let{theme:e}=n;return e.breakpoints.up("md")}),(n=>{let{theme:e,withImage:t}=n;return e.spacing(.5,t?1.5:0)})),ImageWrapper:s.Z.div(v(),(0,i.convertPxToRem)(k.XS),(n=>{let{theme:e}=n;return e.breakpoints.down("md")}),(n=>{let{theme:e}=n;return e.spacing(1.5)}),(n=>{let{theme:e}=n;return e.breakpoints.up("lg")}),(0,i.convertPxToRem)(k.LG)),Heading:(0,s.Z)(g.X)(x(),(n=>{let{theme:e}=n;return e.breakpoints.up("lg")})),Paragraph:(0,s.Z)(p.n)(_(),(n=>{let{theme:e}=n;return e.breakpoints.up("lg")})),Wrapper:b};function w(n){let{theme:e,heading:t,content:a,image:o,onLoad:m}=n;const s=(0,c.TZ)(null===o||void 0===o?void 0:o.href,{xs:{width:k.XS,aspectRatio:"1:1"},lg:{width:k.LG,aspectRatio:"1:1"}});return(0,i.useEffectOnMountUnsafe)((()=>{null===m||void 0===m||m()})),(0,r.jsx)(j.Wrapper,{"data-section":"PromotionBanner",children:(0,r.jsx)(l.O,{children:(0,r.jsx)(u.E,{"data-testid":"PromotionBanner",tag:"section",theme:e,children:(0,r.jsxs)(j.Column,{withImage:!!o,children:[s&&(0,r.jsx)(j.ImageWrapper,{children:(0,r.jsx)(d.E,{alt:null===o||void 0===o?void 0:o.alt,"data-testid":"PromotionBanner-Image",sources:s})}),(0,r.jsx)(j.Heading,{tag:"h2",variant:"h4BoldSerif",children:t}),(0,r.jsx)(j.Paragraph,{spacingBottom:0,variant:"small",children:a})]})})})})}function P(n){let{theme:e,optionalImage:t,optionalContent:i,promotion:o,...l}=n;var d,u;return(0,r.jsx)(w,{...l,content:null!==i&&void 0!==i?i:void 0,...t?{image:{...t,href:null!==(d=null===t||void 0===t?void 0:t.href)&&void 0!==d?d:"",alt:null!==(u=null===t||void 0===t?void 0:t.alt)&&void 0!==u?u:""}}:void 0,onLoad:(0,a.useCallback)((()=>{B((null===o||void 0===o?void 0:o.id)||void 0,(null===o||void 0===o?void 0:o.name)||void 0)}),[o]),theme:e})}function B(n,e){n&&e&&(0,i.nextTick)((()=>(0,o.xe)({event:"view_promotion",promotion_id:n,promotion_name:e,location_id:"bag_header"})))}}}]); 2//# sourceMappingURL=3540.d5387748e13c0f5e.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.