https://stila.co.uk/cdn/shopifycloud/checkout-web/assets/c1/component-MobileOrderSummary.DnA-T0m-.js

1import{f as p,h as _e,u as e,i as u,g as N,A as Le,T as Ha,k as M,G as Ia,a7 as ka,p as Pa,q as V,S as Te}from"./esnext-vendor.B9Da21W6.js";import{e4 as Ae,e5 as De,S as R,e6 as He,e7 as Na,e8 as Ra,e9 as Ie,by as ke,ea as Ba,cV as Pe,a4 as Ne,an as Oa,bQ as Ea,eb as za,b4 as we,cp as Fe}from"./addresses-is-address-empty.Bn2lNY_L.js";import{ek as Re,u as Be,X as Oe,el as Ee,a$ as Ma,ax as ze,k as c,ay as Me,l as h,em as $,I as D,a3 as Va,en as Wa,eo as Ga,ep as Ua,e as Ve,eq as $a,er as Ya,B as A,G as te,es as ja,n as Qa,cT as qa,d as Ka,et as Ja,dD as Xa,c9 as Za,eu as en,ev as an,ew as nn,ex as sn,m as W,j as tn,az as on,cY as rn,ey as xe,ez as ln,b as cn}from"./hydrate.DZ4YTm7p.js";import{T as dn}from"./TransitionHeight.CV2XV0NY.js";import{u as un}from"./hooks-useShouldRevealCustomization.D_kH_Ics.js";import{u as mn,f as hn}from"./styles-floating-layer.module.BCoSmdvP.js";import"./app.DbSrjjlA.js";import"./graphql-PaymentSessionMutation.CAXCwUvV.js";import"./hooks-useShopPayExternalAppContext.DWwMuRnz.js";import"./hooks-useReplaceShopPayInHistory.DPpLejwu.js";const yn="Uo0Cz",pn="YrNyQ",G={FloatingSummaryWrapper:yn,"FloatingSummaryWrapper-enter":"vbGnb","FloatingSummaryWrapper-entering":"_30e7y","FloatingSummaryWrapper-exit":"_1LMtV","FloatingSummaryWrapper-exiting":"TEpNv","FloatingSummaryWrapper-exited":"_16LRF",FloatingSummary:pn,"FloatingSummaryWrapper-hidden":"Ngyh8","FloatingSummary-dark":"Y0h8K"},gn=32;function vn({merchandise:s,paymentDue:n,onClick:d}){const r=Ae(),i=De(),t=Re(),{i18n:l,checkout:g}=R(),m=g.configuration.layout.isOnePage.value,H=p(()=>n.value.amount>0&&He({comparisonPrice:r.value,payableTotal:n.value,suppressed:i.value,hasStoredValue:t.value})),{colors:{schemes:y={}}}=Be(),{orderSummary:{floatingSummary:{visibility:Y}={}}}=Oe(),T=Y==="visible"&&m,{config:v,floatingElementHidden:I,ready:f}=Ee("floating_summary"),{offset:w}=mn("floating_summary",{active:T}),B=f.value&&!I.value;_e(()=>{if(!T){v.value=void 0;return}v.value={blockEndOffset:w.value+gn,floatingElementBlockSize:0,floatingElementHiddenBelowTrigger:!0}},[w.value,v,T]);const b=Ma(B,B?"fast":"none");if(!T||!f.value||b==="exited")return null;const O=y?.scheme1?.base?.background,j=!!(O&&!Na(O));return e("div",{className:N(G.FloatingSummaryWrapper,G[`FloatingSummaryWrapper-${b}`],hn.FloatingLayer),style:{"--floating-summary-offset":`${w.value}px`,"--floating-layer-view-transition-name":"vt-floating-summary"},children:e(ze,{onClick:d,accessibilityVisibility:"hidden","data-event-name":"floating_summary",children:e(c,{className:N(G.FloatingSummary,j&&G["FloatingSummary-dark"]),alignItems:"center",direction:"inline",padding:"small-100",gap:"small-200",children:[e(Me,{merchandise:s,size:"small-200",variant:s.length<=3?"inline":"fan",max:3}),e(c,{direction:"inline",alignItems:"center",gap:"small-200",children:[e(c,{gap:"small-400",alignItems:"end",children:[e(u,{when:H,children:()=>e(h,{size:"small",color:"subdued",type:"redundant",translate:!1,children:l.formatCurrency(r.value.amount,{currency:r.value.currencyCode,form:"short"})})}),e($,{paymentDue:n,hideCurrencyCode:!0})]}),e(D,{type:"chevron-down",size:"small-200"})]})]})})})}function We(){const{embed:s,shop:n}=R(),d=n.hasFlagEnabled(Ra),r=Ie(),i=Va();return p(()=>{const t=i.configurationSignal.value.orderSummary?.collapsedSavingsDisplay,l=r.value;return{showTotalSavings:t!=="base"&&!d&&!ke(s?.embedder)&&l&&l.amount!==0}})}const fn="izreX",Sn={LineSpacing:fn};function bn(){const{i18n:s}=R(),n=Ie(),d=We(),r=Wa(),i=p(()=>d.value.showTotalSavings?n.value:void 0),t=p(()=>r.value!=null||i.value!=null);return e(u,{when:t,children:e(c,{alignItems:"end",gap:"small-500",children:[e(u,{when:r,children:l=>e(Ga,{bgnAmount:l})}),e(u,{when:i,children:l=>e("div",{className:Sn.LineSpacing,children:e(c,{direction:"inline",alignItems:"center",gap:"small-400",children:[e(c,{direction:"inline",alignItems:"center",gap:"small-500",children:[e(D,{type:"savings",size:"small",color:"base"}),e(h,{color:"subdued",children:s.translate("order_summary.total_savings")})]}),e(h,{color:"subdued",translate:!1,children:s.formatCurrency(l.amount,{currency:l.currencyCode,form:"short"})})]})})})]})})}function Cn(){const{shop:s,i18n:n}=R(),d=s.hasFlagEnabled(Ba),r=Ua(),i=Ve(),t=Pe(),l=Ne(),g=p(()=>{const m=l.paymentFlexibilityPaymentTermsTemplate.value;if(m?.dueDate){const H=r(m.dueDate,{month:"short"});return n.translate("order_summary.deferred_total_due_date_label",{date:H})}return m?.type==="FULFILLMENT"?n.translate("order_summary.payment_terms_totals.due_on_fulfillment"):n.translate("order_summary.total_due_later_label")});return e(u,{when:()=>l.recurringTotals.value||t.value&&i.value,children:e(c,{gap:"small-300",children:[e($a,{cardStyle:!0}),e(u,{when:()=>i.value&&d,children:e(Ya,{variant:"card"})}),e(u,{when:()=>i.value&&!d?t.value:void 0,children:m=>e(A,{background:"subdued",padding:"small-300",borderRadius:"small",children:e(te,{gridAutoFlow:"column",gridTemplateColumns:"minmax(0, 1fr) minmax(auto, max-content)",gridTemplateRows:"minmax(0, 1fr)",alignItems:"center",alignContent:"center",children:[e(h,{color:"subdued",children:g}),e(h,{color:"subdued",children:n.formatCurrency(m.amount,{currency:m.currencyCode,form:"short"})})]})})}),e(ja,{variant:"card"})]})})}function Tn({open:s,setOpen:n,enabled:d=!0}){const r=Le(new Set),{discountCodeWarningSignal:i}=Oa(),t=Ha(()=>wn(i.value||[]),[i.value]);_e(()=>{if(!d)return;const l=t.some(g=>!r.current.has(g));

1!s&&l&&n(!0),r.current=new Set(t)},[d,s,t,n])}function wn(s){return!s||s.length===0?[]:s.map(n=>JSON.stringify({code:n.discountCode,errorCode:n.errorCode??null,message:n.message??n.messageHtml??"",tone:n.tone??"info"}))}const Fn="bsjG3",xn="j2rxR",_n="hQkNb",Ln="NIPDG",An="JuILZ",Dn="LHaS4",Hn="g27Iy",In="FaOzC",kn="RwFM8",Pn="Hq60r",o={FlexHeader:Fn,Spacer:xn,isHidden:_n,Icon:Ln,HeaderContent:An,HeaderLine:Dn,SimplifiedHeader:Hn,HeaderClickable:In,"HeaderClickable-invisible":"cGOGy",ThumbnailBadgeSpace:kn,BadgeGapCompensation:Pn},U="mobileOrderSummary",se={base:"small-200","large-100":"small-100"};function Nn(s){return s===void 0?"default":s?"simplified":"flex"}function Qn(){const s=Qa(),{value:n}=Ne().merchandiseLines,{showTotalSavings:d}=We().value,r=Ve(),{checkout:i,i18n:t,shop:{discountCodesEnabled:l,name:g},source:m,embed:H}=R(),{configuration:y}=i,Y=i.proposal.facts.merchandiseLines??[],ie=qa(),T=l&&ie.value,v=y.visibility.showReductions,I=ke(H?.embedder),f=I&&y.orderSummary?.placement!=="beforeDetails",{reductions:{position:w,disclosureVisibility:B},orderSummary:{isCollapsible:b,headerPosition:O,defaultState:j,chevronSize:Q="base",collapsedSavingsDisplay:Ge,thumbnailStyle:Ue}={}}=Oe(),F=Ue==="base",oe=w!=="base"&&v,$e=Ka(),Ye=y.orderSummary?.layoutStyle==="COMPACT",je=t.translate("order_summary.payment_terms_totals.due_today_next"),{amount:re,label:Qe}=Ja(),qe=t.translate("order_summary.pay_merchant_label",{merchant_name:g}),le=p(()=>r.value?je:Qe.value),ce=y.orderSummary?.headerPosition??O,Ke=y.orderSummary?.defaultState??j,k=b??!0,P=Pe(),q=Ae(),Je=De(),de=Re(),Xe=Ea(),Ze=za(),ea=p(()=>ce==="BOTTOM"&&b===!0&&(Ze.value||!!i.proposal.facts.taxesIncluded)&&!Xe.value&&!de.value&&!!P.value),K=Ge==="base",ue=K&&He({comparisonPrice:q.value,payableTotal:P.value,suppressed:Je.value,hasStoredValue:de.value}),{lineItems:{priority:aa="base"},moneyLines:{color:na}}=Be(),me=y.visibility.showAside,J=!y.visibility.showOrderSummaryMerchandiseLines||aa==="high",sa=Xa("bottom",{hideMerchandiseLines:J}),x=un(sa),ta=Za(),ia=en(),he=d||ue,oa=p(()=>!x.value&&k),[a,_]=M(Ia(()=>x.value||Ke==="EXPANDED"||s.value.currentDetour?.type==="shopPayLogin")),[ra,ye]=M(),{triggerNode:pe,floatingElementHidden:la,ready:ca,setTriggerNode:da}=Ee("floating_summary"),X=ka(null),{ref:ua,max:ma}=an("base");Tn({open:a,setOpen:_,enabled:oe}),Pa(()=>{ta.value&&ia.value.hasViolations&&_(!0)});const[Z,ee]=M(!1),[ha,ae]=M(!1),ya=V(()=>{a&&Z&&(ae(!0),ee(!1))},[a,Z]),L=t.translate("order_summary.title"),pa=V(()=>_(C=>!C),[]),ga=V(()=>{const C=pe.value;if(!C)return;const Aa=X.value?.offsetHeight??0,Da=window.scrollY+C.getBoundingClientRect().top-Aa;ye({duration:0}),_(!0),requestAnimationFrame(()=>{window.scrollTo({top:Da,behavior:"smooth"}),ye(void 0)})},[pe,X]),{totalLineQuantities:va=0,totalLineQuantitiesFact:fa=0}=nn(),E=we(m)?Y:n?.lines||[],Sa=sn(),ba=V(()=>{_(!0),ee(!0),ae(!1)},[_,ee,ae]),ge=Le(re.peek()??P.peek()),z=p(()=>{if(r.value)return{amount:0,currencyCode:P.value?.currencyCode??"USD"};const C=re.value??P.value;return C&&(ge.current=C),ge.current??{amount:0,currencyCode:"USD"}});if(!Sa.value)return null;const Ca=t.translate("order_summary.number_items",{count:we(m)?fa:va}),ve=he&&!a&&!K&&!F?"start":"center",fe=Nn(b),Ta=!F||E.length<=1,wa={variant:F?"inline-discrete":"fan-legacy",size:F?"base":"small",merchandise:E,useImageAltTexts:!1,sortByPrice:!F},Se=fe==="default"&&!a,Fa=e("div",{className:Se?o.ThumbnailBadgeSpace:void 0,children:e(te,{gridAutoFlow:"column",gridTemplateColumns:a?"minmax(0, 1fr) minmax(auto, max-content) minmax(auto, max-content)":"minmax(0, 1fr) auto auto",gridTemplateRows:"minmax(0, 1fr)",gap:"small-200",alignItems:ve,alignContent:ve,children:[!a&&e("span",{className:Fe({screenReaders:"only"}),children:L}),e(c,{direction:"inline",gap:"small-200",alignItems:"center",className:o.HeaderContent,ref:ua,children:[E&&!a&&e(Me,{...wa,...F&&{max:ma.value}}),!a&&Ta&&e(c,{gap:"small-400",children:[e("div",{className:o.HeaderLine,children:e(h,{size:f?"base":"large",type:"strong",children:le.value})}),e("div",{className:o.HeaderLine,children:e(h,{color:"subdued",children:Ca})})]}),a&&e(W,{level:f?3:1,accessibilityRole:"presentation",children:L})]}

1),e(c,{direction:"inline",alignItems:a?"center":"start",gap:"small-200",justifyContent:"end",children:e("div",{className:N(o.HeaderLine,a&&o.isHidden),children:e(c,{gap:"small-400",alignItems:"end",children:[ue&&e(h,{size:"base",color:"subdued",type:"redundant",translate:!1,children:t.formatCurrency(q.value.amount,{currency:q.value.currencyCode,form:"short"})}),e($,{paymentDue:z,alignItems:"center",showCurrencyBadge:!0,size:I&&!f?"large":void 0}),a?void 0:e(bn,{})]})})}),e("div",{className:N(he&&!a&&!K&&o.Icon),children:e(D,{size:se[Q],type:a?"chevron-up":"chevron-down",color:"strong"})})]})}),xa=e("div",{className:o.SimplifiedHeader,children:e(te,{gridAutoFlow:"column",gridTemplateColumns:"minmax(0, 1fr) minmax(auto, max-content)",gridAutoColumns:"1fr",gridTemplateRows:"minmax(0, 1fr)",gap:"small-200",alignItems:"center",alignContent:"center",children:[e("div",{className:o.HeaderLine,children:e(h,{color:na,children:qe})}),e(c,{direction:"inline",gap:"large-100",alignItems:"center",children:[e(u,{when:()=>!x.value,children:e(D,{size:se[Q],type:a?"chevron-up":"chevron-down",color:"strong"})}),e($,{paymentDue:z,alignItems:"center",showCurrencyBadge:!1})]}),e("span",{className:Fe({screenReaders:"only"}),children:L})]})}),be=e(u,{when:ea,children:e("div",{className:o.SimplifiedHeader,children:e(ln,{taxesIncluded:!0,variant:"card"})})}),_a=e("div",{className:o.FlexHeader,children:[e(W,{level:f?3:1,children:e(u,{when:()=>a||x.value,fallback:le,children:L})}),e(u,{when:()=>!x.value,children:e(Te,{children:[e("div",{className:o.Spacer}),e("div",{className:a?o.isHidden:void 0,children:e($,{paymentDue:z})}),e(D,{size:se[Q],type:a?"chevron-up":"chevron-down",color:"strong"})]})})]}),ne=(()=>{switch(fe){case"default":return e(u,{when:x,fallback:Fa,children:e("div",{className:o.HeaderLine,children:e(W,{level:f?3:1,children:L})})});case"simplified":return xa;case"flex":return _a}})(),S=ce==="BOTTOM",Ce=e(ze,{"data-event-name":a?"order_summary_hide":"order_summary_show",expanded:a,controlId:U,onClick:pa,inlineSize:"100%",className:N(o.HeaderClickable,!a&&ca.value&&!la.value&&o["HeaderClickable-invisible"]),children:ne}),La=e(c,{gap:"base",accessibilityRole:"section",accessibilityLabelledBy:"mobile-order-summary-heading",children:[e(W,{id:"mobile-order-summary-heading",visibility:"hidden",children:L}),B!=="hidden"&&T&&oe&&!a&&(!Ye||I)&&!b?e(tn,{tone:"monochrome",onClick:ba,commandFor:U,size:"small","aria-expanded":!1,children:e(c,{direction:"inline",gap:"small-400",alignItems:"center",children:[e(D,{type:"discount",size:"small-100",tone:"monochrome"}),e(h,{children:t.translate("order_summary.discount_discovery.add_code")})]})}):null,e(A,{children:[w==="base"&&v&&e(on,{id:"inline-reductions",open:!a,duration:"fast",children:e("div",{ref:X,children:e(A,{paddingBlockEnd:"large-400",children:e(rn,{monorailSection:"order_summary",headerLevel:$e.value.payment?void 0:2})})})}),e("div",{ref:da,children:e(A,{display:me?"@media (inline-size >= medium) none, auto":"auto",className:Se?o.BadgeGapCompensation:void 0,children:e(dn,{config:ra,onTransitionEnd:ya,children:[!S&&Ce,a?e("div",{id:U,children:e(A,{paddingBlockStart:S?void 0:"small-100",children:e(xe,{skipWrappingSection:!0,hideAccessibilityTitle:!0,hideMerchandiseLines:J,hideReductions:!v,reductionsFieldAutoFocus:Z,reductionsFieldAutoScroll:ha})})},"mobile-order-summary-open"):e("div",{id:U},"mobile-order-summary-closed"),S&&a&&be,S&&Ce]})})})]}),a?null:e(Cn,{})]});return e(Te,{children:[e(vn,{merchandise:E,paymentDue:z,onClick:ga}),e(u,{when:oa,fallback:e(c,{children:e(A,{display:me?"@media (inline-size >= medium) none, auto":"auto",children:[!S&&k&&ne,!S&&k&&e(cn,{blockSize:"small-100"}),e(xe,{skipWrappingSection:!0,hideAccessibilityTitle:!0,hideMerchandiseLines:J,hideReductions:!v}),S&&k&&be,S&&k&&ne]})}),children:La})]})}export{Qn as MobileOrderSummary};