https://zoe.com/_next/static/chunks/9661-e023a8af9ec60de3.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9661],{88893:function(e,r,i){i.d(r,{F:function(){return d}});var n=i(85893),t=i(8545);i(67294);let a=e=>{let{record:r}=e,i=["aubergine-bold","navy-bold"].includes(r.color)?"primary-inverse":"primary";return(0,n.jsx)(t.jA,{surfaceColor:r.color,textColor:i,children:r.labelText})},d=e=>{let{record:r}=e;return(0,n.jsx)(t.MX,{direction:"row",gap:8,children:r.labels.map(e=>(0,n.jsx)(a,{record:e},e.id))})};d.fragment="\n  fragment LabelCollectionBlockFragment on LabelCollectionRecord {\n    __typename\n    id\n    labels {\n      ...LabelBlockFragment\n    }\n  }\n  ".concat("\n  fragment LabelBlockFragment on LabelRecord {\n    __typename\n    id\n    labelText\n    color\n  }\n","\n"),d.recordName="LabelCollectionRecord"},84194:function(e,r,i){i.d(r,{w:function(){return x}});var n=i(85893),t=i(8545),a=i(67294),d=i(41686),l=i(64562),o=i(68185),c=i(73236),s=i(88893);let u="\n  fragment PriceCardSelectionBlockFragment on PriceCardSelectionRecord {\n    __typename\n    id\n    surfaceColor\n    title\n    radius\n    priceCards {\n      ...PriceCardBlockFragment\n    }\n    footer {\n      ...RichTextBlockFragment\n    }\n    dataTestId\n  }\n  ".concat("\n  fragment PriceCardBlockFragment on PriceCardRecord {\n    __typename\n    id\n    labelCollection {\n      ...LabelCollectionBlockFragment\n    }\n    priceLineItems {\n      ...PriceLineItemBlockFragment\n    }\n    description\n    promotionalText {\n      ...RichTextBlockFragment\n    }\n    isSelected\n    surfaceColor\n    dataTestId\n  }\n","\n  ").concat("\n  fragment PriceLineItemBlockFragment on PriceLineItemRecord {\n    __typename\n    id\n    title\n    description\n    price\n    priceSuffix\n    priceLookupKey\n    displayPriceAs\n  }\n","\n  ").concat(s.F.fragment,"\n  ").concat(o._.fragment,"\n"),p=(e,r)=>{let i=(null==e?void 0:e.priceLookupKey)?r.get(e.priceLookupKey):void 0;return{price:null==e?void 0:e.priceLookupKey,renewalPrice:i&&(0,c.OA)(i)}},g=(0,a.memo)(e=>{var r;let{record:i,discountBadge:a}=e,d=i.originalPrice,o=(0,l.RT)(),{pricesByLookupKey:s}=(0,l.h1)(),u=null!==(r=o(i.priceLookupKey,i.displayPriceAs))&&void 0!==r?r:i.price,g=(0,c.Km)(i.description,p(i,s),o);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsxs)(t.MX,{direction:"row",justifyContent:"space-between",alignItems:"flex-start",width:"100%",children:[(0,n.jsx)(t.j9,{as:"p",variant:"fluid-paragraph-300",weight:"semiBold",children:i.title}),(0,n.jsxs)(t.MX,{direction:"row",alignItems:"baseline",gap:8,children:[d&&(0,n.jsx)(t.j9,{as:"p",variant:"fluid-paragraph-300",weight:"regular",style:{textDecoration:"line-through",opacity:.6},children:d}),(0,n.jsxs)(t.MX,{direction:"row",alignItems:"baseline",children:[(0,n.jsx)(t.j9,{as:"p",variant:"fluid-paragraph-300",weight:"semiBold",children:u}),i.priceSuffix&&(0,n.jsx)(t.j9,{as:"p",variant:"fluid-paragraph-200",weight:"regular",children:i.priceSuffix})]})]})]}),a&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.Sf,{size:4,direction:"vertical"}),(0,n.jsx)(t.MX,{direction:"row",justifyContent:"flex-end",width:"100%",children:(0,n.jsx)(t.jA,{surfaceColor:"yellow-bold",textColor:"primary",children:a})})]}),(0,n.jsx)(t.Sf,{size:2,direction:"vertical"}),(0,n.jsx)(t.j9,{as:"p",variant:"fluid-paragraph-200",weight:"regular",children:g})]})});g.displayName="PriceLineItem";let m=d.default.div.withConfig({componentId:"sc-808ce504-0"})(["margin:","px ","px ","px ","px;padding:","px ","px;background-color:var(--color-surface-yellow-bold);border-top-left-radius:","px;border-top-right-radius:","px;border-bottom-left-radius:0;border-bottom-right-radius:0;"],e=>-e.$padding,e=>-e.$padding,e=>.75*e.$padding,e=>-e.$padding,e=>.75*e.$padding,e=>e.$padding,e=>e.$radius,e=>e.$radius),h=(0,a.memo)(e=>{let{record:r,isSelected:i,onSelect:d,discountBadge:u}=e,h=(0,l.RT)(),{pricesByLookupKey:x}=(0,l.h1)(),f=(0,a.useMemo)(()=>{var e;if(!r.labelCollection)return;let i=p(null===(e=r.priceLineItems)||void 0===e?void 0:e[0],x);return{...r.labelCollection,labels:r.labelCollection.labels.map(e=>({...e,labelText:(0,c.Km)(e.labelText,i,h)}))}},[r.labelCollection,r.priceLineItems,h,x]);return(0,n.jsxs)(t.km,{surfaceColor:r.surfaceColor||"cream-subtle",radius:16,padding:16,borderWidth:i?3:void 0,borderColor:i?"focused-alt":void 0,onClick:()=>

1d(r.id),children:[r.promotionalText&&(0,n.jsx)(m,{$radius:16,$padding:16,children:(0,n.jsx)(o._,{record:r.promotionalText},r.promotionalText.id)}),f&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.MX,{direction:"row",justifyContent:"space-between",alignItems:"flex-start",children:(0,n.jsx)(s.F,{record:f})}),(0,n.jsx)(t.Sf,{size:16,direction:"vertical"})]}),r.priceLineItems.map((e,i)=>(0,n.jsxs)(a.Fragment,{children:[(0,n.jsx)(g,{record:e,discountBadge:0===i?u:void 0}),i<r.priceLineItems.length-1&&(0,n.jsx)(t.Sf,{size:12,direction:"vertical"})]},e.id)),r.description&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.Sf,{size:16,direction:"vertical"}),(0,n.jsx)(t.Rt,{}),(0,n.jsx)(t.Sf,{size:16,direction:"vertical"}),(0,n.jsxs)(t.MX,{direction:"row",alignItems:"baseline",gap:8,children:[r.originalDescription&&(0,n.jsx)(t.j9,{as:"p",variant:"fluid-paragraph-200",weight:"regular",style:{textDecoration:"line-through",opacity:.6},children:r.originalDescription}),(0,n.jsx)(t.j9,{as:"p",variant:"fluid-paragraph-200",weight:"regular",children:r.description})]})]})]})});h.displayName="PriceCard";let x=e=>{var r;let{record:i,onSelect:d,discountBadges:l,padding:c=16,selectedCardId:s}=e,[u,p]=(0,a.useState)(()=>{let e=i.priceCards.find(e=>e.isSelected);return e?e.id:i.priceCards.length>0?i.priceCards[0].id:null}),g=null!=s?s:u,m=(0,a.useCallback)(e=>{p(e);let r=i.priceCards.find(r=>r.id===e);r&&(null==d||d(r))},[i.priceCards,d]);return(0,n.jsx)(t.km,{testId:i.dataTestId||"price-card-selection-block",surfaceColor:i.surfaceColor||"neutral",radius:i.radius||16,padding:c,children:(0,n.jsxs)(t.MX,{direction:"column",gap:12,width:"100%",children:[i.title&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.Sf,{size:4,direction:"vertical"}),(0,n.jsx)(t.j9,{as:"h2",variant:"fluid-heading-600",weight:"semiBold",align:"left",children:i.title}),(0,n.jsx)(t.Sf,{size:8,direction:"vertical"})]}),null===(r=i.priceCards)||void 0===r?void 0:r.map(e=>(0,n.jsx)("div",{style:{width:"100%"},"data-testid":e.dataTestId||"price-card","aria-checked":g===e.id,children:(0,n.jsx)(h,{record:e,isSelected:g===e.id,onSelect:m,discountBadge:null==l?void 0:l[e.id]},e.id)},e.id)),i.footer&&i.footer.length>0&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.Sf,{size:16,direction:"vertical"}),i.footer.map(e=>(0,n.jsx)(o._,{record:e},e.id))]})]})})};x.fragment=u,x.recordName="PriceCardSelectionRecord"},22083:function(e,r,i){i.d(r,{D:function(){return h}});var n=i(85893),t=i(8545),a=i(67294),d=i(41686),l=i(68185),o=i(38863),c=i(79959),s=i(67048),u=i(33314),p=i(94043),g=i(84009);let m=d.default.div.withConfig({componentId:"sc-279440dd-0"})(["@media (min-width:848px){max-width:848px;margin:0 auto;}"]),h=e=>{var r;let{record:i}=e,[d,h]=(0,a.useState)(0),x=(0,a.useRef)(new Map),f=(0,a.useRef)(null);(0,a.useEffect)(()=>{var e,r;h(null===(e=window)||void 0===e?void 0:e.innerWidth);let i=()=>{var e;return h(null===(e=window)||void 0===e?void 0:e.innerWidth)};return null===(r=window)||void 0===r||r.addEventListener("resize",i),()=>{var e;return null===(e=window)||void 0===e?void 0:e.removeEventListener("resize",i)}},[]),(0,a.useEffect)(()=>{var e;let r=null===(e=f.current)||void 0===e?void 0:e.firstElementChild;r&&(r.scrollLeft=0)},[d]);let j=(0,a.useCallback)(e=>{x.current.forEach((r,i)=>{i!==e&&r.pause()})},[]),v=(0,a.useCallback)((e,r)=>{x.current.set(e,{pause:r})},[]),C=(0,a.useCallback)(e=>{x.current.delete(e)},[]),b=(0,a.useCallback)(()=>{let e=(d-224)/3;return e<200?300:Math.min(e,300)},[d]),w=i.eyebrow||i.title||i.description,k=i.titleAlign||"center",S=(null===(r=i.titleSize)||void 0===r?void 0:r.toString())==="600",y=S?"fluid-heading-600":"fluid-heading-900";return(0,n.jsxs)(t.km,{surfaceColor:i.surfaceColor,testId:null==i?void 0:i.dataTestId,padding:16,radius:4,children:[w&&(0,n.jsxs)(m,{children:[(0,n.jsx)(t.Sf,{direction:"vertical",size:S?24:72}),i.eyebrow&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.j9,{as:"h5",variant:"fluid-heading-500alt",weight:"semiBold",align:k,children:i.eyebrow}),(0,n.jsx)(t.Sf,{direction:"vertical",size:16,breakAt:{m:8}})]}),i.title&&(0,n.jsx)(t.j9,{as:"h1",variant:y,weight:"semiBold",align:k,breakAt:{breakPoint:"m",align:k},children:(0,o.X)({content:i.title,variant:y})}),i.description&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.Sf,{direction:"vertical",size:24}),(0,n.jsx)(t.j9,{as:"p",variant:"fluid-paragraph-400",weight:"light",align:k,breakAt:{breakPoint:"m",align:k},children:(0,o.X)({content:i.description,variant:"fluid-paragraph-400"})})]})]}),(0,n.jsx)(t.Sf,{direction:"vertical",size:48}),(0,n.jsxs)("div",{"data-testid":null==i?void 0:i.dataTestId,ref:f,children:[(()=>{var e,r;let a=e=>{switch(e.__typename){case"CardRecord":return(0,n.jsx)(p.s,{record:e},"card-".concat(e.id));case"TestimonialCardRecord":return(0,n.jsx)(g.v,{record:e},"testimonial-card-".concat(e.id));case"RichTextCardRecord":return(0,n.jsx)(u.l,{record:e,fullWidth:i.stack},"rich-text-card-".concat(e.id));case"ProductCardRecord":return(0,n.jsx)(s.I,{record:e},"product-card-".concat(e.id));case"PortraitVideoCardRecord":return(0,n.jsx)(c.b,{record:e,onVideoStart:()=>j(e.id),registerVideo:v,unregisterVideo:C},"portrait-video-card-".concat(e.id));default:return null}};return i.stack?(0,n.jsx)(t.MX,{direction:"column",gap:16,children:null===(e=i.cards)||void 0===e?void 0:e.map(a)}):(0,n.jsx)(t.R7,{slideWidth:i.cardWidth||b(),paginationColor:i.paginationColor||"teal-subtle",children:null===(r=i.cards)||void 0===r?void 0:r.map(a)})})(),i.footer&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.Sf,{direction:"vertical",size:32}),(0,n.jsx)(l._,{record:i.footer})]}),!i.stack&&(0,n.jsx)(t.Sf,{direction:"vertical",size:S?24:48})]})]})};h.fragment="\n  fragment SwipeCardsBlockFragment on SwipeCardsSectionRecord {\n    __typename\n    id\n    dataTestId\n    eyebrow\n    title\n    titleSize\n    description\n    surfaceColor\n    titleAlign\n    cards {\n      ...CardFragment\n      ...TestimonialCardFragment\n      ...RichTextCardFragment\n      ...ProductCardFragment\n      ...PortraitVideoCardFragment\n    }\n    footer {\n      ...RichTextBlockFragment\n    }\n    paginationColor\n    cardWidth\n    stack\n  }\n",h.recordName="SwipeCardsSectionRecord"}}]);
2//# sourceMappingURL=9661-e023a8af9ec60de3.js.map