https://www.mclartyauto.com/resources/couponWidgetSlimControllerCh…&h=633ba8bff4404eb4831b

1"use strict";(self.webpackChunksite_client_side=self.webpackChunksite_client_side||[]).push([[347],{8841:(t,n,e)=>{e.r(n),e.d(n,{default:()=>i});class a{constructor(t){this._defaultCoupon={PrimaryImage:null,Title:null,Description:null,DefaultDescription:"SAVE ON SELECT GAS AND ELECTRIC FIREPLACES!",CampaignID:null},this._element=t}init(){this.getCoupons()}getCoupons(){const t=this._element.getAttribute("id"),n=this._element.getAttribute("url");$.post(n,{SiteKey:t,HHTConfig:{SiteKey:t,Implementation:"Catalog"}}).then(function(t){const n=t.Coupons?t.Coupons:new Array;this.createHtml(n)}.bind(this))}createHtml(t){const n=t.length?t[0]:this._defaultCoupon,e="its-lit-coupon-modal",a=document.getElementsByTagName("head")[0],i=document.createElement("style"),o=`\n      <div class="pencilBanner margin-bottom-4x ${t.length?"":"hidden"}">\n        <div class="coupon-content-container container">\n          <div class="coupon-content">\n            <div class="text-center">\n                <h2 class="text-white text-uppercase margin-top_5x"><strong>${n.Description||this._defaultCoupon.DefaultDescription}</strong></h2>\n            </div>\n            <div class="">\n                <div class="cta-buttons-container">\n                    <div class="cta-button left">\n                        <button type="button"       \n          data-dotagging-event='cta_interaction'\n          data-dotagging-event-action='click'\n          data-dotagging-event-action-result='open'\n          data-dotagging-event-owner='dealeron'\n          data-dotagging-element-order='0'\n          data-dotagging-element-type='item_details'\n          data-dotagging-element-subtype='cta_button' class="btn btn-main btn-cta offer-btn btn-block btn-lg margin-vert_5x" onclick="SetupCouponModal(this)" data-toggle="modal" data-target="#its-lit-coupon-modal" data-form-type="coupon" data-form-title="${n.Title}" data-coupon-campaign="${n.CampaignID}">Get this offer!</button>\n                    </div>\n                    <div class="cta-button right">\n                        <button type="button" class="btn btn-main btn-block btn-lg margin-vert_5x" data-toggle="modal" data-target="#coupon-disclaimer-modal-${n.CampaignID}" aria-controls="coupon-disclaimer-modal-${n.CampaignID}" data-form-type="coupon" data-form-title="Offer Details">Offer Details</button>\n                    </div>\n                </div>\n            </div>\n        </div>\n      </div>`;i.innerHTML=`\n\n      @media (min-width: 1441px){\n        .pencilBanner > .container{\n          width: 1440px;\n        }\n      }\n\n      .pencilBanner{ background-color:#ff7319; padding: 25px 0; }\n\n      .cta-button {\n        margin: 0 auto;\n        max-width: 300px;\n      }\n\n      @media only screen and (min-width: 768px) { \n      #${e} .modal-content { \n          margin-top: 10vh; \n        } \n\n        h2 {\n          margin-right: 1em;\n          margin-left: 1em;\n        }\n\n        .coupon-content-container {\n          width: fit-content;\n        }\n\n        .coupon-content {\n          display: grid;\n          grid-template-rows: 1fr 1fr;\n        }\n\n        .cta-buttons-container {\n          display: grid;\n          grid-template-columns: 1fr 1fr;\n          column-gap: 10px;\n        }\n\n        .cta-button {\n          margin: unset;\n          width: 100%;\n        }\n\n        .cta-button.left {\n          justify-self: right;\n        }\n  \n        .cta-button.right {\n          justify-self: left;\n        }\n      }\n\n      #${e} .modal-header {\n        background: linear-gradient(175deg,rgba(0,0,0,.4),rgba(0,0,0,.9)), url('static/industry-fireplace/hero/gas-and-electric-fireplaces.png') no-repeat center / cover;\n        padding: 3em 2em;\n        color: white;\n        text-align: center;\n        border-radius: 5px 5px 0 0;\n      }\n      \n      #${e} .modal-header hr {\n        width: 40px;\n        margin: 1em auto;\n      }\n      \n      #${e} #progressbar {\n        overflow: hidden;\n      }\n      \n      #${e} #progressbar li .bg-cta { background: #e87033 !important; }\n      \n      #${e} #progressbar li {\n        list-style-type: none;\n        width: 100%;\n        float: left;\n        position: relative;\n      }\n      \n      #${e} #progressbar li a {\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        font-size: 12px;\n        color: #fff;\n      }\n      \n      #${e} #progressbar li a span {\n        width: 24px;\n        height: 24px;\n        line-height: 24px;\n        display: block;\n        font-size: 12px;\n        color: #333;\n        background: white;\n        border-radius: 25px;\n        margin: 0 auto 10px auto;\n      }\n      \n      #${e} #progressbar li a span::after {\n        content:""\f040"";\n        font-family: 'fontawesome';\n      }\n      \n      #${e} #progressbar li a span.bg-cta {\n        color: white;\n      }\n      \n      #${e} #progressbar li a span.bg-cta::after {\n        content:""\f00c"";\n        font-family: 'fontawesome';\n      }\n      \n      #${e} #progressbar li::after {\n        content: '';\n        width: 75%;\n        height: 2px;\n        background: white;\n        position: absolute;\n        left: 0;\n        transform: translateX(-50%);\n        top: 11px;\n        opacity: .1;\n        z-index: 1;\n        transition: all .3s ease;\n      }\n      \n      #${e} #progressbar li.edit-success::after {\n        opacity: 1;\n        background-color: #e87033;\n      }\n      \n      #${e} #progressbar li:first-child::after {\n          content: none;\n      }`,this._element.innerHTML=o,this.setupOfferDetailsModal(n),a&&a.appendChild(i)}setupOfferDetailsModal(t){const n=document.createElement("div");n.innerHTML=`\x3c!-- Begin Coupon Disclaimer Modal --\x3e\n\t\t\t\t<div class="modal fade coupon-disclaimer-modal" \n\t\t\t\t\tid="coupon-disclaimer-modal-${t.CampaignID}" \n\t\t\t\t\ttabindex="-1" role="dialog" \n\t\t\t\t\taria-labelledby="coupon-disclaimer-title-${t.CampaignID}">\n\t\t\t\t\t<div class="modal-dialog" role="document" style="width: 80%;">\n\t\t\t\t\t\t<div class="modal-content">\n\t\t\t\t\t\t\t<div class="modal-header">\n\t\t\t\t\t\t\t\t<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>\n\t\t\t\t\t\t\t\t<h4 class="hidden" \n\t\t\t\t\t\t\t\t\tid="coupon-disclaimer-title-${t.CampaignID}">

1${t.Description}</h4>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class="modal-body text-justify">\n\t\t\t\t\t\t\t\t${t.Disclaimer}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div class="modal-footer">\n\t\t\t\t\t\t\t\t<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t\x3c!-- End Coupon Disclaimer Modal --\x3e`,this._element.appendChild(n)}}class i{constructor(t){this.element=t,this.program=this.element&&this.element.getAttribute("program")||"",this.initialize()}initialize(){var t;"hht"===(null===(t=this.program)||void 0===t?void 0:t.toLowerCase())&&new a(this.element).init()}}}}]);
2//# sourceMappingURL=couponWidgetSlimControllerChunk.js.map?v=23.116.0+20260924.10.cf1de5f1f4d4b9684c3a72f57e64cdbc99f7122f&h=633ba8bff4404eb4831b