https://www.mrhandyman.com/brand/_assets/js/o2/opus2.clientCarousel-loader.52bdcc7261ef60ccaa4d.js

1"use strict";(self.webpackChunkcrownpeak_opus2=self.webpackChunkcrownpeak_opus2||[]).push([["clientCarousel-loader"],{"./src/js/opus2/carouselVersion2/clientTransform-carousel.ts"(e,t,n){n.d(t,{ClientTransformCarousel:()=>u});var i=n(/*! tslib */"./node_modules/tslib/tslib.es6.mjs"),l=n(/*! tiny-slider */"./node_modules/tiny-slider/dist/tiny-slider.js"),s=n(/*! ../api/apiRequest */"./src/js/opus2/api/apiRequest.ts"),o=n(/*! ../util/generateSvgDataUrl */"./src/js/opus2/util/generateSvgDataUrl.ts"),r=n(/*! ../config/apiConfig */"./src/js/opus2/config/apiConfig.ts"),a=n(/*! ../util/imageQuality */"./src/js/opus2/util/imageQuality.ts"),d=n(/*! ../services/woker-api */"./src/js/opus2/services/woker-api.ts"),c=n(/*! ../util/keyGeneration */"./src/js/opus2/util/keyGeneration.ts");class u{static getInstance(){return u.instance||(u.instance=new u),u.instance}constructor(){this.pageSize=9}transFormationSliderV2(){let e=document.querySelector(".transformation-carousel-list.transformation-slider-v2");e&&(0,l.tns)({container:e,items:1,loop:!1,gutter:10,controlsText:['<svg aria-hidden="true" class="slider-control"><use xlink:href="/brand/_assets/images/icons/hero-icon-sprite.svg#chevron-left-white"></use></svg>','<svg aria-hidden="true"  class="slider-control"><use xlink:href="/brand/_assets/images/icons/hero-icon-sprite.svg#chevron-right-white"></use></svg>']})}getData(){this.fetchDiaryData()}HideSections(e,t,n,i){var l,s,o,r;e&&(null===(l=e.classList)||void 0===l||l.remove("hidden"),e.style.display="flex"),null===(s=null==t?void 0:t.classList)||void 0===s||s.remove("hidden"),null===(o=null==n?void 0:n.classList)||void 0===o||o.remove("hidden"),null===(r=null==i?void 0:i.classList)||void 0===r||r.remove("hidden")}formatAppointmentDate(e){if(!e)return"";const t=Number.parseInt(e.replace(/\D/g,""));return new Date(t).toLocaleDateString("en-US",{year:"numeric",month:"long",day:"numeric"})}addReadToggle(e){try{if((null==e?void 0:e.scrollHeight)>(null==e?void 0:e.clientHeight)){const t=document.createElement("span");t.className="read-toggle",t.innerText="Read More",t.addEventListener("click",()=>{e.classList.toggle("expanded"),t.innerText=e.classList.contains("expanded")?"Read Less":"Read More"}),e.insertAdjacentElement("afterend",t)}else e.classList.add("expanded")}catch(t){console.warn("Error checking text clamp:",t),e.classList.add("expanded")}}formatCustomerName(e){const t=e.match(/\b[a-zA-Z]+\b/g);return 1===t.length?t[0]:t.length>=2?`${t[0]} ${t[1].charAt(0).toUpperCase()}.`:e}handleReadMore(e,t){var n;t&&("flex"===(null===(n=null==e?void 0:e.style)||void 0===n?void 0:n.display)?t&&requestAnimationFrame(()=>{this.addReadToggle(t)}):t&&t.classList.add("expanded"))}fetchDiaryData(){return(0,i.__awaiter)(this,void 0,void 0,function*(){var e,t,n,i,l,s;const a=window.location.pathname,d={url:a,pageSize:null!==(e=this.pageSize)&&void 0!==e?e:9};(null===(t=d.url)||void 0===t?void 0:t.endsWith("/"))||(d.url+="/");const u={method:"POST",url:r.apiConfig.DOK_DIARY_DATA,headers:{"Content-Type":"application/json"},data:d},m=document.getElementById("skeleton-view"),v=document.getElementById("carousel-container");try{null===(n=null==m?void 0:m.classList)||void 0===n||n.remove("hidden"),null===(i=null==v?void 0:v.classList)||void 0===i||i.add("hidden");const e=".transformation-section.testimonials .transformation-carousel-wrap .transformation-carousel-list.transformation-slider-v2",t=document.querySelector(e),d=null==t?void 0:t.querySelector(".transformation-carousel-item");if(!t||!d)return;const h=(0,c.keyGenerator)(`${r.apiConfig.CLIENT_TRANSFORM_CAROUSEL_V2}-[url path]-${a}`,e),p=yield this.getCarouselData(h,u),g=document.querySelector(".transformation-section.testimonials");if(!(null==p?void 0:p.length))return void(g&&(null===(l=g.classList)||void 0===l||l.add("hidden")));p.forEach((e,n)=>{var i,l,s,r,a,c,u,m,v,h,p,g,f,y,L,S,C,T,w,x,D,_,q,b;const j=d.cloneNode(!0);this.setImageData(j,e,n,"https://junkware.junk-king.com"),j.querySelector(".client-heading").innerText=`${null!==(i=null==e?void 0:e.jobCategory)&&void 0!==i?i:"Project"} in ${null!==(l=null==e?void 0:e.appointmentCity)&&void 0!==l?l:""}${(null==e?void 0:e.appointmentState)?", "+(null==e?void 0:e.appointmentState):""}`,j.querySelector(".date-text").innerText=this.formatAppointmentDate(null!==(s=null==e?void 0:e.appointmentDate)&&void 0!==s?s:""),j.querySelector(".client-text").innerText=null!==(r=null==e?void 0:e.description)&&void 0!==r?r:"";const k=(null==e?void 0:e.comments)?`"${null==e?void 0:e.comments}"`:"",I=j.querySelector(".body-text-sm");I.innerText=k;const $=j.querySelector(".testi-profile img"),A=j.querySelector(".user-name"),E=j.querySelector(".testi-profile"),H=j.querySelector(".rating"),R=j.querySelector(".testi-main"),V=j.querySelector(".testi-comment"),M=(null===(a=null==e?void 0:e.customerName)||void 0===a?void 0:a.trim())||"Customer Testimonial",N="number"==typeof(null==e?void 0:e.rating),O=!!(null===(c=null==e?void 0:e.comments)||void 0===c?void 0:c.trim()),U=(0,o.generateSvgDataUrl)(null==M?void 0:M.charAt(0));$.src=U,$.alt=null===(u=null==e?void 0:e.customerName)||void 0===u?void 0:u.charAt(0),A.innerText=this.formatCustomerName(M),null===(m=E.classList)||void 0===m||m.remove("hidden"),null===(v=A.classList)||void 0===v||v.remove("hidden"),N?(H.innerHTML=new Array(5).fill("").map((t,n)=>`<span class="star ${n<Math.round((null==e?void 0:e.rating)/2)?"full":""}">★</span>`).join(""),null===(h=H.classList)||void 0===h||h.remove("hidden")):(H.innerHTML="",null===(p=H.classList)||void 0===p||p.add("hidden")),O?(I.innerText=`"${null==e?void 0:e.comments}"`,null===(g=V.classList)||void 0===g||g.remove("hidden"),null===(f=I.classList)||void 0===f||f.remove("hidden")):(I.innerText="",null===(y=V.classList)||void 0===y||y.add("hidden"),null===(L=I.classList)||void 0===L||L.add("hidden"));const G=N&&!O;N&&O?(null===(S=null==V?void 0:V.classList)||void 0===S||S.remove("hidden"),null===(C=null==I?void 0:I.classList)||void 0===C||C.remove("hidden"),this.HideSections(R,E,A,H)):G?(null===(T=null==V?void 0:V.classList)||void 0===T||T.add("hidden"),null===(w=null==I?void 0:I.classList)||void 0===w||w.add("hidden"),this.HideSections(R,E,A,H)):(R&&(R.classList.add("hidden"),R.style.display="none"),null===(x=null==V?void 0:V.classList)||void 0===x||x.add("hidden"),null===(D=null==I?void 0:I.classList)||void 0===D||D.add("hidden"),null===(_=null==E?void 0:E.

1classList)||void 0===_||_.add("hidden"),null===(q=null==A?void 0:A.classList)||void 0===q||q.add("hidden"),null===(b=null==H?void 0:H.classList)||void 0===b||b.add("hidden")),this.handleReadMore(j.querySelector(".testi-main"),j.querySelector(".client-text")),t.appendChild(j)}),d.remove(),null===(s=t.classList)||void 0===s||s.remove("hidden"),this.transFormationSliderV2(),this.photoGalleryV2ImageHelper()}catch(e){console.error("Error fetching diary data:",e)}finally{null==m||m.classList.add("hidden"),null==v||v.classList.remove("hidden")}})}photoGalleryV2ImageHelper(){try{const e=document.querySelectorAll(".transformation-section.testimonials .transformation-carousel-wrap .tns-outer .transformation-carousel-list");if(0===(null==e?void 0:e.length))return;e.forEach(e=>{e&&(0,a.restructureImagesV2)(e)})}catch(e){console.warn("Error in photoGalleryV2ImageHelper:",e)}}setImageData(e,t,n,i){const l=e.querySelector(".before-img img"),s=e.querySelector(".after-img img"),o=e.querySelector(".the-handle");l.src=(null==t?void 0:t.beforeImageUrl)?`${i}${t.beforeImageUrl}`:"",l.alt=`before-${n+1}`,s.src=(null==t?void 0:t.afterImageUrl)?`${i}${t.afterImageUrl}`:"",s.alt=`after-${n+1}`,o.src="/brand/_assets/images/brand-img/tranformation/circle-1.svg",o.alt="handle"}getCarouselData(e,t){return(0,i.__awaiter)(this,void 0,void 0,function*(){var n,i,l;let o=[],r=null;const a=yield this.getCarouselCache(e);if(r=null!==(n=null==a?void 0:a.responseHash)&&void 0!==n?n:null,(null==a?void 0:a.generatedTemplate)&&r){const n=JSON.parse(a.generatedTemplate);if((yield(0,c.createVDOMHash)(n))===r)o=n;else{const n=yield(0,s.apiRequest2)(t);if(o=null!==(i=null==n?void 0:n.data)&&void 0!==i?i:[],o.length>0){const t=yield(0,c.createVDOMHash)(o);yield this.storeCarouselCache(e,o,t)}}}else{const n=yield(0,s.apiRequest2)(t);if(o=null!==(l=null==n?void 0:n.data)&&void 0!==l?l:[],o.length>0){const t=yield(0,c.createVDOMHash)(o);yield this.storeCarouselCache(e,o,t)}}return o})}storeCarouselCache(e,t,n){return(0,i.__awaiter)(this,void 0,void 0,function*(){try{yield(0,d.insertTemplate)(e,{responseHash:null!=n?n:"",generatedTemplate:JSON.stringify(t),expiryTimestamp:Date.now()+864e5})}catch(e){console.warn("Error storing carousel data in cache:",e)}})}getCarouselCache(e){return(0,i.__awaiter)(this,void 0,void 0,function*(){try{const t=yield(0,d.lookupTemplate)(e);return null!=t?t:null}catch(e){return console.warn("Error retrieving carousel data from cache:",e),null}})}}if("undefined"!=typeof document){const e="__ctc_listener_registered__",t=globalThis;t[e]||(document.addEventListener("DOMContentLoaded",()=>{if(document.querySelector(".transformation-section.testimonials .transformation-carousel-wrap")){u.getInstance().getData()}}),t[e]=!0)}},"./src/js/opus2/carouselVersion2/index.ts"(e,t,n){n.r(t),n.d(t,{ClientTransformCarousel:()=>i.ClientTransformCarousel});var i=n(/*! ./clientTransform-carousel */"./src/js/opus2/carouselVersion2/clientTransform-carousel.ts")}}]);
2//# sourceMappingURL=opus2.clientCarousel-loader.52bdcc7261ef60ccaa4d.js.map