"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[12],{25:function(e,t,n){var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.AddToCartButton=void 0;const i=n(0),l=a(n(71)),s=n(10),o=n(8),d=n(3),r=n(0);function c({isUpdating:e,isPreorder:t,isSoldOut:n,selectedVariant:a,showPriceOnButton:s}){if(n)return(0,i.jsx)("span",{children:"Sold Out"});if(e)return(0,i.jsx)("span",{children:"Adding..."});if(t)return(0,i.jsx)("span",{children:"Pre-Order Now"});if(s&&(null==a?void 0:a.price)){const e=a.compareAtPrice?parseInt(a.compareAtPrice):null,t=parseInt(a.price);return null!==e&&e>t?(0,i.jsxs)("span",{children:["Add to Cart – ",(0,i.jsxs)("span",Object.assign({class:l.default.linethrough},{children:["$",e]}))," ","$",t]}):(0,i.jsxs)("span",{children:["Add to Cart – $",t]})}return(0,i.jsx)("span",{children:"Add to Cart"})}function u({selectedVariant:e,productId:t,title:n,handle:a}){var s;if(!(null==e?void 0:e.selectedOptions))return(0,i.jsx)(r.Fragment,{});const[o,c]=(0,d.useState)(!1);return(0,i.jsxs)("div",Object.assign({class:l.default.backinstockContainer},{children:[(0,i.jsx)("h1",Object.assign({class:l.default.bsTitle},{children:"NOTIFY WHEN AVAILABLE "})),(0,i.jsx)("p",Object.assign({class:l.default.bsText},{children:"We will send you a notification as soon as this product is available again."})),(0,i.jsx)("div",{class:l.default.divider}),(0,i.jsx)("p",Object.assign({class:l.default.bsProductTitle},{children:n})),null===(s=e.selectedOptions)||void 0===s?void 0:s.map((e=>(0,i.jsxs)("div",Object.assign({class:l.default.bsText},{children:[(0,i.jsx)("b",{children:e.name}),": ",e.value]})))),(0,i.jsxs)("form",Object.assign({id:"notifyForm",action:"https://xsy6rdr4zb.execute-api.us-west-1.amazonaws.com/prod/api",method:"get",onSubmit:e=>{e.preventDefault();const t=e.target,n=new FormData(t),a=new URLSearchParams(n).toString();fetch(t.action+"?"+a).then((e=>e.json())).then((e=>{c(!0)})).catch((e=>console.error("Error:",e)))}},{children:[(0,i.jsx)("input",{type:"hidden",name:"shop",value:"comfrtclothing.myshopify.com"}),(0,i.jsx)("input",{type:"hidden",name:"notification[product_no]",value:t}),(0,i.jsx)("input",{type:"hidden",name:"notification[quantity_required]",value:"1"}),(0,i.jsx)("input",{type:"hidden",name:"notification[accepts_marketing]",value:"false"}),(0,i.jsx)("input",{type:"hidden",name:"notification[product_title]",value:n}),(0,i.jsx)("input",{type:"hidden",name:"notification[product_vendor]",value:"Comfrt"}),(0,i.jsx)("input",{type:"hidden",name:"notification[product_handle]",value:a}),(0,i.jsx)("input",{type:"hidden",name:"variant[variant_no]",value:e.id}),(0,i.jsx)("input",{type:"hidden",name:"variant[variant_title]",value:e.title}),(0,i.jsx)("input",{type:"hidden",name:"variant[sku]",value:e.sku}),(0,i.jsx)("div",Object.assign({class:l.default.bsText},{children:(0,i.jsx)("label",Object.assign({for:"phone_number"},{children:"Phone Number"}))})),(0,i.jsx)("input",{type:"tel",id:"phone_number",name:"notification[phone_number]",required:!0,class:l.default.phoneInput}),(0,i.jsx)("button",Object.assign({class:l.default.addButton,style:"color: white; background-color: black;",type:"submit"},{children:"Notify Me"})),(0,i.jsx)("p",Object.assign({class:l.default.bsText},{children:"We respect your privacy and will not share your personal information."}))]})),o&&(0,i.jsx)("div",Object.assign({id:"notification",class:l.default.submitted},{children:"Your notification has been registered."}))]}))}t.AddToCartButton=function({selectedVariant:e,getHexForOptionColor:t,pathname:n,addToCart:a,cartStatus:d,size:p,product:h,showPriceOnButton:v}){var f,m,b,j,x;const{hexColor:g,color:y}=(0,o.getColors)({selectedVariant:e,getHexForOptionColor:t}),O=null===(b=null===(m=null===(f=null==e?void 0:e.metafields)||void 0===f?void 0:f.find((e=>"limited_stock"===(null==e?void 0:e.key))))||void 0===m?void 0:m.value)||void 0===b?void 0:b.startsWith("Pre-order"),k=null===(x=null===(j=null==e?void 0:e.metafields)||void 0===j?void 0:j.find((e=>"shipping"===(null==e?void 0:e.key))))||void 0===x?void 0:x.value;function C(){document.body.style.overflow="auto"}return(0,i.jsxs)(r.Fragment,{children:[(0,i.jsxs)("form",Object.assign({class:[l.default.container,"small"===p?l.default.small:""].join(" "),action:`/cart/add?return_to=${encodeURIComponent(`${n}?variant=${null==e?void 0:e.variantId}&viewcart=true`)}`,method:"POST"},{children:[(0,i.jsx)("input",{type:"hidden",name:"id",value:null==e?void 0:e.variantId,disabled:!e||!(null==e?void 0:e.availableForSale)}),(0,i.jsx)("button",Object.assign({type:"submit",disabled:d.status===s.Status.updating||!e||!(null==e?void 0:e.availableForSale),class:`${l.default.addButton} ${"small"===p?l.default.small:""}`,style:{"background-color":g,color:y},onClick:t=>{t.preventDefault(),(null==e?void 0:e.variantId)?a({items:[{id:null==e?void 0:e.variantId,quantity:1,properties:{Shipping:k,_compareAtPrice:e.compareAtPrice}}]}):console.error("Tried to add a variant to the cart that has no ID")}},{children:(0,i.jsx)(c,{selectedVariant:e,showPriceOnButton:v,isUpdating:(null==e?void 0:e.variantId)===d.variantId&&d.status===s.Status.updating,isPreorder:O,isSoldOut:!(null==e?void 0:e.availableForSale)})}))]})),(0,i.jsx)("form",Object.assign({class:[l.default.container,"small"===p?l.default.small:""].join(" ")},{children:!(null==e?void 0:e.availableForSale)&&(0,i.jsxs)(r.Fragment,{children:[(0,i.jsx)("label",Object.assign({class:`${l.default.addButton} ${"small"===p?l.default.small:""}`,onClick:function(){document.body.style.overflow="hidden"},style:{"background-color":"black",color:"white",display:"inline-flex","align-items":"center","justify-content":"center"},htmlFor:"notifyAvailableCheckbox"},{children:"small"===p?"NOTIFY ME":"NOTIFY WHEN AVAILABLE"})),(0,i.jsx)("input",{type:"checkbox",id:"notifyAvailableCheckbox",className:l.default.notifyAvailableCheckbox}),(0,i.jsxs)("div",Object.assign({className:l.default.modalOverlay},{children:[(0,i.jsx)("label",{htmlFor:"notifyAvailableCheckbox",className:l.default.modalBackground,onClick:C}),(0,i.jsxs)("div",Object.assign({className:l.default.modal},{children:[(0,i.jsx)("label",Object.assign({for:"notifyAvailableCheckbox",className:l.default.closeBtn,onClick:C},{children:"X"})),(0,i.jsx)(u,{selectedVariant:e,productId:null==h?void 0:h.id,title:null==h?void 0:h.title,handle:null==h?void 0:h.handle})]}))]}))]})}))]})}}}]);