"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[92],{9:(e,t,a)=>{a.d(t,{a:()=>i});const i={gallery:"utYziQAE",imageContainer:"u7hALhRV",image:"HRX192Oq",imageMessage:"C0mfa5lU",review:"jT_XY_1t",reviewHeader:"c37mM92e",title:"pfrMrpCr",author:"EcdUmPEh",truncated:"YcyRuLBB",expanded:"IomlcWA2",modal:"EQpOtFeT",fadeIn:"sVWQQ9or",fadeOut:"sZfxzYzK",modalInner:"Lg4GX5Y4",modalContent:"OpbIhP35",modalOverlay:"iZzCdFwp",modalHeader:"wek3E8S1",fullBleedImage:"i2zolDuA",slideUp:"u96mNKND",slideDown:"jAr2PKY3",closeButton:"MvI_gVPT",modalTextContent:"bihC0FqM",modalBodyText:"ksR2mAtx",loadMoreButton:"QklUYRZO",reviewsHeader:"KjJxq4iV"}},191:(e,t,a)=>{var i=a(0),s=a(3),n=a(2),r=a(9),l=a(1),c=a(10),o=a(4),d=function(e,t,a,i){return new(a||(a=Promise))((function(s,n){function r(e){try{c(i.next(e))}catch(e){n(e)}}function l(e){try{c(i.throw(e))}catch(e){n(e)}}function c(e){var t;e.done?s(e.value):(t=e.value,t instanceof a?t:new a((function(e){e(t)}))).then(r,l)}c((i=i.apply(e,t||[])).next())}))};function u(e,t,a){return d(this,void 0,void 0,(function*(){const i=new URL(c.a);i.pathname="/__list_engagement__",i.searchParams.set(a,"1"),i.searchParams.set("cacheKey",e),i.searchParams.set("__orly_aid","NA"),i.searchParams.set("itemId",null==t?void 0:t.toString()),yield fetch(i.toString(),{mode:"no-cors"})}))}function h({children:e,id:t,cacheKey:a}){const s=(0,n.useRef)(null),[r,l]=(0,n.useState)(!1);return(0,n.useEffect)((()=>{const e=new IntersectionObserver((i=>d(this,[i],void 0,(function*([i]){if(null==i?void 0:i.isIntersecting){s.current&&e.unobserve(s.current);try{yield u(a,t,"trial")}catch(e){}}}))),{root:null,rootMargin:"0px",threshold:1});return s.current&&e.observe(s.current),()=>{s.current&&e.unobserve(s.current)}}),[]),(0,i.jsx)("div",{ref:s,onClick:()=>d(this,void 0,void 0,(function*(){try{r||(yield u(a,t,"success"),l(!0))}catch(e){}})),children:e})}var p=a(5);const m={container:"ARXqDxZt",writeReviewTitle:"BYrMqN9b",field:"mX1RH16p",label:"kOxbIdDY",input:"MWf_zaBJ",textarea:"c4EbHpL4",rating:"qKa8P3SJ",star:"Cr3A6eGy",starSelected:"vRJsPzxd",submit:"dk6iJfOU",imagePreview:"XZ7E9B5A",statusContainer:"OlsGRGkU",thankYouTitle:"COGuffWk",thankYouMessage:"YHPG5NZb"};function v({productId:e,productName:t,productHandle:a,productType:s,productDescription:l,productImageUrl:c,productUrl:o,config:d}){const[u,h]=(0,n.useState)("ready"),[p,v]=(0,n.useState)({name:"",email:"",rating:0,title:"",review:"",images:[]});function g(e){const t=e.target;v(Object.assign(Object.assign({},p),{[t.name]:t.value}))}return"submitting"===u?(0,i.jsx)("div",{class:m.statusContainer,children:(0,i.jsx)("div",{class:m.thankYouTitle,children:"Submitting your review..."})}):"success"===u?(0,i.jsxs)("div",{class:m.statusContainer,children:[(0,i.jsx)("div",{class:m.thankYouTitle,children:"Thank you for submitting a review!"}),(0,i.jsx)("div",{class:m.thankYouMessage,children:"Your input is very much appreciated. Share it with your friends so they can enjoy it too!"})]}):(0,i.jsxs)("form",{class:m.container,onSubmit:function(i){return n=this,r=void 0,m=function*(){var n;i.preventDefault(),h("submitting");const r=(null==c?void 0:c.startsWith("/fast-image"))?`${d.shopify_file_path}${c.split(null!==(n=d.fast_image_prefix)&&void 0!==n?n:"")[1]}`:c,u=new FormData;u.append("productId",e),u.append("author",p.name),u.append("email",p.email),u.append("location",""),u.append("reviewRating",p.rating.toString()),u.append("reviewTitle",p.title),u.append("reviewMessage",p.review),u.append("productName",t),u.append("productSKU",a),u.append("productType",s),u.append("productDescription",l),u.append("productImageUrl",null!=r?r:""),u.append("productUrl",o),u.append("reviewSource","widget");for(let e=0;e<p.images.length;e++)u.append("image"+e,p.images[e]);try{if(!(yield fetch(`https://stamped.io/api/reviews3?apiKey=${d.stamped_public_key}&sId=${d.stamped_id}`,{method:"POST",body:u})).ok)return window.alert("Failed to submit review. There was a network error, please try again."),void h("ready");h("success")}catch(e){h("ready"),window.alert("Failed to submit review. There was a network error, please try again.")}},new((u=void 0)||(u=Promise))((function(e,t){function a(e){try{s(m.next(e))}catch(e){t(e)}}function i(e){try{s(m.throw(e))}catch(e){t(e)}}function s(t){var s;t.done?e(t.value):(s=t.value,s instanceof u?s:new u((function(e){e(s)}))).then(a,i)}s((m=m.apply(n,r||[])).next())}));var n,r,u,m},children:[(0,i.jsx)("h3",{class:m.writeReviewTitle,children:"Write a Review"}),(0,i.jsxs)("div",{class:m.field,children:[(0,i.jsx)("label",{class:m.label,for:"name",children:"Name"}),(0,i.jsx)("input",{class:m.input,type:"text",id:"name",name:"name",value:p.name,onChange:g,placeholder:"Enter your name"})]}),(0,i.jsxs)("div",{class:m.field,children:[(0,i.jsx)("label",{class:m.label,for:"email",children:"Email"}),(0,i.jsx)("input",{class:m.input,type:"email",id:"email",name:"email",value:p.email,onChange:g,placeholder:"john.smith@example.com"})]}),(0,i.jsxs)("div",{class:m.field,children:[(0,i.jsx)("label",{class:m.label,children:"Rating"}),(0,i.jsx)("div",{class:m.rating,children:[1,2,3,4,5].map((e=>(0,i.jsx)("span",{class:[m.star,p.rating>=e?m.starSelected:""].join(" "),onClick:()=>{return t=e,void v(Object.assign(Object.assign({},p),{rating:t}));var t},children:p.rating>=e?"★":"☆"},e)))})]}),(0,i.jsxs)("div",{class:m.field,children:[(0,i.jsx)("label",{class:m.label,for:"title",children:"Title of Review"}),(0,i.jsx)("input",{class:m.input,type:"text",id:"title",name:"title",value:p.title,onChange:g,placeholder:"Give your review a title"})]}),(0,i.jsxs)("div",{class:m.field,children:[(0,i.jsx)("label",{class:m.label,for:"review",children:"How was your overall experience?"}),(0,i.jsx)("textarea",{class:m.textarea,id:"review",name:"review",value:p.review,onChange:g})]}),(0,i.jsxs)("div",{class:m.field,children:[(0,i.jsx)("label",{class:m.label,for:"images",children:"Add Photos"}),(0,i.jsx)("input",{class:m.input,type:"file",id:"images",name:"images",multiple:!0,onChange:function(e){const t=e.target;t.files&&v(Object.assign(Object.assign({},p),{images:[...p.images,...Array.from(t.files)]}))}}),(0,i.jsx)("div",{class:m.imagePreview,children:p.images.map(((e,t)=>(0,i.jsx)("img",{src:URL.createObjectURL(e),alt:`Preview ${t+1}`},t)))})]}),(0,i.jsx)("div",{class:m.submit,children:(0,i.jsx)("button",{class:r.a.loadMoreButton,type:"submit",children:"Submit"})})]})}(0,l.createEntrypoint)("pdp_reviews",(function(e){const{product:t,config:a}=(0,o.c)((e=>({product:e.product,config:e.config})));if(!t)return(0,i.jsx)(s.Fragment,{});const d=t.handle,{reviewCount:u,reviewRating:m}=t,g=Object.values(t.imageMap).flat().map((({src:e})=>e)),[x,f]=(0,n.useState)(!1),[j,w]=(0,n.useState)(!(e.reviews.length<c.b)),[y,b]=(0,n.useState)(e.reviews),[C,k]=(0,n.useState)(1),[S,O]=(0,n.useState)(null),[M,R]=(0,n.useState)(!1),[T,P]=(0,n.useState)(!1),I=()=>{P(!0),window.matchMedia("(max-width: 600px)").matches||(O(null),R(!1)),setTimeout((()=>{O(null),R(!1),P(!1)}),300),document.body.style.overflow="auto"},_=e=>{e.target===e.currentTarget&&I()},B="Studio photo",H=Object.values(t.imageMap)[0][0];return(0,i.jsxs)("div",{id:"reviews",class:r.a.reviewContainer,children:[(0,i.jsx)("h2",{class:"visually-hidden",children:"Product Reviews"}),u&&m?(0,i.jsxs)("div",{class:r.a.reviewsHeader,children:["★★★★★ ",u," Reviews | Avg Rating: ",m.toFixed(1)]}):(0,i.jsx)("div",{class:r.a.reviewsHeader,children:"Be the first to review this item"}),M&&(0,i.jsxs)(s.Fragment,{children:[(0,i.jsx)("div",{class:[r.a.modal,T?r.a.fadeOut:""].join(" "),onClick:_,onDblClick:I}),(0,i.jsx)("div",{class:r.a.modalInner,onClick:_,onDblClick:I,children:(0,i.jsxs)("div",{class:[r.a.modalContent,T?r.a.slideDown:""].join(" "),onClick:e=>e.stopPropagation(),children:[(0,i.jsx)("div",{class:r.a.modalHeader,children:(0,i.jsx)("button",{class:r.a.closeButton,onClick:I,children:"X"})}),(0,i.jsx)("div",{class:r.a.modalTextContent,children:(0,i.jsx)(v,{productId:t.id,productName:t.title,productHandle:t.handle,productType:t.productType,productDescription:t.description,productImageUrl:null==H?void 0:H.src,productUrl:`https://${a.hostname}/products/${t.handle}`,config:a})})]})})]}),(0,i.jsx)("button",{class:r.a.loadMoreButton,onClick:()=>{R(!0),document.body.style.overflow="hidden"},children:"Write a Review"}),(0,i.jsx)("div",{className:r.a.gallery,children:y.map(((e,t)=>{const a=(null==e?void 0:e.images[0])?`https://cdn.stamped.io/uploads/photos/${e.images[0]}`:g[t%g.length];return(0,i.jsx)(h,{id:e.id,cacheKey:e.cacheKey,children:(0,i.jsxs)("div",{onClick:()=>((e,t)=>{O(Object.assign(Object.assign({},e),{imgSrc:t})),document.body.style.overflow="hidden"})(e,a),class:r.a.reviewContainer,children:[(0,i.jsxs)("div",{class:r.a.imageContainer,children:[(0,i.jsx)(p.a,{src:a,initialWidth:400,cssClass:r.a.image,alt:e.author,fullSizeWidth:600,width:200,height:200}),!(null==e?void 0:e.images[0])&&(0,i.jsx)("div",{class:r.a.imageMessage,children:B})]}),(0,i.jsxs)("div",{class:r.a.review,children:[(0,i.jsxs)("div",{class:r.a.reviewHeader,children:[(0,i.jsx)("h3",{class:r.a.title,children:e.title}),(0,i.jsx)("cite",{class:r.a.author,children:e.author}),(0,i.jsxs)("div",{children:[(0,i.jsx)("span",{children:"✅ Verified Buyer | "}),(0,i.jsx)("span",{children:e.dateCreated})]}),(0,i.jsx)("span",{class:r.a.stars,role:"img","aria-label":"5 out of 5 stars",children:(0,i.jsx)("span",{"aria-hidden":"true",children:"★★★★★"})})]}),(0,i.jsx)("p",{class:r.a.truncated,children:e.body})]})]},e.title)})}))}),(T||S)&&(0,i.jsxs)(s.Fragment,{children:[(0,i.jsx)("div",{class:[r.a.modal,T?r.a.fadeOut:""].join(" "),onClick:_,onDblClick:I}),S&&(0,i.jsx)("div",{class:r.a.modalInner,onClick:_,onDblClick:I,children:(0,i.jsxs)("div",{class:[r.a.modalContent,T?r.a.slideDown:""].join(" "),onClick:e=>e.stopPropagation(),children:[(0,i.jsxs)("div",{class:r.a.modalHeader,children:[(0,i.jsx)(p.a,{src:S.imgSrc,initialWidth:400,cssClass:r.a.fullBleedImage,alt:S.author,fullSizeWidth:600,width:200,height:200}),!(null==S?void 0:S.images[0])&&(0,i.jsx)("div",{class:r.a.imageMessage,children:B}),(0,i.jsx)("button",{class:r.a.closeButton,onClick:I,children:"X"})]}),(0,i.jsxs)("div",{class:r.a.modalTextContent,children:[(0,i.jsxs)("div",{class:r.a.reviewHeader,children:[(0,i.jsx)("h3",{class:r.a.title,children:S.title}),(0,i.jsx)("cite",{class:r.a.author,children:S.author}),(0,i.jsxs)("div",{children:[(0,i.jsx)("span",{children:"✅ Verified Buyer | "}),(0,i.jsx)("span",{children:S.dateCreated})]}),(0,i.jsx)("span",{class:r.a.stars,role:"img","aria-label":"5 out of 5 stars",children:(0,i.jsx)("span",{"aria-hidden":"true",children:"★★★★★"})})]}),(0,i.jsx)("p",{class:r.a.modalBodyText,children:S.body})]})]})})]}),j&&(0,i.jsx)("button",{class:r.a.loadMoreButton,onClick:()=>{return e=this,t=void 0,i=function*(){f(!0);const e=yield(0,l.getLazyState)("reviewsLazy",{productHandle:d,page:C+1});f(!1),(null!=e?e:[]).length<c.b&&w(!1),b([...y,...null!=e?e:[]]),k(C+1)},new((a=void 0)||(a=Promise))((function(s,n){function r(e){try{c(i.next(e))}catch(e){n(e)}}function l(e){try{c(i.throw(e))}catch(e){n(e)}}function c(e){var t;e.done?s(e.value):(t=e.value,t instanceof a?t:new a((function(e){e(t)}))).then(r,l)}c((i=i.apply(e,t||[])).next())}));var e,t,a,i},children:x?"Loading...":"Load More"})]})}))},10:(e,t,a)=>{a.d(t,{a:()=>s,b:()=>i,c:()=>n});const i=28,s="https://shalom-development-worker-may-2024.digitaloptgroup.workers.dev";function n(e){return function(e){return 100*Math.round(e)!==Math.round(100*e)?e.toFixed(2):Math.round(e).toString()}("number"==typeof e?e:parseFloat(e))}},5:(e,t,a)=>{a.d(t,{a:()=>r,b:()=>l});var i=a(0),s=a(6),n=a(2);function r({src:e,initialWidth:t,fullSizeWidth:a,cssClass:s,alt:r="",width:c,height:o,style:d}){var u;const h=(0,n.useRef)(null),[p,m]=(0,n.useState)(!1),v=l(e,t,a,p);return(0,n.useEffect)((()=>{var e;!p&&(null===(e=h.current)||void 0===e?void 0:e.complete)&&m(!0)}),[null===(u=h.current)||void 0===u?void 0:u.complete]),c&&o?(0,i.jsx)("img",{ref:h,loading:"lazy",src:v,onLoadStart:()=>m(!0),onLoad:()=>m(!0),class:s,alt:r,width:c,height:o,style:d}):(0,i.jsx)("img",{src:v,class:s,alt:r,style:d})}function l(e,t,a,i=!0){const r=(0,s.b)(e,t),l=(0,s.b)(e,a),[c,o]=(0,n.useState)({}),d=(0,n.useMemo)((()=>c[l]?l:r),[e,t,a,c]);return(0,n.useEffect)((()=>{if(i&&document&&d!==l){const e=document.createElement("img");e.src=l,e.onload=()=>o(Object.assign(Object.assign({},c),{[l]:!0}))}}),[i,l]),d}}},e=>{e.O(0,[1,2,3,4,6,5],(()=>e(e.s=191))),e.O()}]);