https://www.lodestartech.com/84.5211dedb3321ea6582bc.js

1/*! @version pwa-studio: 2.12, @magento/venia-ui: ~11.6.0, @magento/upward-security-headers: ~1.0.14, @magento/pwa-theme-venia: ~2.4.0, @magento/pwa-buildpack: ~11.5.4, @magento/peregrine: ~14.5.1, @magento/pagebuilder: ~9.3.3, @magento/eslint-config: ~1.5.0, @magento/babel-preset-peregrine: ~1.3.3, @apollo/client: ~3.13.8 */
2(window.webpackJsonp=window.webpackJsonp||[]).push([[84],{"0fOT":function(e,n,a){"use strict"
3var t=a("pVnL"),i=a.n(t),r=a("QILm"),o=a.n(r),s=a("q1tI"),l=a.n(s),m=a("17x9"),d=a("8UhI"),p=a("c3RJ")
4const c=["classes","field","id","isRequired","message","validFeedback","label","validate"],u=e=>{const{classes:n,field:a,id:t,isRequired:r=!0,message:m,validFeedback:u="Looks good!",label:b,validate:g}=e,f=o()(e,c),x=Object(p.a)(a),{error:k,touched:$,showError:h,value:_}=x,w="string"==typeof _?_.trim():"",v=h||k?"is-invalid":$&&!k&&w?"is-valid":""
5return l.a.createElement("div",null,b&&l.a.createElement("div",{className:"d-flex justify-content-between gap-2"},l.a.createElement("label",{htmlFor:t,className:"form-label"},b),l.a.createElement("span",{className:"optional-label"},!1===r?"(Optional)":"")),l.a.createElement(s.Fragment,null,l.a.createElement(d.h,i()({validateOnChange:!0,className:"form-control text-area ".concat(v),field:a,required:r},f)),l.a.createElement("div",{className:"valid-feedback ".concat($&&!k&&w?"d-block":"d-none")},u||"Looks good!"),l.a.createElement("div",{className:"invalid-feedback ".concat(k||h?"d-block":"d-none")},"object"==typeof k&&null!=k&&k.defaultMessage?k.defaultMessage:k)))}
6n.a=u,u.defaultProps={cols:40,rows:4,wrap:"hard"},u.propTypes={classes:Object(m.shape)({input:m.string}),cols:Object(m.oneOfType)([m.number,m.string]),field:m.string.isRequired,message:m.node,rows:Object(m.oneOfType)([m.number,m.string]),wrap:Object(m.oneOf)(["hard","soft"])}},AKnZ:function(e,n,a){"use strict"
7var t=a("denP"),i=a.n(t),r=a("JPst"),o=a.n(r)()(i.a)
8o.push([e.i,".media-inquiries-page__relative-wrapper{position:relative}.media-inquiries-page__container{padding-top:4rem;padding-bottom:4rem}.media-inquiries-page__container__title-wrapper{text-align:center;padding-bottom:1.5rem}.media-inquiries-page__container__title-wrapper__media-inquiries-page__info{font-size:18px}.media-inquiries-page__container__form-wrapper{margin:0 auto}.media-inquiries-page__container__form-wrapper .form-control{background:#f5f5f7}.media-inquiries-page__container__form-wrapper textarea{background:#f5f5f7}.media-inquiries-page__container__form-wrapper__btn-submit{width:100%}@media(min-width: 768px){.media-inquiries-page__container__title-wrapper__info-bold{display:block}.media-inquiries-page__container__title-wrapper__media-inquiries-page__info{display:block}}","",{version:3,sources:["webpack://./src/RootComponents/MediaInquiriesPage/mediaInquiries.scss","webpack://./node_modules/bootstrap/scss/mixins/_breakpoints.scss"],names:[],mappings:"AAII,wCACI,iBAAA,CAGJ,iCACI,gBAAA,CACA,mBAAA,CAEA,gDACI,iBAAA,CACA,qBAAA,CAEA,4EACI,cAAA,CAIR,+CACI,aAAA,CAEA,6DACI,kBAAA,CAGJ,wDACI,kBAAA,CAGJ,2DACI,UAAA,CC8BZ,yBDnBY,2DACI,aAAA,CAGJ,4EACI,aAAA,CAAA",sourcesContent:["@use \"sass:map\";\n@import '/src/styles/Themes/Default/component-prerequisites';\n\n.media-inquiries-page {\n    &__relative-wrapper {\n        position: relative;\n    }\n\n    &__container {\n        padding-top: 4rem;\n        padding-bottom: 4rem;\n\n        &__title-wrapper {\n            text-align: center;\n            padding-bottom: 1.5rem;\n\n            &__media-inquiries-page__info {\n                font-size: 18px;\n            }\n        }\n\n        &__form-wrapper {\n            margin: 0 auto;\n\n            .form-control {\n                background: map-get($colors, 'gray-l4');\n            }\n\n            textarea {\n                background: map-get($colors, 'gray-l4');\n            }\n\n            &__btn-submit {\n                width: 100%;\n            }\n        }\n    }\n}\n\n\n@include media-breakpoint-up(md) {\n    .media-inquiries-page {\n        &__container {\n            &__title-wrapper {\n                &__info-bold {\n                    display: block;\n                }\n\n                &__media-inquiries-page__info {\n                    display: block;\n                }\n            }\n        }\n    }\n}

8\n",'// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl xxl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @if not $n {\n    @error "breakpoint `#{$name}` not found in `#{$breakpoints}`";\n  }\n  @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $max: map-get($breakpoints, $name);\n  @return if($max and $max > 0, $max - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n//    ""  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px, xxl: 1400px))\n//    "-sm"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint\'s minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min:  breakpoint-min($name, $breakpoints);\n  $next: breakpoint-next($name, $breakpoints);\n  $max:  breakpoint-max($next, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($next, $breakpoints) {\n      @content;\n    }\n  }\n}\n'],sourceRoot:""}]),o.locals={},n.a=o},LGPB:function(e,n,a){"use strict"
9a.d(n,"a",function(){return t}),a.d(n,"c",function(){return i}),a.d(n,"d",function(){return r}),a.d(n,"e",function(){return o}

9),a.d(n,"b",function(){return s})
10const t=(e,n,a)=>{const t={id:"validation.hasLengthAtLeast",defaultMessage:"Must contain at least {value} character(s).",value:a}
11if(!e||e.length<a)return t},i=e=>{const n={id:"validation.isRequired",defaultMessage:"Is required."}
12if(!e)return n
13const a=String(e).trim()
14return t(a,null,1)?n:void 0},r=e=>{if(!e)return{id:"validation.mustBeChecked",defaultMessage:"Must be checked."}},o=e=>{const n={lower:0,upper:0,digit:0,special:0}
15for(const a of e)/[a-z]/.test(a)?n.lower++:/[A-Z]/.test(a)?n.upper++:/\d/.test(a)?n.digit++:/\S/.test(a)&&n.special++
16if(Object.values(n).filter(Boolean).length<3){return{id:"validation.validatePassword",defaultMessage:"A password must contain at least 3 of the following: lowercase, uppercase, digits, special characters."}}},s=(e,n,a)=>{const t={id:"validation.isNotEqualToField",defaultMessage:"{value} must be different",value:a}
17return e!==n[a]?void 0:t}},"s+bJ":function(e,n,a){"use strict"
18a.r(n),a.d(n,"default",function(){return N})
19var t,i=a("q1tI"),r=a.n(i),o=a("LboF"),s=a.n(o),l=a("AKnZ"),m={insert:"head",singleton:!1},d=(s()(l.a,m),l.a.locals,a("8UhI")),p=a("Hq+J"),c=a("0fOT"),u=a("ACyH"),b=a("dDsW"),g=a("kriW"),f=a("VkAN"),x=a.n(f),k=a("UYTu")
20var $={inquiryMutation:Object(k.d)(t||(t=x()(['\n    mutation SubmitMediaInquiryForm(\n        $name: String!\n        $company: String!\n        $email: String!\n        $comment: String!\n        $telephone: String!\n    ) {\n        mediaInquiry(\n            input: {\n                name: $name\n                email: $email\n                company: $company\n                comment: $comment\n                telephone: $telephone\n                redirectOverride: "mediaInquiry"\n            }\n        ) {\n            status\n        }\n    }\n'])))},h=a("y1Xp"),_=a("pZLH")
21var w=a("YdRu"),v=a("J3e4"),A=a("LGPB"),y=a("rLZa"),q=a("0WG7"),E=a("HTR8"),M=a("LiED"),C=a("uD0x")
22var N=e=>{const n=function useMediaInquiries(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{}
23const{inquiryMutation:n}=Object(h.a)($,e.operations),a=Object(i.useRef)(null),[t,{data:r,error:o,loading:s}]=Object(_.a)(n,{fetchPolicy:"no-cache"})
24return{setFormApi:Object(i.useCallback)(e=>a.current=e,[]),handleSubmit:Object(i.useCallback)(async e=>{let{name:n,telephone:i,comment:r,company:o,email:s}=e
25try{await t({variables:{name:n,telephone:i,comment:r,company:o,email:s}}),a.current&&a.current.reset()}catch(e){}},[t]),errors:Object(i.useMemo)(()=>new Map([["contactMutation",o]]),[o]),formDataResponse:r&&r.mediaInquiry,isBusy:s}}(),{setFormApi:a,handleSubmit:t,errors:o,isBusy:s,formDataResponse:l}=n,{formatMessage:m}=Object(b.a)(),[,{addToast:f}]=Object(v.a)()
26Object(i.useEffect)(()=>{l&&l.status&&f({type:"success",message:m({id:"mediaInquiries.subscribeMessage",defaultMessage:"Your media inquiry has been submitted successfully."}),timeout:5e3})},[f,l,m])
27const x=s?r.a.createElement("div",{className:"loading-container"},r.a.createElement(M.a,null,r.a.createElement(g.a,{id:"contactPage.loadingText",defaultMessage:"Sending"}))):null
28return r.a.createElement(i.Fragment,null,r.a.createElement(y.c,null,m({id:"mediaInquiries.title",defaultMessage:"Media Inquiries"})),r.a.createElement("div",{className:"media-inquiries-page page--secondary"},r.a.createElement("div",{className:"hero-banner"},r.a.createElement(C.a,{desktopSrc:"/static-assets/media/[placeholder]-lst-secondaryPages-heroBg-20250915151535PCC.mp4",mobileSrc:"/static-assets/media/[placeholder]-lst-secondaryPages-heroBg-mobile-202509161443PCC.mp4"}),r.a.createElement("h1",{className:"page__header"},"Media Inquiries")),r.a.createElement("div",{className:"bg-light media-inquiries-page__relative-wrapper"},r.a.createElement("div",{className:"container media-inquiries-page__container"},r.a.createElement("div",{className:"row justify-content-center"},r.a.createElement("div",{className:"col-12 col-lg-9 col-xl-8 col-xxl-7"},r.a.createElement("p",{className:"media-inquiries-page__container__title-wrapper lead"},r.a.createElement("span",{className:"media-inquiries-page__container__title-wrapper__info-bold"},"For media inquiries and interview requests, "),r.a.createElement("span",{className:"media-inquiries-page__container__title-wrapper__info"},"please fill out the form below.")),r.a.createElement("div",{className:"media-inquiries-page__container__form-wrapper"}

28,x,r.a.createElement(d.b,{className:"row g-3",getApi:a,onSubmit:t},r.a.createElement(i.Fragment,null,r.a.createElement("div",{className:"col-12 col-md-6 form-group"},r.a.createElement(p.a,{id:"name",label:m({id:"global.name",defaultMessage:"Name"}),type:"text",field:"name",validate:Object(E.a)([A.c,w.g])})),r.a.createElement("div",{className:"col-12 col-md-6 form-group"},r.a.createElement(p.a,{id:"telephone",label:m({id:"global.phoneNumber",defaultMessage:"Phone Number"}),type:"tel",field:"telephone",validate:Object(E.a)([A.c,w.f])})),r.a.createElement("div",{className:"col-12 col-md-6 form-group"},r.a.createElement(p.a,{id:"company",label:m({id:"mediaInquiries.company",defaultMessage:"Company"}),type:"text",field:"company",validate:Object(E.a)([A.c,w.g])})),r.a.createElement("div",{className:"col-12 col-md-6 form-group"},r.a.createElement(p.a,{id:"email",label:m({id:"global.email",defaultMessage:"Email"}),type:"email",field:"email",validate:Object(E.a)([A.c,w.c])})),r.a.createElement("div",{className:"col-12 form-group"},r.a.createElement(c.a,{id:"comment",field:"comment",rows:10,validate:A.c,label:m({id:"mediaInquiries.commentPlaceholder",defaultMessage:"Message"})})),r.a.createElement(q.a,{errors:Array.from(o.values())}),r.a.createElement("div",{className:"col-12 btn-actions btn-actions--full-width"},r.a.createElement(u.a,{className:"btn btn-primary media-inquiries-page__container__form-wrapper__btn-submit",type:"submit",priority:"high",disabled:s},r.a.createElement(g.a,{id:"global.submit",defaultMessage:"Submit"}))))))))))))}},uD0x:function(e,n,a){"use strict"
29var t=a("q1tI"),i=a.n(t)
30n.a=(e=>{const n=e.desktopSrc,a=e.mobileSrc,r=Object(t.useRef)(null)
31return Object(t.useEffect)(()=>{const e=r.current,n=()=>{e&&e.classList.add("secondary-hero-page-bg--loaded")}
32return e&&e.addEventListener("loadeddata",n),()=>{e&&e.removeEventListener("loadeddata",n)}},[]),i.a.createElement("video",{ref:r,autoPlay:!0,loop:!0,muted:!0,playsInline:!0,preload:"auto",className:"secondary-hero-page-bg"},i.a.createElement("source",{src:n,media:"(min-width: 768px)"}),i.a.createElement("source",{src:a}))})}}])