@dropins/storefront-cart 0.4.0-alpha128 → 0.4.0-alpha130
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/chunks/CartFragment.js +1 -1
- package/chunks/CartSummaryList.js +1 -1
- package/chunks/MiniCart.js +1 -1
- package/chunks/OrderSummary.js +1 -1
- package/components/Cart/Cart.d.ts +0 -1
- package/containers/Cart/Cart.d.ts +5 -1
- package/containers/CartSummaryList/CartSummaryList.d.ts +1 -0
- package/containers/OrderSummary/OrderSummary.d.ts +1 -0
- package/i18n/en_US.json.d.ts +2 -1
- package/package.json +1 -1
- package/render.js +2 -2
package/chunks/CartFragment.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{s}from"./state.js";function R(r){var n,u,e,l,c,t,a;return r?{id:r.id,totalQuantity:z(r),errors:S(r==null?void 0:r.itemsV2),items:h(r==null?void 0:r.itemsV2),miniCartMaxItems:h(r==null?void 0:r.itemsV2).slice(0,((n=s.config)==null?void 0:n.miniCartMaxItemsDisplay)??10),total:{includingTax:{value:r.prices.grand_total.value,currency:r.prices.grand_total.currency},excludingTax:{value:r.prices.grand_total_excluding_tax.value,currency:r.prices.grand_total_excluding_tax.currency}},subtotal:{excludingTax:{value:(u=r.prices.subtotal_excluding_tax)==null?void 0:u.value,currency:(e=r.prices.subtotal_excluding_tax)==null?void 0:e.currency},includingTax:{value:(l=r.prices.subtotal_including_tax)==null?void 0:l.value,currency:(c=r.prices.subtotal_including_tax)==null?void 0:c.currency},includingDiscountOnly:{value:(t=r.prices.subtotal_with_discount_excluding_tax)==null?void 0:t.value,currency:(a=r.prices.subtotal_with_discount_excluding_tax)==null?void 0:a.currency}},appliedTaxes:I(r.prices.applied_taxes),totalTax:k(r.prices.applied_taxes),appliedDiscounts:I(r.prices.discounts),isVirtual:r.is_virtual,addresses:{shipping:r.shipping_addresses&&N(r)},isGuestCart:!s.authenticated,hasOutOfStockItems:$(r),hasFullyOutOfStockItems:P(r)}:null}function k(r){return r!=null&&r.length?r.reduce((
|
|
1
|
+
import{s}from"./state.js";function R(r){var n,u,e,l,c,t,a;return r?{id:r.id,totalQuantity:z(r),errors:S(r==null?void 0:r.itemsV2),items:h(r==null?void 0:r.itemsV2),miniCartMaxItems:h(r==null?void 0:r.itemsV2).slice(0,((n=s.config)==null?void 0:n.miniCartMaxItemsDisplay)??10),total:{includingTax:{value:r.prices.grand_total.value,currency:r.prices.grand_total.currency},excludingTax:{value:r.prices.grand_total_excluding_tax.value,currency:r.prices.grand_total_excluding_tax.currency}},subtotal:{excludingTax:{value:(u=r.prices.subtotal_excluding_tax)==null?void 0:u.value,currency:(e=r.prices.subtotal_excluding_tax)==null?void 0:e.currency},includingTax:{value:(l=r.prices.subtotal_including_tax)==null?void 0:l.value,currency:(c=r.prices.subtotal_including_tax)==null?void 0:c.currency},includingDiscountOnly:{value:(t=r.prices.subtotal_with_discount_excluding_tax)==null?void 0:t.value,currency:(a=r.prices.subtotal_with_discount_excluding_tax)==null?void 0:a.currency}},appliedTaxes:I(r.prices.applied_taxes),totalTax:k(r.prices.applied_taxes,r.prices.grand_total.currency),appliedDiscounts:I(r.prices.discounts),isVirtual:r.is_virtual,addresses:{shipping:r.shipping_addresses&&N(r)},isGuestCart:!s.authenticated,hasOutOfStockItems:$(r),hasFullyOutOfStockItems:P(r)}:null}function k(r,n){return r!=null&&r.length?r.reduce((u,e)=>({value:u.value+e.amount.value,currency:e.amount.currency}),{value:0,currency:n}):{value:0,currency:n}}function h(r){var u;if(!((u=r==null?void 0:r.items)!=null&&u.length))return[];const n=s.config;return r.items.map(e=>{var l,c,t,a,_,o,i,g,y,m,f,b,d,v,C,x;return{itemType:e.__typename,uid:e.uid,url:{urlKey:e.product.url_key,categories:e.product.categories.map(O=>O.url_key)},quantity:e.quantity,sku:e.product.sku,name:e.product.name,image:{src:n!=null&&n.useConfigurableParentThumbnail?e.product.thumbnail.url:((c=(l=e.configured_variant)==null?void 0:l.thumbnail)==null?void 0:c.url)||e.product.thumbnail.url,alt:n!=null&&n.useConfigurableParentThumbnail?e.product.thumbnail.label:((a=(t=e.configured_variant)==null?void 0:t.thumbnail)==null?void 0:a.label)||e.product.thumbnail.label},price:{value:e.prices.price.value,currency:e.prices.price.currency},taxedPrice:{value:e.prices.price_including_tax.value,currency:e.prices.price_including_tax.currency},rowTotal:{value:e.prices.row_total.value,currency:e.prices.row_total.currency},rowTotalIncludingTax:{value:e.prices.row_total_including_tax.value,currency:e.prices.row_total_including_tax.currency},links:G(e.links),total:e.__typename==="SimpleCartItem"&&e.customizable_options.length!==0||e.__typename==="BundleCartItem"?{value:e.prices.row_total.value,currency:e.prices.row_total.currency}:{value:(_=e.prices.original_row_total)==null?void 0:_.value,currency:(o=e.prices.original_row_total)==null?void 0:o.currency},discount:{value:e.prices.total_item_discount.value,currency:e.prices.total_item_discount.currency},regularPrice:e.__typename==="ConfigurableCartItem"?{value:(g=(i=e.configured_variant)==null?void 0:i.price_range)==null?void 0:g.maximum_price.regular_price.value,currency:(m=(y=e.configured_variant)==null?void 0:y.price_range)==null?void 0:m.maximum_price.regular_price.currency}:e.__typename==="GiftCardCartItem"||e.__typename==="SimpleCartItem"&&e.customizable_options.length!==0||e.__typename==="BundleCartItem"?{value:e.prices.price.value,currency:e.prices.price.currency}:{value:(f=e.product.price_range)==null?void 0:f.maximum_price.regular_price.value,currency:(b=e.product.price_range)==null?void 0:b.maximum_price.regular_price.currency},discounted:e.__typename==="BundleCartItem"||e.__typename==="SimpleCartItem"&&e.customizable_options.length!==0?!1:e.__typename==="ConfigurableCartItem"?((v=(d=e.configured_variant)==null?void 0:d.price_range)==null?void 0:v.maximum_price.discount.amount_off)>0:((C=e.product.price_range)==null?void 0:C.maximum_price.discount.amount_off)>0,bundleOptions:e.__typename==="BundleCartItem"?w(e.bundle_options):null,selectedOptions:E(e.configurable_options),customizableOptions:A(e.customizable_options),sender:e.__typename==="GiftCardCartItem"?e.sender_name:null,senderEmail:e.__typename==="GiftCardCartItem"?e.sender_email:null,recipient:e.__typename==="GiftCardCartItem"?e.recipient_name:null,recipientEmail:e.__typename==="GiftCardCartItem"?e.recipient_email:null,message:e.__typename==="GiftCardCartItem"?e.message:null,discountedTotal:{value:e.prices.row_total.value,currency:e.prices.row_total.currency},onlyXLeftInStock:e.__typename==="ConfigurableCartItem"?(x=e.configured_variant)==null?void 0:x.only_x_left_in_stock:e.product.only_x_left_in_stock,lowInventory:e.is_available&&e.product.only_x_left_in_stock!==null,insufficientQuantity:(e.__typename==="ConfigurableCartItem"?e.configured_variant:e.product).stock_status==="IN_STOCK"&&!e.is_available,outOfStock:e.product.stock_status==="OUT_OF_STOCK",stockLevel:M(e)}})}function S(r){var u;const n=(u=r==null?void 0:r.items)==null?void 0:u.reduce((e,l)=>{var c;return(c=l.errors)==null||c.forEach(t=>{e.push({uid:l.uid,text:t.message})}),e},[]);return n!=null&&n.length?n:null}function I(r){return r!=null&&r.length?r.map(n=>({amount:{value:n.amount.value,currency:n.amount.currency},label:n.label})):[]}function w(r){const n=r==null?void 0:r.map(e=>({uid:e.uid,label:e.label,value:e.values.map(l=>l.label).join(", ")})),u={};return n==null||n.forEach(e=>{u[e.label]=e.value}),Object.keys(u).length>0?u:null}function E(r){const n=r==null?void 0:r.map(e=>({uid:e.configurable_product_option_uid,label:e.option_label,value:e.value_label})),u={};return n==null||n.forEach(e=>{u[e.label]=e.value}),Object.keys(u).length>0?u:null}function A(r){const n=r==null?void 0:r.map(e=>({uid:e.customizable_option_uid,label:e.label,type:e.type,values:e.values.map(l=>({uid:l.customizable_option_value_uid,label:l.label,value:l.value}))})),u={};return n==null||n.forEach(e=>{var l;switch(e.type){case"field":case"area":case"date_time":u[e.label]=e.values[0].value;break;case"radio":case"drop_down":u[e.label]=e.values[0].label;break;case"multiple":case"checkbox":u[e.label]=e.values.reduce((o,i)=>o?`${o}, ${i.label}`:i.label,"");break;case"file":const c=new DOMParser,t=e.values[0].value,_=((l=c.parseFromString(t,"text/html").querySelector("a"))==null?void 0:l.textContent)||"";u[e.label]=_;break}}),u}function z(r){var n,u;return((n=s.config)==null?void 0:n.cartSummaryDisplayTotal)===0?r.itemsV2.items.length:((u=s.config)==null?void 0:u.cartSummaryDisplayTotal)===1?r.total_quantity:r.itemsV2.items.length}function G(r){return(r==null?void 0:r.length)>0?{count:r.length,result:r.map(n=>n.title).join(", ")}:null}function N(r){var n,u,e,l;return(n=r.shipping_addresses)!=null&&n.length?(u=r.shipping_addresses)==null?void 0:u.map(c=>({countryCode:c.country.code,zipCode:c.postcode,regionCode:c.region.code})):(e=r.addresses)!=null&&e.length?(l=r.addresses)==null?void 0:l.filter(c=>c.default_shipping).map(c=>{var t;return c.default_shipping&&{countryCode:c.country_id,zipCode:c.postcode,regionCode:(t=c.region)==null?void 0:t.region_code}}):null}function $(r){var n,u;return(u=(n=r==null?void 0:r.itemsV2)==null?void 0:n.items)==null?void 0:u.some(e=>{var l;return((l=e==null?void 0:e.product)==null?void 0:l.stock_status)==="OUT_OF_STOCK"||e.product.stock_status==="IN_STOCK"&&!e.is_available})}function M(r){if(!r.not_available_message)return null;const n=r.not_available_message.match(/-?\d+/);return n?parseInt(n[0]):"noNumber"}function P(r){var n,u;return(u=(n=r==null?void 0:r.itemsV2)==null?void 0:n.items)==null?void 0:u.some(e=>{var l;return((l=e==null?void 0:e.product)==null?void 0:l.stock_status)==="OUT_OF_STOCK"})}const p=`
|
|
2
2
|
customizable_options {
|
|
3
3
|
type
|
|
4
4
|
customizable_option_uid
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as r,jsxs as k,Fragment as P}from"@dropins/tools/preact-jsx-runtime.js";import*as c from"@dropins/tools/preact-compat.js";import{useState as O,useEffect as ut}from"@dropins/tools/preact-compat.js";import{classes as y,VComponent as x,Slot as z}from"@dropins/tools/lib.js";/* empty css */import{IllustratedMessage as dt,Icon as w,Button as gt,Divider as ft,Skeleton as mt,SkeletonRow as pt,InLineAlert as ht,CartList as M,CartItem as yt,Price as L,Image as kt}from"@dropins/tools/components.js";import{useText as B}from"@dropins/tools/i18n.js";import{s as vt,g as Ct}from"./state.js";import{events as Lt}from"@dropins/tools/event-bus.js";const wt=s=>c.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...s},c.createElement("g",{clipPath:"url(#clip0_102_196)"},c.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M18.3601 18.16H6.5601L4.8801 3H2.3501M19.6701 19.59C19.6701 20.3687 19.0388 21 18.2601 21C17.4814 21 16.8501 20.3687 16.8501 19.59C16.8501 18.8113 17.4814 18.18 18.2601 18.18C19.0388 18.18 19.6701 18.8113 19.6701 19.59ZM7.42986 19.59C7.42986 20.3687 6.79858 21 6.01986 21C5.24114 21 4.60986 20.3687 4.60986 19.59C4.60986 18.8113 5.24114 18.18 6.01986 18.18C6.79858 18.18 7.42986 18.8113 7.42986 19.59Z",stroke:"currentColor",strokeLinejoin:"round"}),c.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M5.25 6.37L20.89 8.06L20.14 14.8H6.19",stroke:"currentColor",strokeLinejoin:"round"})),c.createElement("defs",null,c.createElement("clipPath",{id:"clip0_102_196"},c.createElement("rect",{vectorEffect:"non-scaling-stroke",width:19.29,height:19.5,fill:"white",transform:"translate(2.3501 2.25)"})))),$=s=>c.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...s},c.createElement("g",{clipPath:"url(#clip0_4797_15331)"},c.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M10.25 20.91L1.5 17.55V6.51996L10.25 9.92996V20.91Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),c.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M6.24023 4.64001L14.9902 8.06001V11.42",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),c.createElement("path",{className:"error-icon",vectorEffect:"non-scaling-stroke",d:"M19 13.31L15.5 19.37H22.5L19 13.31Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),c.createElement("path",{className:"error-icon",vectorEffect:"non-scaling-stroke",d:"M19.0202 17.11H18.9802L18.9502 15.56H19.0502L19.0202 17.11ZM18.9602 18.29V18.06H19.0502V18.29H18.9602Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),c.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M19 12.16V6.51996L10.25 9.92996V20.91L14.27 19.37L14.4 19.32",stroke:"currentColor",strokeLinejoin:"round"}),c.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M1.5 6.51999L10.25 3.04999L19 6.51999L10.25 9.92999L1.5 6.51999Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})),c.createElement("defs",null,c.createElement("clipPath",{id:"clip0_4797_15331"},c.createElement("rect",{width:22,height:18.86,fill:"white",transform:"translate(1 2.54999)"})))),Et=s=>c.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...s},c.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M0.75 12C0.75 5.78421 5.78421 0.75 12 0.75C18.2158 0.75 23.25 5.78421 23.25 12C23.25 18.2158 18.2158 23.25 12 23.25C5.78421 23.25 0.75 18.2158 0.75 12Z",stroke:"currentColor"}),c.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M11.75 5.88423V4.75H12.25V5.88423L12.0485 13.0713H11.9515L11.75 5.88423ZM11.7994 18.25V16.9868H12.2253V18.25H11.7994Z",stroke:"currentColor"})),It=({className:s,children:E,ctaLinkURL:l,...m})=>{const d=B({emptyCart:"Cart.EmptyCart.heading",cta:"Cart.EmptyCart.cta"});return r("div",{...m,className:y(["cart-empty-cart",s]),children:r(dt,{className:y(["cart-empty-cart__wrapper",s]),"data-testid":"cart-empty-cart",heading:d.emptyCart,icon:r(w,{className:"cart-empty-cart__icon",source:wt}),action:l?r(gt,{"data-testid":"cart-empty-cart-button",size:"medium",variant:"primary",type:"submit",href:l,children:d.cta},"routeHome"):void 0})})},St=({className:s,children:E,heading:l,emptyCart:m,products:d,outOfStockMessage:p,loading:I=!0,...f})=>r("div",{...f,className:y(["cart-cart-summary-list",s]),children:I?r(_t,{}):k(P,{children:[(l||p)&&k("div",{"data-testid":"cart-summary-list-heading-wrapper",className:y(["cart-cart-summary-list__heading",["cart-cart-summary-list__heading--full-width",!d]]),children:[l&&k(P,{children:[r(x,{node:l,className:"cart-cart-summary-list__heading-text"}),r(ft,{variant:"primary",className:y(["cart-cart-summary-list__heading-divider"])})]}),p&&r(x,{node:p,className:"cart-cart-summary-list__out-of-stock-message"})]}),r("div",{className:y(["cart-cart-summary-list__content",["cart-cart-summary-list__content--empty",!d]]),children:d||r(x,{node:m,className:"cart-cart-summary-list__empty-cart"})})]})}),_t=()=>r(mt,{"data-testid":"cart-summary-list-skeleton",className:"cart-cart-summary-list__skeleton",rowGap:"medium",children:r(pt,{variant:"row",size:"xlarge",fullWidth:!0,lines:3,multilineGap:"small"})}),Nt=({initialData:s=null,hideHeading:E,routeProduct:l,routeEmptyCartCTA:m,onItemQuantityUpdate:d,onItemRemove:p,maxItems:I,slots:f,attributesToHide:h=[],...T})=>{var G;const[b,W]=O(!s),[a,q]=O(s),[S,F]=O(new Set),o=(G=vt.config)==null?void 0:G.shoppingCartDisplaySetting,i=B({file:"Cart.CartItem.file",files:"Cart.CartItem.files",heading:"Cart.Cart.heading",message:"Cart.CartItem.message",recipient:"Cart.CartItem.recipient",regularPrice:"Cart.CartItem.regularPrice",discountedPrice:"Cart.CartItem.discountedPrice",sender:"Cart.CartItem.sender",lowInventory:"Cart.CartItem.lowInventory",insufficientQuantity:"Cart.CartItem.insufficientQuantity",insufficientQuantityGeneral:"Cart.CartItem.insufficientQuantityGeneral",outOfStockHeading:"Cart.OutOfStockMessage.heading",outOfStockDescription:"Cart.OutOfStockMessage.message",outOfStockAlert:"Cart.OutOfStockMessage.alert",removeAction:"Cart.OutOfStockMessage.action"}),_=(t,e)=>{F(n=>(e?n.add(t):n.delete(t),new Set(n)))},N=(t,e)=>{_(t,!0),p&&e===0?p(t).finally(()=>{_(t,!1)}).catch(n=>{console.warn(n)}):d&&d(t,e).finally(()=>{_(t,!1)}).catch(n=>{console.warn(n)})};ut(()=>{const t=Lt.on("cart/data",e=>{q(e),W(!1)},{eager:!0});return()=>{t==null||t.off()}},[]);const R=(t,e)=>{if(h.includes("image"))return;const n=r(kt,{"data-testid":"cart-list-item-image",loading:e<4?"eager":"lazy",src:t.image.src,alt:t.image.alt,width:"300",height:"300",params:{width:300}});return l?r("a",{href:l(t),children:n}):n},D=t=>{if(!h.includes("name"))return r("span",{"data-testid":"cart-list-item-title",children:l?r("a",{href:l(t),children:t.name}):t.name})},J=t=>{if(!h.includes("configurations"))return{...t.bundleOptions,...t.selectedOptions,...t.customizableOptions,...t.recipient?{[i.recipient]:t.recipient}:null,...t.recipientEmail&&t.recipient?{[i.recipient]:`${t.recipient} (${t.recipientEmail})`}:null,...t.sender?{[i.sender]:t.sender}:null,...t.senderEmail&&t.sender?{[i.sender]:`${t.sender} (${t.senderEmail})`}:{},...t.message?{[i.message]:t.message}:null,...t.links&&t.links.count?t.links.count>1?{[i.files.replace("{count}",t.links.count.toString())]:t.links.result}:{[i.file.replace("{count}",t.links.count.toString())]:t.links.result}:null}},K=t=>{var e,n,g,u;return(o==null?void 0:o.price)==="INCLUDING_TAX"?t.discounted?{amount:t.regularPrice.value,currency:t.regularPrice.currency,style:{font:"inherit"},"data-testid":"including-tax-item-price"}:{amount:(e=t.taxedPrice)==null?void 0:e.value,currency:(n=t.taxedPrice)==null?void 0:n.currency,style:{font:"inherit"},"data-testid":"including-tax-item-price"}:{amount:(g=t.regularPrice)==null?void 0:g.value,currency:(u=t.regularPrice)==null?void 0:u.currency,style:{font:"inherit"},"data-testid":"regular-item-price"}},Y=t=>(o==null?void 0:o.price)==="INCLUDING_EXCLUDING_TAX"?r(L,{amount:t.rowTotal.value,currency:t.rowTotal.currency,"data-testid":"excluding-tax-total","aria-label":i.regularPrice}):void 0,tt=t=>{var g,u,C,V,X,j,Z,A,H,U;const e={"aria-label":i.regularPrice},n=t.discounted?{}:null;return["INCLUDING_TAX","INCLUDING_EXCLUDING_TAX"].includes(o==null?void 0:o.price)?(e.amount=(g=t.rowTotalIncludingTax)==null?void 0:g.value,e.currency=(u=t.rowTotalIncludingTax)==null?void 0:u.currency,e.variant=t.discounted?"strikethrough":"default",e["data-testid"]="including-tax-item-total",n&&(e.amount=(C=t.total)==null?void 0:C.value,e.currency=(V=t.total)==null?void 0:V.currency,n.amount=(X=t.rowTotalIncludingTax)==null?void 0:X.value,n.currency=(j=t.rowTotalIncludingTax)==null?void 0:j.currency,n.sale=!0,n["aria-label"]=i.discountedPrice,n["data-testid"]="discount-total")):(e.amount=(Z=t.total)==null?void 0:Z.value,e.currency=(A=t.total)==null?void 0:A.currency,e.variant=t.discounted?"strikethrough":"default",e["data-testid"]="regular-item-total",n&&(n.amount=(H=t.discountedTotal)==null?void 0:H.value,n.currency=(U=t.discountedTotal)==null?void 0:U.currency,n.sale=!0,n["aria-label"]=i.regularPrice,n["data-testid"]="discount-total")),{totalProps:e,discountProps:n}},et=t=>{var g,u;if(h.includes("warning"))return;const e=t.insufficientQuantity&&t.stockLevel?t.stockLevel==="noNumber"?i.insufficientQuantityGeneral:i.insufficientQuantity.replace("{inventory}",(g=t.stockLevel)==null?void 0:g.toString()).replace("{count}",t.quantity.toString()):"",n=t.lowInventory&&t.onlyXLeftInStock&&i.lowInventory.replace("{count}",(u=t.onlyXLeftInStock)==null?void 0:u.toString());return t.insufficientQuantity||t.lowInventory?k("span",{"data-testid":"item-warning",children:[r(w,{source:Et,size:"16"}),e||n]}):void 0},rt=t=>{if(!(h!=null&&h.includes("alert")))return t.outOfStock?k("span",{"data-testid":"item-alert",children:[r(w,{source:$,size:"16"}),i.outOfStockAlert]}):void 0},nt=t=>r("span",{"data-testid":"cart-list-item-sku",children:t.sku}),Q=t=>a!=null&&a.totalQuantity?a.items.filter(t).map((e,n)=>{const{totalProps:g,discountProps:u}=tt(e);return r(yt,{updating:S==null?void 0:S.has(e.uid),"data-testid":`cart-list-item-entry-${e.uid}`,image:R(e,n),title:D(e),sku:nt(e),price:r(L,{...K(e)}),quantity:e.quantity,total:k(P,{children:[r(L,{...g}),u&&r(L,{...u})]}),configurations:J(e),totalExcludingTax:Y(e),taxIncluded:(o==null?void 0:o.price)==="INCLUDING_TAX",taxExcluded:(o==null?void 0:o.price)==="INCLUDING_EXCLUDING_TAX",warning:et(e),alert:rt(e),onQuantity:d?C=>{N(e.uid,C)}:void 0,onRemove:p?()=>N(e.uid,0):void 0},e.uid)}):null,at=r(z,{name:"EmptyCart",slot:f==null?void 0:f.EmptyCart,context:{},children:r(It,{"data-testid":"empty-cart",ctaLinkURL:m==null?void 0:m()})}),ct=r(z,{name:"Heading",slot:f==null?void 0:f.Heading,context:{count:(a==null?void 0:a.totalQuantity)??0},children:r("div",{"data-testid":"default-cart-heading",children:i.heading.replace("{count}",((a==null?void 0:a.totalQuantity)??0).toString())})}),it=()=>{const t=a==null?void 0:a.items.filter(e=>e.outOfStock);t==null||t.forEach(e=>{N(e.uid,0)})},ot=Q(t=>t.outOfStock||t.insufficientQuantity||!1),st=a!=null&&a.hasOutOfStockItems?r(ht,{"data-testid":"cart-out-of-stock-message",icon:r(w,{source:$,size:"16"}),itemList:r(M,{"data-testid":"out-of-stock-cart-items",children:ot}),type:"warning",heading:i.outOfStockHeading,description:i.outOfStockDescription,variant:"primary",actionButtonPosition:"bottom",additionalActions:a!=null&&a.hasFullyOutOfStockItems?[{label:i.removeAction,onClick:it}]:void 0}):void 0,v=Q(t=>!t.outOfStock&&!t.insufficientQuantity),lt=a!=null&&a.totalQuantity?r(M,{"data-testid":"cart-list",children:v==null?void 0:v.slice(0,I??v.length)}):null;return r(St,{...T,heading:E?void 0:ct,loading:b,emptyCart:at,products:lt,outOfStockMessage:st})};Nt.getInitialData=async function(){return Ct()};export{Nt as C};
|
|
1
|
+
import{jsx as r,jsxs as v,Fragment as j}from"@dropins/tools/preact-jsx-runtime.js";import*as c from"@dropins/tools/preact-compat.js";import{useState as N,useEffect as $}from"@dropins/tools/preact-compat.js";import{classes as k,VComponent as X,Slot as T}from"@dropins/tools/lib.js";/* empty css */import{IllustratedMessage as pt,Icon as x,Button as ht,Divider as yt,Skeleton as kt,SkeletonRow as vt,InLineAlert as Ct,CartList as q,CartItem as Lt,Price as O,Image as wt}from"@dropins/tools/components.js";import{useText as W}from"@dropins/tools/i18n.js";import{s as It,g as Et}from"./state.js";import{events as St}from"@dropins/tools/event-bus.js";const _t=s=>c.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...s},c.createElement("g",{clipPath:"url(#clip0_102_196)"},c.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M18.3601 18.16H6.5601L4.8801 3H2.3501M19.6701 19.59C19.6701 20.3687 19.0388 21 18.2601 21C17.4814 21 16.8501 20.3687 16.8501 19.59C16.8501 18.8113 17.4814 18.18 18.2601 18.18C19.0388 18.18 19.6701 18.8113 19.6701 19.59ZM7.42986 19.59C7.42986 20.3687 6.79858 21 6.01986 21C5.24114 21 4.60986 20.3687 4.60986 19.59C4.60986 18.8113 5.24114 18.18 6.01986 18.18C6.79858 18.18 7.42986 18.8113 7.42986 19.59Z",stroke:"currentColor",strokeLinejoin:"round"}),c.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M5.25 6.37L20.89 8.06L20.14 14.8H6.19",stroke:"currentColor",strokeLinejoin:"round"})),c.createElement("defs",null,c.createElement("clipPath",{id:"clip0_102_196"},c.createElement("rect",{vectorEffect:"non-scaling-stroke",width:19.29,height:19.5,fill:"white",transform:"translate(2.3501 2.25)"})))),B=s=>c.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...s},c.createElement("g",{clipPath:"url(#clip0_4797_15331)"},c.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M10.25 20.91L1.5 17.55V6.51996L10.25 9.92996V20.91Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),c.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M6.24023 4.64001L14.9902 8.06001V11.42",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),c.createElement("path",{className:"error-icon",vectorEffect:"non-scaling-stroke",d:"M19 13.31L15.5 19.37H22.5L19 13.31Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),c.createElement("path",{className:"error-icon",vectorEffect:"non-scaling-stroke",d:"M19.0202 17.11H18.9802L18.9502 15.56H19.0502L19.0202 17.11ZM18.9602 18.29V18.06H19.0502V18.29H18.9602Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),c.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M19 12.16V6.51996L10.25 9.92996V20.91L14.27 19.37L14.4 19.32",stroke:"currentColor",strokeLinejoin:"round"}),c.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M1.5 6.51999L10.25 3.04999L19 6.51999L10.25 9.92999L1.5 6.51999Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})),c.createElement("defs",null,c.createElement("clipPath",{id:"clip0_4797_15331"},c.createElement("rect",{width:22,height:18.86,fill:"white",transform:"translate(1 2.54999)"})))),Nt=s=>c.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...s},c.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M0.75 12C0.75 5.78421 5.78421 0.75 12 0.75C18.2158 0.75 23.25 5.78421 23.25 12C23.25 18.2158 18.2158 23.25 12 23.25C5.78421 23.25 0.75 18.2158 0.75 12Z",stroke:"currentColor"}),c.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M11.75 5.88423V4.75H12.25V5.88423L12.0485 13.0713H11.9515L11.75 5.88423ZM11.7994 18.25V16.9868H12.2253V18.25H11.7994Z",stroke:"currentColor"})),Ot=({className:s,children:P,ctaLinkURL:l,...m})=>{const u=W({emptyCart:"Cart.EmptyCart.heading",cta:"Cart.EmptyCart.cta"});return r("div",{...m,className:k(["cart-empty-cart",s]),children:r(pt,{className:k(["cart-empty-cart__wrapper",s]),"data-testid":"cart-empty-cart",heading:u.emptyCart,icon:r(x,{className:"cart-empty-cart__icon",source:_t}),action:l?r(ht,{"data-testid":"cart-empty-cart-button",size:"medium",variant:"primary",type:"submit",href:l,children:u.cta},"routeHome"):void 0})})},xt=({className:s,children:P,heading:l,emptyCart:m,products:u,outOfStockMessage:p,loading:Q=!0,...f})=>r("div",{...f,className:k(["cart-cart-summary-list",s]),children:Q?r(Pt,{}):v(j,{children:[(l||p)&&v("div",{"data-testid":"cart-summary-list-heading-wrapper",className:k(["cart-cart-summary-list__heading",["cart-cart-summary-list__heading--full-width",!u]]),children:[l&&v(j,{children:[r(X,{node:l,className:"cart-cart-summary-list__heading-text"}),r(yt,{variant:"primary",className:k(["cart-cart-summary-list__heading-divider"])})]}),p&&r(X,{node:p,className:"cart-cart-summary-list__out-of-stock-message"})]}),r("div",{className:k(["cart-cart-summary-list__content",["cart-cart-summary-list__content--empty",!u]]),children:u||r(X,{node:m,className:"cart-cart-summary-list__empty-cart"})})]})}),Pt=()=>r(kt,{"data-testid":"cart-summary-list-skeleton",className:"cart-cart-summary-list__skeleton",rowGap:"medium",children:r(vt,{variant:"row",size:"xlarge",fullWidth:!0,lines:3,multilineGap:"small"})}),Qt=({initialData:s=null,hideHeading:P,routeProduct:l,routeEmptyCartCTA:m,onItemQuantityUpdate:u,onItemRemove:p,maxItems:Q,slots:f,attributesToHide:h=[],onItemsErrorsChange:G,...F})=>{var H;const[R,J]=N(!s),[a,K]=N(s),[C,Y]=N(new Set),[E,D]=N(new Map),o=(H=It.config)==null?void 0:H.shoppingCartDisplaySetting,i=W({file:"Cart.CartItem.file",files:"Cart.CartItem.files",heading:"Cart.Cart.heading",message:"Cart.CartItem.message",recipient:"Cart.CartItem.recipient",regularPrice:"Cart.CartItem.regularPrice",discountedPrice:"Cart.CartItem.discountedPrice",sender:"Cart.CartItem.sender",lowInventory:"Cart.CartItem.lowInventory",insufficientQuantity:"Cart.CartItem.insufficientQuantity",insufficientQuantityGeneral:"Cart.CartItem.insufficientQuantityGeneral",outOfStockHeading:"Cart.OutOfStockMessage.heading",outOfStockDescription:"Cart.OutOfStockMessage.message",outOfStockAlert:"Cart.OutOfStockMessage.alert",removeAction:"Cart.OutOfStockMessage.action",notAvailableMessage:"Cart.CartItem.notAvailableMessage"}),A=(t,e)=>{Y(n=>(e?n.add(t):n.delete(t),new Set(n)))},Z=(t,e)=>{D(n=>(e?n.set(t,e):n.delete(t),new Map(n)))},V=(t,e)=>{A(t,!0),Z(t),p&&e===0?p(t).finally(()=>{A(t,!1)}).catch(n=>{console.warn(n)}):u&&u(t,e).finally(()=>{A(t,!1)}).catch(n=>{console.warn(n),Z(t,n.message)})};$(()=>{const t=St.on("cart/data",e=>{K(e),J(!1)},{eager:!0});return()=>{t==null||t.off()}},[]),$(()=>{G&&G(E)},[E,G]);const tt=(t,e)=>{if(h.includes("image"))return;const n=r(wt,{"data-testid":"cart-list-item-image",loading:e<4?"eager":"lazy",src:t.image.src,alt:t.image.alt,width:"300",height:"300",params:{width:300}});return l?r("a",{href:l(t),children:n}):n},et=t=>{if(!h.includes("name"))return r("span",{"data-testid":"cart-list-item-title",children:l?r("a",{href:l(t),children:t.name}):t.name})},nt=t=>{if(!h.includes("configurations"))return{...t.bundleOptions,...t.selectedOptions,...t.customizableOptions,...t.recipient?{[i.recipient]:t.recipient}:null,...t.recipientEmail&&t.recipient?{[i.recipient]:`${t.recipient} (${t.recipientEmail})`}:null,...t.sender?{[i.sender]:t.sender}:null,...t.senderEmail&&t.sender?{[i.sender]:`${t.sender} (${t.senderEmail})`}:{},...t.message?{[i.message]:t.message}:null,...t.links&&t.links.count?t.links.count>1?{[i.files.replace("{count}",t.links.count.toString())]:t.links.result}:{[i.file.replace("{count}",t.links.count.toString())]:t.links.result}:null}},rt=t=>{var e,n,g,d;return(o==null?void 0:o.price)==="INCLUDING_TAX"?t.discounted?{amount:t.regularPrice.value,currency:t.regularPrice.currency,style:{font:"inherit"},"data-testid":"including-tax-item-price"}:{amount:(e=t.taxedPrice)==null?void 0:e.value,currency:(n=t.taxedPrice)==null?void 0:n.currency,style:{font:"inherit"},"data-testid":"including-tax-item-price"}:{amount:(g=t.regularPrice)==null?void 0:g.value,currency:(d=t.regularPrice)==null?void 0:d.currency,style:{font:"inherit"},"data-testid":"regular-item-price"}},at=t=>(o==null?void 0:o.price)==="INCLUDING_EXCLUDING_TAX"?r(O,{amount:t.rowTotal.value,currency:t.rowTotal.currency,"data-testid":"excluding-tax-total","aria-label":i.regularPrice}):void 0,ct=t=>{var g,d,y,_,L,w,I,M,U,z;const e={"aria-label":i.regularPrice},n=t.discounted?{}:null;return["INCLUDING_TAX","INCLUDING_EXCLUDING_TAX"].includes(o==null?void 0:o.price)?(e.amount=(g=t.rowTotalIncludingTax)==null?void 0:g.value,e.currency=(d=t.rowTotalIncludingTax)==null?void 0:d.currency,e.variant=t.discounted?"strikethrough":"default",e["data-testid"]="including-tax-item-total",n&&(e.amount=(y=t.total)==null?void 0:y.value,e.currency=(_=t.total)==null?void 0:_.currency,n.amount=(L=t.rowTotalIncludingTax)==null?void 0:L.value,n.currency=(w=t.rowTotalIncludingTax)==null?void 0:w.currency,n.sale=!0,n["aria-label"]=i.discountedPrice,n["data-testid"]="discount-total")):(e.amount=(I=t.total)==null?void 0:I.value,e.currency=(M=t.total)==null?void 0:M.currency,e.variant=t.discounted?"strikethrough":"default",e["data-testid"]="regular-item-total",n&&(n.amount=(U=t.discountedTotal)==null?void 0:U.value,n.currency=(z=t.discountedTotal)==null?void 0:z.currency,n.sale=!0,n["aria-label"]=i.regularPrice,n["data-testid"]="discount-total")),{totalProps:e,discountProps:n}},it=t=>{var L,w,I;if(h.includes("warning"))return;const e=E.get(t.uid),n=(L=E.get(t.uid))==null?void 0:L.includes("The requested qty is not available"),g=C.has(t.uid),d=t.insufficientQuantity&&t.stockLevel?t.stockLevel==="noNumber"?i.insufficientQuantityGeneral:i.insufficientQuantity.replace("{inventory}",(w=t.stockLevel)==null?void 0:w.toString()).replace("{count}",t.quantity.toString()):"",y=t.lowInventory&&t.onlyXLeftInStock&&i.lowInventory.replace("{count}",(I=t.onlyXLeftInStock)==null?void 0:I.toString()),_=!t.outOfStock&&e&&n?i.notAvailableMessage:e;return!g&&(e||t.insufficientQuantity||t.lowInventory)?v("span",{"data-testid":"item-warning",children:[r(x,{source:Nt,size:"16"}),_||d||y]}):void 0},ot=t=>h!=null&&h.includes("alert")?void 0:!C.has(t.uid)&&t.outOfStock?v("span",{"data-testid":"item-alert",children:[r(x,{source:B,size:"16"}),i.outOfStockAlert]}):void 0,st=t=>r("span",{"data-testid":"cart-list-item-sku",children:t.sku}),b=t=>a!=null&&a.totalQuantity?a.items.filter(t).map((e,n)=>{const{totalProps:g,discountProps:d}=ct(e);return r(Lt,{updating:C==null?void 0:C.has(e.uid),"data-testid":`cart-list-item-entry-${e.uid}`,image:tt(e,n),title:et(e),sku:st(e),price:r(O,{...rt(e)}),quantity:e.quantity,total:v(j,{children:[r(O,{...g}),d&&r(O,{...d})]}),configurations:nt(e),totalExcludingTax:at(e),taxIncluded:(o==null?void 0:o.price)==="INCLUDING_TAX",taxExcluded:(o==null?void 0:o.price)==="INCLUDING_EXCLUDING_TAX",warning:it(e),alert:ot(e),onQuantity:u?y=>{V(e.uid,y)}:void 0,onRemove:p?()=>V(e.uid,0):void 0},e.uid)}):null,lt=r(T,{name:"EmptyCart",slot:f==null?void 0:f.EmptyCart,context:{},children:r(Ot,{"data-testid":"empty-cart",ctaLinkURL:m==null?void 0:m()})}),ut=r(T,{name:"Heading",slot:f==null?void 0:f.Heading,context:{count:a==null?void 0:a.totalQuantity},children:r("div",{"data-testid":"default-cart-heading",children:i.heading.replace("({count})",a!=null&&a.totalQuantity?`(${a==null?void 0:a.totalQuantity.toString()})`:"")})}),dt=()=>{const t=a==null?void 0:a.items.filter(e=>e.outOfStock);t==null||t.forEach(e=>{V(e.uid,0)})},gt=b(t=>t.outOfStock||t.insufficientQuantity||!1),ft=a!=null&&a.hasOutOfStockItems?r(Ct,{"data-testid":"cart-out-of-stock-message",icon:r(x,{source:B,size:"16"}),itemList:r(q,{"data-testid":"out-of-stock-cart-items",children:gt}),type:"warning",heading:i.outOfStockHeading,description:i.outOfStockDescription,variant:"primary",actionButtonPosition:"bottom",additionalActions:a!=null&&a.hasFullyOutOfStockItems?[{label:i.removeAction,onClick:dt}]:void 0}):void 0,S=b(t=>!t.outOfStock&&!t.insufficientQuantity),mt=a!=null&&a.totalQuantity?r(q,{"data-testid":"cart-list",children:S==null?void 0:S.slice(0,Q??S.length)}):null;return r(xt,{...F,heading:P?void 0:ut,loading:R,emptyCart:lt,products:mt,outOfStockMessage:ft})};Qt.getInitialData=async function(){return Et()};export{Qt as C};
|
package/chunks/MiniCart.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as
|
|
1
|
+
import{jsx as e,jsxs as p,Fragment as R}from"@dropins/tools/preact-jsx-runtime.js";import{useState as L,useEffect as g}from"@dropins/tools/preact-compat.js";import{classes as h,VComponent as f,Slot as k}from"@dropins/tools/lib.js";import{s as x,g as Q}from"./state.js";import{events as E}from"@dropins/tools/event-bus.js";/* empty css */import{Price as U,Button as O}from"@dropins/tools/components.js";import{useText as M}from"@dropins/tools/i18n.js";import{p as P,u as T}from"./updateProductsFromCart.js";import{C as D}from"./CartSummaryList.js";import"./OrderSummary.js";const w=({className:y,products:n,orderSummary:i,empty:r,...a})=>e("div",{...a,className:h(["cart-cart",y]),children:p("div",{className:h(["cart-cart__wrapper"]),children:[e("div",{"data-testid":"cart-content",className:h(["cart-cart__content",["cart-cart__content--empty",r||i==null],["cart-cart__content--full-width",r||i==null]]),children:n&&e(f,{node:n})}),n&&i&&e(f,{node:i,className:h(["cart-cart__order-summary"])})]})}),G=({className:y,products:n,subtotal:i,subtotalExcludingTaxes:r,ctas:a,...l})=>{const o=M({subtotal:"Cart.MiniCart.subtotal",subtotalExcludingTaxes:"Cart.MiniCart.subtotalExcludingTaxes"});return e("div",{...l,className:h(["cart-mini-cart",y]),children:n&&p(R,{children:[e("div",{className:"cart-mini-cart__products","data-testid":"mini-cart-products-wrapper",children:n}),p("div",{className:"cart-mini-cart__footer","data-testid":"mini-cart-subtotals",children:[i&&p("div",{className:"cart-mini-cart__footer__estimated-total","data-testid":"mini-cart-subtotal",children:[o.subtotal,e(f,{node:i})]}),r&&p("div",{className:"cart-mini-cart__footer__estimated-total-excluding-taxes","data-testid":"mini-cart-subtotal-excluding-taxes",children:[o.subtotalExcludingTaxes,e(f,{node:r,className:h(["dropin-price-summary__price","dropin-price-summary__price--muted"])})]}),a&&e(f,{node:a,className:"cart-mini-cart__footer__ctas"})]})]})})},H=({children:y,routeProduct:n,routeEmptyCartCTA:i,slots:r,initialData:a=null,...l})=>{const[o,v]=L(a),[t,I]=L(new Map),c={hasErrors:t.size>0},m=(s,d)=>T([{uid:s,quantity:d}]);g(()=>{const s=E.on("cart/data",d=>{v(d)},{eager:!0});return()=>{s==null||s.off()}},[]),g(()=>{a&&Object.keys(a).length>0&&P(a,x.locale??"en-US")},[a]);const b=r!=null&&r.OrderSummary?e(k,{name:"OrderSummary",slot:r.OrderSummary,context:{...c}}):void 0,_=s=>m(s,0),C=e(k,{name:"ProductList",slot:r==null?void 0:r.ProductList,context:{itemQuantityUpdateHandler:m,itemRemoveHandler:_},children:e(D,{"data-testid":"default-cart-summary-list",routeProduct:n,routeEmptyCartCTA:i,onItemQuantityUpdate:m,onItemRemove:_,initialData:o,onItemsErrorsChange:I})});return e(w,{...l,empty:((o==null?void 0:o.items)&&o.items.length===0)??!0,orderSummary:b,products:C})};H.getInitialData=async function(){return Q()};const X=({children:y,initialData:n=null,slots:i,routeProduct:r,routeCart:a,routeCheckout:l,routeEmptyCartCTA:o,...v})=>{var d,S;const[t,I]=L(n),c=(d=x.config)==null?void 0:d.shoppingCartDisplaySetting;g(()=>{const u=E.on("cart/data",N=>{I(N)},{eager:!0});return()=>{u==null||u.off()}},[]);const m=M({cartLink:"Cart.MiniCart.cartLink",checkoutLink:"Cart.MiniCart.checkoutLink"}),b=(u,N)=>T([{uid:u,quantity:N}]),_=u=>b(u,0);g(()=>{n&&Object.keys(n).length>0&&P(n,x.locale||"en-US")},[n]);const C=e(k,{name:"ProductList",slot:i==null?void 0:i.ProductList,context:{itemQuantityUpdateHandler:b,itemRemoveHandler:_,totalQuantity:t==null?void 0:t.totalQuantity},children:e(D,{"data-testid":"default-cart-summary-list",routeProduct:r,routeEmptyCartCTA:o,onItemRemove:_,initialData:t,maxItems:(S=x.config)==null?void 0:S.miniCartMaxItemsDisplay,hideHeading:!(t!=null&&t.totalQuantity)})}),s=()=>(c==null?void 0:c.subtotal)==="INCLUDING_TAX"||(c==null?void 0:c.subtotal)==="INCLUDING_EXCLUDING_TAX"?{amount:t==null?void 0:t.subtotal.includingTax.value,currency:t==null?void 0:t.subtotal.includingTax.currency,"data-testid":"subtotal-including-tax",style:{font:"inherit"}}:{amount:t==null?void 0:t.subtotal.excludingTax.value,currency:t==null?void 0:t.subtotal.excludingTax.currency,"data-testid":"subtotal-excluding-tax",style:{font:"inherit"}};return e(G,{...v,subtotal:t!=null&&t.totalQuantity?(t==null?void 0:t.subtotal)&&e(U,{...s()}):void 0,subtotalExcludingTaxes:t!=null&&t.totalQuantity?(t==null?void 0:t.subtotal)&&((c==null?void 0:c.subtotal)==="INCLUDING_EXCLUDING_TAX"?e(U,{amount:t==null?void 0:t.subtotal.excludingTax.value,currency:t==null?void 0:t.subtotal.excludingTax.currency,"data-testid":"subtotal-including-excluding-tax",style:{font:"inherit"}}):void 0):void 0,ctas:t!=null&&t.totalQuantity?p("div",{children:[l&&e(O,{"data-testid":"route-checkout-button",variant:"primary",href:t!=null&&t.hasOutOfStockItems?void 0:l(),disabled:t==null?void 0:t.hasOutOfStockItems,"aria-disabled":t==null?void 0:t.hasOutOfStockItems,children:m.checkoutLink}),a&&e(O,{"data-testid":"route-cart-button",variant:"tertiary",href:a(),children:m.cartLink})]}):void 0,products:C})};X.getInitialData=async function(){return Q()};export{H as C,X as M};
|
package/chunks/OrderSummary.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as d,jsx as t,Fragment as rr}from"@dropins/tools/preact-jsx-runtime.js";import*as Z from"@dropins/tools/preact-compat.js";import{useState as q,useEffect as K}from"@dropins/tools/preact-compat.js";import{classes as o,VComponent as h,Slot as er}from"@dropins/tools/lib.js";import{events as Y}from"@dropins/tools/event-bus.js";import{s as tr,g as ar}from"./state.js";import{g as ir}from"./getEstimatedTotals.js";import{Accordion as cr,AccordionSection as nr,ProgressSpinner as ur,Divider as mr,Price as l,Button as sr}from"@dropins/tools/components.js";/* empty css */import{useText as M}from"@dropins/tools/i18n.js";const or=()=>{const[_,O]=q(!1),[T,x]=q();return{handleEstimateTotals:(r,p)=>{O(!0);const{shippingCountry:g,shippingState:e="",shippingStateId:C,shippingZip:y=""}=r,a={countryCode:g,postcode:y,region:{region:e,id:C},shipping_method:{carrier_code:(p==null?void 0:p.carrier_code)||"",method_code:(p==null?void 0:p.method_code)||""}};ir(a).then(c=>{var B,v,m,P,N,w,I,k,E,L,s,W,G,z,F,U,n,i,D,f;c&&x({estimatedTaxTotal:{amount:(B=c.totalTax)==null?void 0:B.value,currency:(v=c.totalTax)==null?void 0:v.currency},estimatedSubTotal:{excludingTax:{amount:(P=(m=c.subtotal)==null?void 0:m.excludingTax)==null?void 0:P.value,currency:(w=(N=c.subtotal)==null?void 0:N.excludingTax)==null?void 0:w.currency},includingTax:{amount:(k=(I=c.subtotal)==null?void 0:I.includingTax)==null?void 0:k.value,currency:(L=(E=c.subtotal)==null?void 0:E.includingTax)==null?void 0:L.currency},includingDiscountOnly:{amount:(W=(s=c.subtotal)==null?void 0:s.includingDiscountOnly)==null?void 0:W.value,currency:(z=(G=c.subtotal)==null?void 0:G.includingDiscountOnly)==null?void 0:z.currency}},estimatedGrandTotalPrice:{includingTax:{amount:(F=c.total)==null?void 0:F.includingTax.value,currency:(U=c.total)==null?void 0:U.includingTax.currency},excludingTax:{amount:(n=c.total)==null?void 0:n.excludingTax.value,currency:(i=c.total)==null?void 0:i.excludingTax.currency}},estimatedAppliedTaxes:{taxes:(D=c.appliedTaxes)==null?void 0:D.map(u=>{var b,S;return{label:u.label,amount:{value:(b=u.amount)==null?void 0:b.value,currency:(S=u.amount)==null?void 0:S.currency}}})},estimatedItems:{items:(f=c.items)==null?void 0:f.map(u=>{var b,S,V,X,j,$,Q,R,H,J;return{uid:u.uid,price:{amount:(b=u.price)==null?void 0:b.value,currency:(S=u.price)==null?void 0:S.currency},taxedPrice:{amount:(V=u.taxedPrice)==null?void 0:V.value,currency:(X=u.taxedPrice)==null?void 0:X.currency},rowTotal:{amount:(j=u.rowTotal)==null?void 0:j.value,currency:($=u.rowTotal)==null?void 0:$.currency},rowTotalIncludingTax:{amount:(Q=u.rowTotalIncludingTax)==null?void 0:Q.value,currency:(R=u.rowTotalIncludingTax)==null?void 0:R.currency},regularPrice:{amount:(H=u.regularPrice)==null?void 0:H.value,currency:(J=u.regularPrice)==null?void 0:J.currency}}})}})}).finally(()=>{O(!1)})},estimatedTotals:T,setEstimatedTotals:x,loading:_}},lr=_=>Z.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",..._},Z.createElement("path",{d:"M7.74512 9.87701L12.0001 14.132L16.2551 9.87701",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"square",strokeLinejoin:"round"})),dr=_=>Z.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",..._},Z.createElement("path",{d:"M7.74512 14.132L12.0001 9.87701L16.2551 14.132",stroke:"#2B2B2B",strokeWidth:1.5,strokeLinecap:"square",strokeLinejoin:"round"})),pr=({className:_,children:O,variant:T="primary",heading:x,loading:A=!0,subTotal:r,shipping:p,discounts:g,taxTotal:e,taxesApplied:C,total:y,primaryAction:a,...c})=>{const[B,v]=q(!1),m=M({checkout:"Cart.PriceSummary.checkout",discountedPrice:"Cart.CartItem.discountedPrice",download:"Cart.CartItem.download",heading:"Cart.Cart.heading",message:"Cart.CartItem.message",regularPrice:"Cart.CartItem.regularPrice",recipient:"Cart.CartItem.recipient",sender:"Cart.CartItem.sender",file:"Cart.CartItem.file",files:"Cart.CartItem.files",orderSummary:"Cart.PriceSummary.orderSummary",taxesBreakdownTitle:"Cart.PriceSummary.taxes.breakdown",taxTotal:"Cart.PriceSummary.taxes.total",taxEstimated:"Cart.PriceSummary.taxes.estimated",taxTotalOnly:"Cart.PriceSummary.taxes.totalOnly",showTaxBreakdown:"Cart.PriceSummary.taxes.showBreakdown",hideTaxBreakdown:"Cart.PriceSummary.taxes.hideBreakdown",taxToBeDetermined:"Cart.PriceSummary.taxToBeDetermined",subtotalLabel:"Cart.PriceSummary.subTotal.label",subtotalWithTaxes:"Cart.PriceSummary.subTotal.withTaxes",subtotalWithoutTaxes:"Cart.PriceSummary.subTotal.withoutTaxes",totalEstimated:"Cart.PriceSummary.total.estimated",totalLabel:"Cart.PriceSummary.total.label",totalWithoutTax:"Cart.PriceSummary.total.withoutTax",shippingLabel:"Cart.PriceSummary.shipping.label",zipPlaceholder:"Cart.PriceSummary.shipping.zipPlaceholder",editZipAction:"Cart.PriceSummary.shipping.editZipAction",shippingWithTaxes:"Cart.PriceSummary.shipping.withTaxes",shippingWithoutTaxes:"Cart.PriceSummary.shipping.withoutTaxes",shippingEstimated:"Cart.PriceSummary.shipping.estimated",shippingEstimatedByState:"Cart.PriceSummary.shipping.alternateField.state",shippingEstimatedByZip:"Cart.PriceSummary.shipping.alternateField.zip",destinationLinkAriaLabel:"Cart.PriceSummary.shipping.destinationLinkAriaLabel",applyButton:"Cart.PriceSummary.estimatedShippingForm.apply.label",countryField:"Cart.PriceSummary.estimatedShippingForm.country.placeholder",freeShipping:"Cart.PriceSummary.freeShipping",stateField:"Cart.PriceSummary.estimatedShippingForm.state.placeholder",zipField:"Cart.PriceSummary.estimatedShippingForm.zip.placeholder"}),P=r&&d("div",{className:o(["cart-order-summary__entry","cart-order-summary__subTotal"]),children:[t("span",{className:"cart-order-summary__label",children:m.subtotalLabel}),t(h,{node:r.price,className:"cart-order-summary__price"}),r.taxIncluded&&t("div",{"data-testid":"sub-total-tax-caption",className:"cart-order-summary__caption",children:t("span",{children:m.subtotalWithTaxes})}),r.taxExcluded?t("div",{"data-testid":"sub-total-tax-caption-excluded",className:"cart-order-summary__caption",children:d("span",{children:[r.priceExcludingTax," ",m.subtotalWithoutTaxes]})}):void 0]}),N=p&&t(h,{node:p,className:"cart-order-summary__shipping"}),w=g&&g.length>0&&t(rr,{children:g.map(s=>d("div",{className:o(["cart-order-summary__entry","cart-order-summary__discount"]),children:[t("span",{className:"cart-order-summary__label",children:s.label}),t(h,{node:s.price,className:"cart-order-summary__price"}),s.caption&&t(h,{node:s.caption,className:"cart-order-summary__caption"})]},s.label))}),I=C&&C.length>0?t(cr,{"data-testid":"tax-breakdown",className:"cart-order-summary__taxes",iconOpen:lr,iconClose:dr,children:d(nr,{title:m.taxesBreakdownTitle,secondaryText:!B&&e?t(h,{node:e.price,className:"cart-order-summary__price"}):void 0,renderContentWhenClosed:!1,onStateChange:v,children:[t("div",{className:"cart-order-summary__appliedTaxes",children:C.map(s=>d("div",{className:o(["cart-order-summary__entry","cart-order-summary__taxEntry"]),children:[t("span",{className:o(["cart-order-summary__label","cart-order-summary__label--muted"]),children:s.label}),t(h,{node:s.price,className:o(["cart-order-summary__price","cart-order-summary__price--muted"])})]},s.label))}),d("div",{className:o(["cart-order-summary__entry","cart-order-summary__taxTotal"]),children:[t("span",{className:"cart-order-summary__label",children:m.taxTotal}),e&&t(h,{node:e.price,className:"cart-order-summary__price"})]})]})}):e&&d("div",{"data-testid":"tax-total-only",className:o(["cart-order-summary__entry","cart-order-summary__taxTotal"]),children:[t("span",{className:"cart-order-summary__label",children:e.estimated?m.taxEstimated:m.taxTotalOnly}),t(h,{node:e.price,className:"cart-order-summary__price"})]}),k=y&&d("div",{"data-testid":"total-content",className:o(["cart-order-summary__entry","cart-order-summary__total",y.estimated&&"cart-order-summary__total--padded"]),children:[t("span",{className:o(["cart-order-summary__label","cart-order-summary__label--bold"]),children:y.estimated?m.totalEstimated:m.totalLabel}),t(h,{node:y.price,className:o(["cart-order-summary__price","cart-order-summary__price--bold"])})]}),E=y&&y.priceWithoutTax&&d("div",{"data-testid":"total-without-tax",className:o(["cart-order-summary__entry","cart-order-summary__totalWithoutTax"]),children:[t("span",{className:o(["cart-order-summary__label","cart-order-summary__label--muted"]),children:m.totalWithoutTax}),t(h,{node:y.priceWithoutTax,className:o(["cart-order-summary__price","cart-order-summary__price--muted"])})]}),L=a&&t("div",{className:o(["cart-order-summary__entry","cart-order-summary__primaryAction"]),children:a});return d("div",{...c,className:o(["cart-order-summary",["cart-order-summary--loading",A],[`cart-order-summary__${T}`,T],_]),children:[A&&t(ur,{className:"cart-order-summary__spinner"}),d("div",{className:"cart-order-summary__heading",children:[x&&t(h,{node:x,className:"cart-order-summary__heading-text"}),t(mr,{variant:"primary",className:"cart-order-summary__divider-primary"})]}),d("div",{className:"cart-order-summary__content",children:[P,N,w,I,k,E,L]})]})},yr=({children:_,initialData:O=null,routeCheckout:T,slots:x,...A})=>{var v,m,P,N,w,I,k,E,L,s,W,G,z,F,U;const[r,p]=q(O),{handleEstimateTotals:g,estimatedTotals:e,setEstimatedTotals:C,loading:y}=or(),a=(v=tr.config)==null?void 0:v.shoppingCartDisplaySetting;K(()=>{const n=Y.on("cart/data",i=>{var u;p(i);const D=(u=i==null?void 0:i.addresses)==null?void 0:u.shipping,f=i==null?void 0:i.isVirtual;(D||f)&&C(null)},{eager:!0});return()=>{n==null||n.off()}},[]),K(()=>{const n=Y.on("shipping/estimate",i=>{var u,b,S,V,X,j;const D={shippingCountry:(u=i==null?void 0:i.address)==null?void 0:u.countryCode,shippingState:(b=i==null?void 0:i.address)==null?void 0:b.region,shippingStateId:(S=i==null?void 0:i.address)==null?void 0:S.regionId,shippingZip:(V=i==null?void 0:i.address)==null?void 0:V.postCode},f={carrier_code:((X=i==null?void 0:i.shippingMethod)==null?void 0:X.carrierCode)||"",method_code:((j=i==null?void 0:i.shippingMethod)==null?void 0:j.methodCode)||""};g(D,f)});return()=>{n==null||n.off()}},[g]);const c=M({checkout:"Cart.PriceSummary.checkout",orderSummary:"Cart.PriceSummary.orderSummary",taxToBeDetermined:"Cart.PriceSummary.taxToBeDetermined"}),B=!(r!=null&&r.isVirtual)&&(x!=null&&x.EstimateShipping)?t(er,{name:"EstimateShipping",slot:x.EstimateShipping},"estimateShippingId"):void 0;return!Object.keys(r??{}).length||(r==null?void 0:r.totalQuantity)===0?null:t(pr,{...A,"data-testid":"cart-order-summary",heading:t("div",{children:c.orderSummary}),shipping:B,loading:y,subTotal:{taxIncluded:(a==null?void 0:a.subtotal)==="INCLUDING_TAX"&&!(a!=null&&a.zeroTax),taxExcluded:(a==null?void 0:a.subtotal)==="INCLUDING_EXCLUDING_TAX",zeroTaxSubtotal:a==null?void 0:a.zeroTax,priceExcludingTax:(m=e==null?void 0:e.estimatedSubTotal)!=null&&m.excludingTax?t(l,{"data-testid":"subtotal",...(P=e==null?void 0:e.estimatedSubTotal)==null?void 0:P.excludingTax}):t(l,{"data-testid":"subtotal",amount:(N=r==null?void 0:r.subtotal.excludingTax)==null?void 0:N.value,currency:(w=r==null?void 0:r.subtotal.excludingTax)==null?void 0:w.currency}),price:!(a!=null&&a.zeroTax)&&(a==null?void 0:a.subtotal)==="INCLUDING_TAX"||!(a!=null&&a.zeroTax)&&(a==null?void 0:a.subtotal)==="INCLUDING_EXCLUDING_TAX"?(I=e==null?void 0:e.estimatedSubTotal)!=null&&I.includingTax?t(l,{"data-testid":"subtotal",...(k=e==null?void 0:e.estimatedSubTotal)==null?void 0:k.includingTax}):t(l,{"data-testid":"subtotal",amount:(E=r==null?void 0:r.subtotal.includingTax)==null?void 0:E.value,currency:(L=r==null?void 0:r.subtotal.includingTax)==null?void 0:L.currency}):t(l,{"data-testid":"subtotal",amount:(s=r==null?void 0:r.subtotal.excludingTax)==null?void 0:s.value,currency:(W=r==null?void 0:r.subtotal.excludingTax)==null?void 0:W.currency})},discounts:r==null?void 0:r.appliedDiscounts.map(n=>({label:n.label,price:t(l,{"data-testid":"summary-discount-total",amount:-n.amount.value,currency:n.amount.currency,sale:!0})})),taxTotal:r!=null&&r.isVirtual?{price:t("span",{"data-testid":"tax-total",children:c.taxToBeDetermined})}:{price:e!=null&&e.estimatedTaxTotal?t(l,{"data-testid":"tax-total",...e==null?void 0:e.estimatedTaxTotal}):r!=null&&r.totalTax?t(l,{"data-testid":"tax-total",amount:(G=r==null?void 0:r.totalTax)==null?void 0:G.value,currency:(z=r==null?void 0:r.totalTax)==null?void 0:z.currency}):t("span",{"data-testid":"tax-total",children:c.taxToBeDetermined}),estimated:!!(e!=null&&e.estimatedTaxTotal)},taxesApplied:r!=null&&r.isVirtual?void 0:a!=null&&a.fullSummary&&(e!=null&&e.estimatedAppliedTaxes)?(U=(F=e==null?void 0:e.estimatedAppliedTaxes)==null?void 0:F.taxes)==null?void 0:U.map(n=>({label:n.label,price:t(l,{"data-testid":"applied-taxes",amount:n.amount.value,currency:n.amount.currency})})):a!=null&&a.fullSummary?r==null?void 0:r.appliedTaxes.map(n=>({label:n.label,price:t(l,{"data-testid":"applied-taxes",amount:n.amount.value,currency:n.amount.currency})})):void 0,total:{price:e!=null&&e.estimatedGrandTotalPrice?t(l,{...e==null?void 0:e.estimatedGrandTotalPrice.includingTax}):t(l,{amount:r==null?void 0:r.total.includingTax.value,currency:r==null?void 0:r.total.includingTax.currency}),estimated:!!(e!=null&&e.estimatedGrandTotalPrice),priceWithoutTax:a!=null&&a.grandTotal?e!=null&&e.estimatedAppliedTaxes?t(l,{...e==null?void 0:e.estimatedGrandTotalPrice.excludingTax}):t(l,{amount:r==null?void 0:r.total.excludingTax.value,currency:r==null?void 0:r.total.excludingTax.currency}):void 0},primaryAction:T&&t(sr,{"data-testid":"checkout-button",variant:"primary",disabled:r==null?void 0:r.hasOutOfStockItems,"aria-disabled":r==null?void 0:r.hasOutOfStockItems,href:r!=null&&r.hasOutOfStockItems?void 0:T({cartId:r.id}),children:c.checkout})})};yr.getInitialData=async function(){return ar()};export{yr as O};
|
|
1
|
+
import{jsxs as d,jsx as t,Fragment as ir}from"@dropins/tools/preact-jsx-runtime.js";import*as J from"@dropins/tools/preact-compat.js";import{useState as R,useEffect as K}from"@dropins/tools/preact-compat.js";import{classes as o,VComponent as p,Slot as nr}from"@dropins/tools/lib.js";import{events as tr}from"@dropins/tools/event-bus.js";import{s as cr,g as sr}from"./state.js";import{g as or}from"./getEstimatedTotals.js";import{Accordion as mr,AccordionSection as ur,ProgressSpinner as lr,Divider as dr,Price as l,Button as pr}from"@dropins/tools/components.js";/* empty css */import{useText as ar}from"@dropins/tools/i18n.js";const yr=()=>{const[g,A]=R(!1),[C,y]=R();return{handleEstimateTotals:(h,r)=>{A(!0);const{shippingCountry:v,shippingState:m="",shippingStateId:P,shippingZip:u=""}=h,w={countryCode:v,postcode:u,region:{region:m,id:P},shipping_method:{carrier_code:(r==null?void 0:r.carrier_code)||"",method_code:(r==null?void 0:r.method_code)||""}};or(w).then(e=>{var B,L,a,N,f,x,_,D,E,I,s,F,z,G,V,Z,j,U,Q,X;e&&y({estimatedTaxTotal:{amount:(B=e.totalTax)==null?void 0:B.value,currency:(L=e.totalTax)==null?void 0:L.currency},estimatedSubTotal:{excludingTax:{amount:(N=(a=e.subtotal)==null?void 0:a.excludingTax)==null?void 0:N.value,currency:(x=(f=e.subtotal)==null?void 0:f.excludingTax)==null?void 0:x.currency},includingTax:{amount:(D=(_=e.subtotal)==null?void 0:_.includingTax)==null?void 0:D.value,currency:(I=(E=e.subtotal)==null?void 0:E.includingTax)==null?void 0:I.currency},includingDiscountOnly:{amount:(F=(s=e.subtotal)==null?void 0:s.includingDiscountOnly)==null?void 0:F.value,currency:(G=(z=e.subtotal)==null?void 0:z.includingDiscountOnly)==null?void 0:G.currency}},estimatedGrandTotalPrice:{includingTax:{amount:(V=e.total)==null?void 0:V.includingTax.value,currency:(Z=e.total)==null?void 0:Z.includingTax.currency},excludingTax:{amount:(j=e.total)==null?void 0:j.excludingTax.value,currency:(U=e.total)==null?void 0:U.excludingTax.currency}},estimatedAppliedTaxes:{taxes:(Q=e.appliedTaxes)==null?void 0:Q.map(n=>{var T,b;return{label:n.label,amount:{value:(T=n.amount)==null?void 0:T.value,currency:(b=n.amount)==null?void 0:b.currency}}})},estimatedItems:{items:(X=e.items)==null?void 0:X.map(n=>{var T,b,q,$,c,i,O,W,S,H;return{uid:n.uid,price:{amount:(T=n.price)==null?void 0:T.value,currency:(b=n.price)==null?void 0:b.currency},taxedPrice:{amount:(q=n.taxedPrice)==null?void 0:q.value,currency:($=n.taxedPrice)==null?void 0:$.currency},rowTotal:{amount:(c=n.rowTotal)==null?void 0:c.value,currency:(i=n.rowTotal)==null?void 0:i.currency},rowTotalIncludingTax:{amount:(O=n.rowTotalIncludingTax)==null?void 0:O.value,currency:(W=n.rowTotalIncludingTax)==null?void 0:W.currency},regularPrice:{amount:(S=n.regularPrice)==null?void 0:S.value,currency:(H=n.regularPrice)==null?void 0:H.currency}}})}})}).finally(()=>{A(!1)})},estimatedTotals:C,setEstimatedTotals:y,loading:g}},hr=g=>J.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...g},J.createElement("path",{d:"M7.74512 9.87701L12.0001 14.132L16.2551 9.87701",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"square",strokeLinejoin:"round"})),xr=g=>J.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...g},J.createElement("path",{d:"M7.74512 14.132L12.0001 9.87701L16.2551 14.132",stroke:"#2B2B2B",strokeWidth:1.5,strokeLinecap:"square",strokeLinejoin:"round"})),gr=({className:g,children:A,variant:C="primary",heading:y,loading:k=!0,subTotal:h,shipping:r,discounts:v,taxTotal:m,taxesApplied:P,total:u,primaryAction:w,...e})=>{const[B,L]=R(!1),a=ar({checkout:"Cart.PriceSummary.checkout",discountedPrice:"Cart.CartItem.discountedPrice",download:"Cart.CartItem.download",heading:"Cart.Cart.heading",message:"Cart.CartItem.message",regularPrice:"Cart.CartItem.regularPrice",recipient:"Cart.CartItem.recipient",sender:"Cart.CartItem.sender",file:"Cart.CartItem.file",files:"Cart.CartItem.files",orderSummary:"Cart.PriceSummary.orderSummary",taxesBreakdownTitle:"Cart.PriceSummary.taxes.breakdown",taxTotal:"Cart.PriceSummary.taxes.total",taxEstimated:"Cart.PriceSummary.taxes.estimated",taxTotalOnly:"Cart.PriceSummary.taxes.totalOnly",showTaxBreakdown:"Cart.PriceSummary.taxes.showBreakdown",hideTaxBreakdown:"Cart.PriceSummary.taxes.hideBreakdown",taxToBeDetermined:"Cart.PriceSummary.taxToBeDetermined",subtotalLabel:"Cart.PriceSummary.subTotal.label",subtotalWithTaxes:"Cart.PriceSummary.subTotal.withTaxes",subtotalWithoutTaxes:"Cart.PriceSummary.subTotal.withoutTaxes",totalEstimated:"Cart.PriceSummary.total.estimated",totalLabel:"Cart.PriceSummary.total.label",totalWithoutTax:"Cart.PriceSummary.total.withoutTax",shippingLabel:"Cart.PriceSummary.shipping.label",zipPlaceholder:"Cart.PriceSummary.shipping.zipPlaceholder",editZipAction:"Cart.PriceSummary.shipping.editZipAction",shippingWithTaxes:"Cart.PriceSummary.shipping.withTaxes",shippingWithoutTaxes:"Cart.PriceSummary.shipping.withoutTaxes",shippingEstimated:"Cart.PriceSummary.shipping.estimated",shippingEstimatedByState:"Cart.PriceSummary.shipping.alternateField.state",shippingEstimatedByZip:"Cart.PriceSummary.shipping.alternateField.zip",destinationLinkAriaLabel:"Cart.PriceSummary.shipping.destinationLinkAriaLabel",applyButton:"Cart.PriceSummary.estimatedShippingForm.apply.label",countryField:"Cart.PriceSummary.estimatedShippingForm.country.placeholder",freeShipping:"Cart.PriceSummary.freeShipping",stateField:"Cart.PriceSummary.estimatedShippingForm.state.placeholder",zipField:"Cart.PriceSummary.estimatedShippingForm.zip.placeholder"}),N=h&&d("div",{className:o(["cart-order-summary__entry","cart-order-summary__subTotal"]),children:[t("span",{className:"cart-order-summary__label",children:a.subtotalLabel}),t(p,{node:h.price,className:"cart-order-summary__price"}),h.taxIncluded&&t("div",{"data-testid":"sub-total-tax-caption",className:"cart-order-summary__caption",children:t("span",{children:a.subtotalWithTaxes})}),h.taxExcluded?t("div",{"data-testid":"sub-total-tax-caption-excluded",className:"cart-order-summary__caption",children:d("span",{children:[h.priceExcludingTax," ",a.subtotalWithoutTaxes]})}):void 0]}),f=r&&t(p,{node:r,className:"cart-order-summary__shipping"}),x=v&&v.length>0&&t(ir,{children:v.map(s=>d("div",{className:o(["cart-order-summary__entry","cart-order-summary__discount"]),children:[t("span",{className:"cart-order-summary__label",children:s.label}),t(p,{node:s.price,className:"cart-order-summary__price"}),s.caption&&t(p,{node:s.caption,className:"cart-order-summary__caption"})]},s.label))}),_=P&&P.length>0?t(mr,{"data-testid":"tax-breakdown",className:"cart-order-summary__taxes",iconOpen:hr,iconClose:xr,children:d(ur,{title:a.taxesBreakdownTitle,secondaryText:!B&&m?t(p,{node:m.price,className:"cart-order-summary__price"}):void 0,renderContentWhenClosed:!1,onStateChange:L,children:[t("div",{className:"cart-order-summary__appliedTaxes",children:P.map(s=>d("div",{className:o(["cart-order-summary__entry","cart-order-summary__taxEntry"]),children:[t("span",{className:o(["cart-order-summary__label","cart-order-summary__label--muted"]),children:s.label}),t(p,{node:s.price,className:o(["cart-order-summary__price","cart-order-summary__price--muted"])})]},s.label))}),d("div",{className:o(["cart-order-summary__entry","cart-order-summary__taxTotal"]),children:[t("span",{className:"cart-order-summary__label",children:a.taxTotal}),m&&t(p,{node:m.price,className:"cart-order-summary__price"})]})]})}):m&&d("div",{"data-testid":"tax-total-only",className:o(["cart-order-summary__entry","cart-order-summary__taxTotal"]),children:[t("span",{className:"cart-order-summary__label",children:m.estimated?a.taxEstimated:a.taxTotalOnly}),t(p,{node:m.price,className:"cart-order-summary__price"})]}),D=u&&d("div",{"data-testid":"total-content",className:o(["cart-order-summary__entry","cart-order-summary__total",u.estimated&&"cart-order-summary__total--padded"]),children:[t("span",{className:o(["cart-order-summary__label","cart-order-summary__label--bold"]),children:u.estimated?a.totalEstimated:a.totalLabel}),t(p,{node:u.price,className:o(["cart-order-summary__price","cart-order-summary__price--bold"])})]}),E=u&&u.priceWithoutTax&&d("div",{"data-testid":"total-without-tax",className:o(["cart-order-summary__entry","cart-order-summary__totalWithoutTax"]),children:[t("span",{className:o(["cart-order-summary__label","cart-order-summary__label--muted"]),children:a.totalWithoutTax}),t(p,{node:u.priceWithoutTax,className:o(["cart-order-summary__price","cart-order-summary__price--muted"])})]}),I=w&&t("div",{className:o(["cart-order-summary__entry","cart-order-summary__primaryAction"]),children:w});return d("div",{...e,className:o(["cart-order-summary",["cart-order-summary--loading",k],[`cart-order-summary__${C}`,C],g]),children:[k&&t(lr,{className:"cart-order-summary__spinner"}),d("div",{className:"cart-order-summary__heading",children:[y&&t(p,{node:y,className:"cart-order-summary__heading-text"}),t(dr,{variant:"primary",className:"cart-order-summary__divider-primary"})]}),d("div",{className:"cart-order-summary__content",children:[N,f,x,_,D,E,I]})]})},_r=({children:g,initialData:A=null,routeCheckout:C,slots:y,errors:k,...h})=>{var E,I,s,F,z,G,V,Z,j,U,Q,X,n,T,b,q,$;const[r,v]=R(A),[m,P]=R(!1),u=r==null?void 0:r.isVirtual,{handleEstimateTotals:w,estimatedTotals:e,setEstimatedTotals:B,loading:L}=yr(),a=(E=cr.config)==null?void 0:E.shoppingCartDisplaySetting,N=(a==null?void 0:a.subtotal)==="INCLUDING_TAX",f=(a==null?void 0:a.subtotal)==="INCLUDING_EXCLUDING_TAX",x=a==null?void 0:a.zeroTax;K(()=>{const c=tr.on("cart/data",i=>{var S;v(i);const O=(S=i==null?void 0:i.addresses)==null?void 0:S.shipping,W=i==null?void 0:i.isVirtual;(O||W)&&B(null)},{eager:!0});return()=>{c==null||c.off()}},[]),K(()=>{P(k)},[k]),K(()=>{const c=tr.on("shipping/estimate",i=>{var S,H,Y,M,rr,er;const O={shippingCountry:(S=i==null?void 0:i.address)==null?void 0:S.countryCode,shippingState:(H=i==null?void 0:i.address)==null?void 0:H.region,shippingStateId:(Y=i==null?void 0:i.address)==null?void 0:Y.regionId,shippingZip:(M=i==null?void 0:i.address)==null?void 0:M.postCode},W={carrier_code:((rr=i==null?void 0:i.shippingMethod)==null?void 0:rr.carrierCode)||"",method_code:((er=i==null?void 0:i.shippingMethod)==null?void 0:er.methodCode)||""};w(O,W)});return()=>{c==null||c.off()}},[w]);const _=ar({checkout:"Cart.PriceSummary.checkout",orderSummary:"Cart.PriceSummary.orderSummary",taxToBeDetermined:"Cart.PriceSummary.taxToBeDetermined"}),D=!u&&(y!=null&&y.EstimateShipping)?t(nr,{name:"EstimateShipping",slot:y.EstimateShipping},"estimateShippingId"):void 0;return!Object.keys(r??{}).length||(r==null?void 0:r.totalQuantity)===0?null:t(gr,{...h,"data-testid":"cart-order-summary",heading:t("div",{children:_.orderSummary}),shipping:D,loading:L,subTotal:{taxIncluded:N&&!x,taxExcluded:f,zeroTaxSubtotal:x,priceExcludingTax:(I=e==null?void 0:e.estimatedSubTotal)!=null&&I.excludingTax?t(l,{"data-testid":"subtotal",...(s=e==null?void 0:e.estimatedSubTotal)==null?void 0:s.excludingTax}):t(l,{"data-testid":"subtotal",amount:(F=r==null?void 0:r.subtotal.excludingTax)==null?void 0:F.value,currency:(z=r==null?void 0:r.subtotal.excludingTax)==null?void 0:z.currency}),price:!x&&N||!x&&f?(G=e==null?void 0:e.estimatedSubTotal)!=null&&G.includingTax?t(l,{"data-testid":"subtotal",...(V=e==null?void 0:e.estimatedSubTotal)==null?void 0:V.includingTax}):t(l,{"data-testid":"subtotal",amount:(Z=r==null?void 0:r.subtotal.includingTax)==null?void 0:Z.value,currency:(j=r==null?void 0:r.subtotal.includingTax)==null?void 0:j.currency}):t(l,{"data-testid":"subtotal",amount:(U=r==null?void 0:r.subtotal.excludingTax)==null?void 0:U.value,currency:(Q=r==null?void 0:r.subtotal.excludingTax)==null?void 0:Q.currency})},discounts:r==null?void 0:r.appliedDiscounts.map(c=>({label:c.label,price:t(l,{"data-testid":"summary-discount-total",amount:-c.amount.value,currency:c.amount.currency,sale:!0})})),taxTotal:u?{price:t("span",{"data-testid":"tax-total",children:_.taxToBeDetermined})}:{price:e!=null&&e.estimatedTaxTotal?t(l,{"data-testid":"tax-total",...e==null?void 0:e.estimatedTaxTotal}):t(l,{"data-testid":"tax-total",amount:(X=r==null?void 0:r.totalTax)==null?void 0:X.value,currency:(n=r==null?void 0:r.totalTax)==null?void 0:n.currency}),estimated:(!e||!!(e!=null&&e.estimatedTaxTotal))&&!((T=r==null?void 0:r.addresses)!=null&&T.shipping)},taxesApplied:u?void 0:a!=null&&a.fullSummary?(q=((b=e==null?void 0:e.estimatedAppliedTaxes)==null?void 0:b.taxes)||(r==null?void 0:r.appliedTaxes))==null?void 0:q.map(c=>({label:c.label,price:t(l,{"data-testid":"applied-taxes",amount:c.amount.value,currency:c.amount.currency})})):void 0,total:{price:e!=null&&e.estimatedGrandTotalPrice?t(l,{...e==null?void 0:e.estimatedGrandTotalPrice.includingTax}):t(l,{amount:r==null?void 0:r.total.includingTax.value,currency:r==null?void 0:r.total.includingTax.currency}),estimated:(!e||!!(e!=null&&e.estimatedTaxTotal))&&!(($=r==null?void 0:r.addresses)!=null&&$.shipping),priceWithoutTax:a!=null&&a.grandTotal?e!=null&&e.estimatedAppliedTaxes?t(l,{...e==null?void 0:e.estimatedGrandTotalPrice.excludingTax}):t(l,{amount:r==null?void 0:r.total.excludingTax.value,currency:r==null?void 0:r.total.excludingTax.currency}):void 0},primaryAction:C&&t(pr,{"data-testid":"checkout-button",variant:"primary",disabled:(r==null?void 0:r.hasOutOfStockItems)||m,"aria-disabled":(r==null?void 0:r.hasOutOfStockItems)||m,href:r!=null&&r.hasOutOfStockItems||m?void 0:C({cartId:r.id}),children:_.checkout})})};_r.getInitialData=async function(){return sr()};export{_r as O};
|
|
@@ -5,7 +5,6 @@ export interface CartProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
5
5
|
empty?: boolean;
|
|
6
6
|
products?: VNode;
|
|
7
7
|
orderSummary?: VNode<HTMLAttributes<HTMLElement>>;
|
|
8
|
-
outOfStockMessage?: VNode;
|
|
9
8
|
}
|
|
10
9
|
export declare const Cart: FunctionComponent<CartProps>;
|
|
11
10
|
//# sourceMappingURL=Cart.d.ts.map
|
|
@@ -2,13 +2,17 @@ import { HTMLAttributes } from 'preact/compat';
|
|
|
2
2
|
import { Container, SlotProps } from '@dropins/tools/types/elsie/src/lib';
|
|
3
3
|
import { CartModel } from '../../data/models';
|
|
4
4
|
|
|
5
|
+
type DefaultSlotContext = {
|
|
6
|
+
hasErrors: boolean;
|
|
7
|
+
};
|
|
5
8
|
export interface CartProps extends HTMLAttributes<HTMLDivElement> {
|
|
6
9
|
routeEmptyCartCTA?: () => string;
|
|
7
10
|
routeProduct?: (item: CartModel['items'][0]) => string;
|
|
8
11
|
slots?: {
|
|
9
|
-
OrderSummary?: SlotProps
|
|
12
|
+
OrderSummary?: SlotProps<DefaultSlotContext>;
|
|
10
13
|
ProductList?: SlotProps;
|
|
11
14
|
};
|
|
12
15
|
}
|
|
13
16
|
export declare const Cart: Container<CartProps, CartModel | null>;
|
|
17
|
+
export {};
|
|
14
18
|
//# sourceMappingURL=Cart.d.ts.map
|
|
@@ -14,6 +14,7 @@ export interface CartSummaryListProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
14
14
|
Heading?: SlotProps;
|
|
15
15
|
EmptyCart?: SlotProps;
|
|
16
16
|
};
|
|
17
|
+
onItemsErrorsChange?: (errors: Map<string, string>) => void;
|
|
17
18
|
}
|
|
18
19
|
export type SwitchableAttributes = 'name' | 'image' | 'configurations' | 'warning' | 'alert';
|
|
19
20
|
export declare const CartSummaryList: Container<CartSummaryListProps, CartModel | null>;
|
package/i18n/en_US.json.d.ts
CHANGED
|
@@ -77,7 +77,8 @@ declare const _default: {
|
|
|
77
77
|
"files": "{count} files",
|
|
78
78
|
"lowInventory": "Only {count} left!",
|
|
79
79
|
"insufficientQuantity": "Only {inventory} of {count} in stock",
|
|
80
|
-
"insufficientQuantityGeneral": "Not enough items for sale"
|
|
80
|
+
"insufficientQuantityGeneral": "Not enough items for sale",
|
|
81
|
+
"notAvailableMessage": "Requested qty. not available"
|
|
81
82
|
},
|
|
82
83
|
"EstimateShipping": {
|
|
83
84
|
"label": "Shipping",
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name": "@dropins/storefront-cart", "version": "0.4.0-
|
|
1
|
+
{"name": "@dropins/storefront-cart", "version": "0.4.0-alpha130", "@dropins/tools": "~0.27.0"}
|
package/render.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
(function(i,r){try{if(typeof document<"u"){const a=document.createElement("style"),n=r.styleId;for(const t in r.attributes)a.setAttribute(t,r.attributes[t]);a.setAttribute("data-dropin",n),a.appendChild(document.createTextNode(i));const e=document.querySelector('style[data-dropin="sdk"]');if(e)e.after(a);else{const t=document.querySelector('link[rel="stylesheet"], style');t?t.before(a):document.head.append(a)}}}catch(a){console.error("dropin-styles (injectCodeFunction)",a)}})(".cart-cart{container-type:inline-size;container-name:cart}.cart-cart__wrapper{display:grid;grid-template-rows:auto 1fr}.cart-cart__heading{display:grid;row-gap:var(--spacing-small);padding:var(--spacing-medium);padding-bottom:0;font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing);color:var(--color-neutral-800)}.cart-cart__heading-divider{width:100%;margin:0}.cart-cart__content{display:grid;grid-template-columns:1fr;padding:0 var(--spacing-medium)}.cart-cart__empty-cart{justify-self:center;align-self:center;width:100%;max-width:800px}.dropin-price-summary__shipping--zip,.dropin-price-summary__shipping--state{background-color:var(--color-neutral-50)}@container cart (width >= 1024px){.cart-cart__wrapper{grid-template-columns:repeat(var(--grid-3-columns),1fr);grid-column-gap:var(--grid-3-gutters);margin:0 var(--grid-3-margins)}.cart-cart__heading{padding:var(--spacing-small) 0 0 0}.cart-cart__content{padding:var(--spacing-medium) 0}.cart-cart__heading,.cart-cart__content{grid-column:1 / span 8}.cart-cart__order-summary{grid-row:1 / span 3;grid-column:9 / span 4;height:min-content}.cart-cart__heading--full-width,.cart-cart__content--empty,.cart-cart__content--full-width{grid-column:1 / span 12}}.cart-empty-cart{container-type:inline-size;container-name:cart}.cart-empty-cart__wrapper .dropin-card--secondary{display:grid;grid-auto-rows:min-content;justify-content:center;text-align:center}@container cart (width < 737px){.cart-empty-cart__wrapper .dropin-card{border:unset;border-style:hidden}}.cart-estimate-shipping{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xsmall);align-items:flex-end;color:var(--color-neutral-800)}.cart-estimate-shipping__label,.cart-estimate-shipping__price{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.cart-estimate-shipping__label--muted{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);color:var(--color-neutral-700)}.cart-estimate-shipping__price--muted{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.cart-estimate-shipping__price{text-align:right}a.cart-estimate-shippingLink{text-decoration:underline}.cart-estimate-shipping__label--bold,.cart-estimate-shipping__price--bold{font:var(--type-body-1-emphasized-font);letter-spacing:var(--type-body-1-emphasized-letter-spacing)}.cart-estimate-shipping__caption{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);grid-column:span 2;color:var(--color-neutral-700)}.cart-estimate-shipping--zip,.cart-estimate-shipping--state{background-color:var(--color-neutral-50)}.cart-estimate-shipping--edit{display:grid;grid-column:1 / span 2;gap:var(--spacing-small);padding-top:var(--spacing-small)}a.cart-estimate-shipping__link{text-decoration:underline}.cart-estimate-shipping--hide{display:none!important}.cart-estimate-shipping--edit button{width:var(--spacing-huge);justify-self:end}.cart-estimate-shipping--loading{opacity:.4;pointer-events:none}.cart-mini-cart{display:flex;flex-direction:column;height:100%;padding:var(--spacing-small) var(--spacing-small) var(--spacing-medium);box-sizing:border-box}.cart-mini-cart__empty-cart{width:100%;max-width:800px;height:100%;display:flex;flex-direction:column;justify-content:center;align-self:center}.cart-mini-cart__heading{display:grid;row-gap:var(--spacing-xsmall);font:var(--type-headline-2-default-font);letter-spacing:var(--type-headline-2-default-letter-spacing)}.cart-mini-cart__heading-divider{width:100%;margin:var(--spacing-xxsmall) 0 0 0}.cart-mini-cart__products{flex:1;overflow-y:auto;max-height:100%;padding-bottom:var(--spacing-medium)}.cart-mini-cart__products .dropin-cart-item__configurations li{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-mini-cart__footer{display:grid;grid-auto-flow:row;gap:var(--spacing-small);padding-top:var(--spacing-small);row-gap:var(--spacing-xsmall)}.cart-mini-cart__footer__estimated-total{font:var(--type-body-1-emphasized-font);letter-spacing:var(--type-body-1-emphasized-letter-spacing);display:grid;grid-template:max-content / 1fr auto;gap:var(--spacing-xsmall)}.cart-mini-cart__footer__estimated-total-excluding-taxes{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);display:grid;grid-template:max-content / 1fr auto;gap:var(--spacing-xsmall);color:var(--color-neutral-700)}.cart-mini-cart__footer__ctas{display:grid;grid-auto-flow:row;gap:var(--spacing-xsmall);padding-top:var(--spacing-small)}.cart-cart-summary-list{container-type:inline-size;container-name:cart-summary-list}.cart-cart-summary-list__heading{display:grid;row-gap:var(--spacing-xsmall);padding:0;font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing);color:var(--color-neutral-800)}.cart-cart-summary-list__heading--full-width{width:100%}.cart-cart-summary-list__heading-divider{width:100%;margin:var(--spacing-xxsmall) 0 var(--spacing-medium) 0}.cart-cart-summary-list__content{display:grid;grid-template-columns:1fr;padding:0}.cart-cart-summary-list__empty-cart{justify-self:center;align-self:center;width:100%;max-width:800px}@container cart-summary-list (width >= 1024px){.cart-cart-summary-list__content,.cart-cart-summary-list__heading{grid-column:1 / span 8}.cart-cart-summary-list__heading--full-width,.cart-cart-summary-list__content--empty{grid-column:1 / span 12}.cart-cart-summary-list__content{padding:0}
|
|
2
|
-
import{jsx as n}from"@dropins/tools/preact-jsx-runtime.js";import{deepmerge as c,Render as d}from"@dropins/tools/lib.js";import{useState as u,useEffect as p}from"@dropins/tools/preact-hooks.js";import{UIProvider as m}from"@dropins/tools/components.js";import{events as g}from"@dropins/tools/event-bus.js";import"./chunks/state.js";import{c as h}from"./chunks/getStoreConfig.js";import"./chunks/CartFragment.js";import"./chunks/resetCart.js";import"@dropins/tools/fetch-graphql.js";const f={Cart:{heading:"Shopping Cart ({count})"},MiniCart:{heading:"Shopping Cart ({count})",subtotal:"Subtotal",subtotalExcludingTaxes:"Subtotal excluding taxes",cartLink:"View Cart",checkoutLink:"Checkout"},EmptyCart:{heading:"Your cart is empty",cta:"Start shopping"},PriceSummary:{taxToBeDetermined:"TBD",checkout:"Checkout",orderSummary:"Order Summary",subTotal:{label:"Subtotal",withTaxes:"Including taxes",withoutTaxes:"excluding taxes"},shipping:{label:"Shipping",editZipAction:"Apply",estimated:"Estimated Shipping",estimatedDestination:"Estimated Shipping to ",destinationLinkAriaLabel:"Change destination",zipPlaceholder:"Zip Code",withTaxes:"Including taxes",withoutTaxes:"excluding taxes",alternateField:{zip:"Estimate using country/zip",state:"Estimate using country/state"}},taxes:{total:"Tax Total",totalOnly:"Tax",breakdown:"Taxes",showBreakdown:"Show Tax Breakdown",hideBreakdown:"Hide Tax Breakdown",estimated:"Estimated Tax"},total:{estimated:"Estimated Total",label:"Total",withoutTax:"Total excluding taxes"},estimatedShippingForm:{country:{placeholder:"Country"},state:{placeholder:"State"},zip:{placeholder:"Zip Code"},apply:{label:"Apply"}},freeShipping:"Free"},CartItem:{discountedPrice:"Discounted Price",download:"file",message:"Note",recipient:"To",regularPrice:"Regular Price",sender:"From",file:"{count} file",files:"{count} files",lowInventory:"Only {count} left!",insufficientQuantity:"Only {inventory} of {count} in stock",insufficientQuantityGeneral:"Not enough items for sale"},EstimateShipping:{label:"Shipping",editZipAction:"Apply",estimated:"Estimated Shipping",estimatedDestination:"Estimated Shipping to ",destinationLinkAriaLabel:"Change destination",zipPlaceholder:"Zip Code",withTaxes:"Including taxes",withoutTaxes:"excluding taxes",alternateField:{zip:"Estimate using country/zip",state:"Estimate using country/state"}},OutOfStockMessage:{heading:"Your cart contains items with limited stock",message:"Please adjust quantities to continue",alert:"Out of stock",action:"Remove all out of stock items from cart"}},x={Cart:f},S={default:x},
|
|
1
|
+
(function(i,r){try{if(typeof document<"u"){const a=document.createElement("style"),n=r.styleId;for(const t in r.attributes)a.setAttribute(t,r.attributes[t]);a.setAttribute("data-dropin",n),a.appendChild(document.createTextNode(i));const e=document.querySelector('style[data-dropin="sdk"]');if(e)e.after(a);else{const t=document.querySelector('link[rel="stylesheet"], style');t?t.before(a):document.head.append(a)}}}catch(a){console.error("dropin-styles (injectCodeFunction)",a)}})(".cart-cart{container-type:inline-size;container-name:cart}.cart-cart__wrapper{display:grid;grid-template-rows:auto 1fr}.cart-cart__heading{display:grid;row-gap:var(--spacing-small);padding:var(--spacing-medium);padding-bottom:0;font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing);color:var(--color-neutral-800)}.cart-cart__heading-divider{width:100%;margin:0}.cart-cart__content{display:grid;grid-template-columns:1fr;padding:0 var(--spacing-medium) var(--spacing-medium)}.cart-cart__empty-cart{justify-self:center;align-self:center;width:100%;max-width:800px}.dropin-price-summary__shipping--zip,.dropin-price-summary__shipping--state{background-color:var(--color-neutral-50)}@container cart (width >= 1024px){.cart-cart__wrapper{grid-template-columns:repeat(var(--grid-3-columns),1fr);grid-column-gap:var(--grid-3-gutters);margin:0 var(--grid-3-margins)}.cart-cart__heading{padding:var(--spacing-small) 0 0 0}.cart-cart__content{padding:var(--spacing-medium) 0}.cart-cart__content .cart-cart-summary-list__heading{padding:0}.cart-cart__heading,.cart-cart__content{grid-column:1 / span 8}.cart-cart__order-summary{grid-row:1 / span 3;grid-column:9 / span 4;height:min-content}.cart-cart__heading--full-width,.cart-cart__content--empty,.cart-cart__content--full-width{grid-column:1 / span 12}}.cart-empty-cart{container-type:inline-size;container-name:cart}.cart-empty-cart__wrapper .dropin-card--secondary{display:grid;grid-auto-rows:min-content;justify-content:center;text-align:center}@container cart (width < 737px){.cart-empty-cart__wrapper .dropin-card{border:unset;border-style:hidden}}.cart-estimate-shipping{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xsmall);align-items:flex-end;color:var(--color-neutral-800)}.cart-estimate-shipping__label,.cart-estimate-shipping__price{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.cart-estimate-shipping__label--muted{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);color:var(--color-neutral-700)}.cart-estimate-shipping__price--muted{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.cart-estimate-shipping__price{text-align:right}a.cart-estimate-shippingLink{text-decoration:underline}.cart-estimate-shipping__label--bold,.cart-estimate-shipping__price--bold{font:var(--type-body-1-emphasized-font);letter-spacing:var(--type-body-1-emphasized-letter-spacing)}.cart-estimate-shipping__caption{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);grid-column:span 2;color:var(--color-neutral-700)}.cart-estimate-shipping--zip,.cart-estimate-shipping--state{background-color:var(--color-neutral-50)}.cart-estimate-shipping--edit{display:grid;grid-column:1 / span 2;gap:var(--spacing-small);padding-top:var(--spacing-small)}a.cart-estimate-shipping__link{text-decoration:underline}.cart-estimate-shipping--hide{display:none!important}.cart-estimate-shipping--edit button{width:var(--spacing-huge);justify-self:end}.cart-estimate-shipping--loading{opacity:.4;pointer-events:none}.cart-mini-cart{display:flex;flex-direction:column;height:100%;padding:var(--spacing-small) var(--spacing-small) var(--spacing-medium);box-sizing:border-box}.cart-mini-cart__empty-cart{width:100%;max-width:800px;height:100%;display:flex;flex-direction:column;justify-content:center;align-self:center}.cart-mini-cart__heading{display:grid;row-gap:var(--spacing-xsmall);font:var(--type-headline-2-default-font);letter-spacing:var(--type-headline-2-default-letter-spacing)}.cart-mini-cart__heading-divider{width:100%;margin:var(--spacing-xxsmall) 0 0 0}.cart-mini-cart__products{flex:1;overflow-y:auto;max-height:100%;padding-bottom:var(--spacing-medium)}.cart-mini-cart__products .cart-cart-summary-list__heading{padding:0}.cart-mini-cart__products .dropin-cart-item__configurations li{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-mini-cart__footer{display:grid;grid-auto-flow:row;gap:var(--spacing-small);padding-top:var(--spacing-small);row-gap:var(--spacing-xsmall)}.cart-mini-cart__footer__estimated-total{font:var(--type-body-1-emphasized-font);letter-spacing:var(--type-body-1-emphasized-letter-spacing);display:grid;grid-template:max-content / 1fr auto;gap:var(--spacing-xsmall)}.cart-mini-cart__footer__estimated-total-excluding-taxes{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);display:grid;grid-template:max-content / 1fr auto;gap:var(--spacing-xsmall);color:var(--color-neutral-700)}.cart-mini-cart__footer__ctas{display:grid;grid-auto-flow:row;gap:var(--spacing-xsmall);padding-top:var(--spacing-small)}.cart-cart-summary-list{container-type:inline-size;container-name:cart-summary-list}.cart-cart-summary-list__heading{display:grid;row-gap:var(--spacing-xsmall);padding:var(--spacing-medium) 0 0 0;font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing);color:var(--color-neutral-800)}.cart-cart-summary-list__heading--full-width{width:100%}.cart-cart-summary-list__heading-divider{width:100%;margin:var(--spacing-xxsmall) 0 var(--spacing-medium) 0}.cart-cart-summary-list__content{display:grid;grid-template-columns:1fr;padding:0}.cart-cart-summary-list__out-of-stock-message{margin:calc(-1 * var(--spacing-xsmall)) 0 var(--spacing-medium) 0}.cart-cart-summary-list__empty-cart{justify-self:center;align-self:center;width:100%;max-width:800px}@container cart-summary-list (width >= 768px){.cart-cart-summary-list__out-of-stock-message{margin:calc(-1 * var(--spacing-small)) 0 var(--spacing-xxbig) 0}}@container cart-summary-list (width >= 1024px){.cart-cart-summary-list__content,.cart-cart-summary-list__heading{grid-column:1 / span 8}.cart-cart-summary-list__heading--full-width,.cart-cart-summary-list__content--empty{grid-column:1 / span 12}.cart-cart-summary-list__content{padding:0}}.cart-order-summary{display:grid;position:relative;grid-auto-flow:row;padding:var(--spacing-medium)}.cart-order-summary__primary{background-color:var(--color-neutral-200)}.cart-order-summary__secondary{background-color:var(--color-neutral-50)}.cart-order-summary__content{display:grid;gap:var(--spacing-xsmall);margin-top:var(--spacing-small)}.cart-order-summary__heading{display:grid;font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing);color:var(--color-neutral-800);gap:var(--spacing-small)}.cart-order-summary__label,.cart-order-summary__price{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing)}.cart-order-summary__label--muted{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing);color:var(--color-neutral-700)}.cart-order-summary__price--muted{font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.cart-order-summary__price{text-align:right}.cart-order-summary__taxes .dropin-divider:last-child{margin-bottom:0}.cart-order-summary__total{margin-top:var(--spacing-medium)}.cart-order-summary__label--bold,.cart-order-summary__price--bold{font:var(--type-body-1-emphasized-font);letter-spacing:var(--type-body-1-emphasized-letter-spacing)}.cart-order-summary__divider-primary,.cart-order-summary__divider-secondary{width:100%;margin:0}.cart-order-summary__divider-secondary{margin:0}.cart-order-summary__taxEntry.cart-order-summary__entry{margin-top:0}.cart-order-summary__entry,.cart-order-summary__taxEntry{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xxsmall);align-items:center;color:var(--color-neutral-800)}.cart-order-summary__caption{font:var(--type-details-caption-2-font);letter-spacing:var(--type-details-caption-2-letter-spacing);grid-column:span 2;color:var(--color-neutral-700)}.cart-order-summary__primaryAction{margin-top:var(--spacing-small);grid-template-columns:1fr}.cart-order-summary__shipping--edit{display:grid;grid-column:1 / span 2;gap:var(--spacing-small);padding-top:var(--spacing-small);padding-left:var(--spacing-small)}a.cart-order-summary__shippingLink{text-decoration:underline}.cart-order-summary__shipping--hide{display:none!important}.cart-order-summary__shipping--edit button{width:var(--spacing-huge);justify-self:end}.cart-order-summary__shipping--zip,.cart-order-summary__shipping--state{background-color:var(--color-neutral-50)}.cart-order-summary__taxes .dropin-accordion-section__content-container{gap:var(--spacing-small);margin:var(--spacing-small) 0}.cart-order-summary--loading{opacity:.4;pointer-events:none}.cart-order-summary__spinner{margin:0 auto;position:absolute;z-index:999;left:0;right:0;top:calc(50% - (var(--size) / 2));bottom:0}",{styleId:"Cart"});
|
|
2
|
+
import{jsx as n}from"@dropins/tools/preact-jsx-runtime.js";import{deepmerge as c,Render as d}from"@dropins/tools/lib.js";import{useState as u,useEffect as p}from"@dropins/tools/preact-hooks.js";import{UIProvider as m}from"@dropins/tools/components.js";import{events as g}from"@dropins/tools/event-bus.js";import"./chunks/state.js";import{c as h}from"./chunks/getStoreConfig.js";import"./chunks/CartFragment.js";import"./chunks/resetCart.js";import"@dropins/tools/fetch-graphql.js";const f={Cart:{heading:"Shopping Cart ({count})"},MiniCart:{heading:"Shopping Cart ({count})",subtotal:"Subtotal",subtotalExcludingTaxes:"Subtotal excluding taxes",cartLink:"View Cart",checkoutLink:"Checkout"},EmptyCart:{heading:"Your cart is empty",cta:"Start shopping"},PriceSummary:{taxToBeDetermined:"TBD",checkout:"Checkout",orderSummary:"Order Summary",subTotal:{label:"Subtotal",withTaxes:"Including taxes",withoutTaxes:"excluding taxes"},shipping:{label:"Shipping",editZipAction:"Apply",estimated:"Estimated Shipping",estimatedDestination:"Estimated Shipping to ",destinationLinkAriaLabel:"Change destination",zipPlaceholder:"Zip Code",withTaxes:"Including taxes",withoutTaxes:"excluding taxes",alternateField:{zip:"Estimate using country/zip",state:"Estimate using country/state"}},taxes:{total:"Tax Total",totalOnly:"Tax",breakdown:"Taxes",showBreakdown:"Show Tax Breakdown",hideBreakdown:"Hide Tax Breakdown",estimated:"Estimated Tax"},total:{estimated:"Estimated Total",label:"Total",withoutTax:"Total excluding taxes"},estimatedShippingForm:{country:{placeholder:"Country"},state:{placeholder:"State"},zip:{placeholder:"Zip Code"},apply:{label:"Apply"}},freeShipping:"Free"},CartItem:{discountedPrice:"Discounted Price",download:"file",message:"Note",recipient:"To",regularPrice:"Regular Price",sender:"From",file:"{count} file",files:"{count} files",lowInventory:"Only {count} left!",insufficientQuantity:"Only {inventory} of {count} in stock",insufficientQuantityGeneral:"Not enough items for sale",notAvailableMessage:"Requested qty. not available"},EstimateShipping:{label:"Shipping",editZipAction:"Apply",estimated:"Estimated Shipping",estimatedDestination:"Estimated Shipping to ",destinationLinkAriaLabel:"Change destination",zipPlaceholder:"Zip Code",withTaxes:"Including taxes",withoutTaxes:"excluding taxes",alternateField:{zip:"Estimate using country/zip",state:"Estimate using country/state"}},OutOfStockMessage:{heading:"Your cart contains items with limited stock",message:"Please adjust quantities to continue",alert:"Out of stock",action:"Remove all out of stock items from cart"}},x={Cart:f},S={default:x},y=({children:o})=>{var i;const[t,s]=u(),r=(i=h.getConfig())==null?void 0:i.langDefinitions;p(()=>{const e=g.on("locale",a=>{a!==t&&s(a)},{eager:!0});return()=>{e==null||e.off()}},[t]);const l=c(S,r??{});return n(m,{lang:t,langDefinitions:l,children:o})},v=new d(n(y,{}));export{v as render};
|