@dropins/storefront-order 1.0.6-alpha2 → 1.0.6-beta2
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/api/fetch-graphql/fetch-graphql.d.ts +2 -2
- package/chunks/CartSummaryItem.js +1 -1
- package/chunks/OrderLoaders.js +1 -1
- package/chunks/ReturnsListContent.js +1 -1
- package/components/ReturnReasonForm/ReturnReasonForm.d.ts +1 -1
- package/containers/CreateReturn.js +1 -1
- package/containers/ShippingStatus.js +1 -1
- package/package.json +1 -1
- package/types/createReturn.types.d.ts +17 -0
- package/types/orderProductList.types.d.ts +9 -0
- package/types/returnsList.types.d.ts +5 -0
- package/types/shippingStatus.types.d.ts +26 -1
|
@@ -13,11 +13,11 @@
|
|
|
13
13
|
* is strictly forbidden unless prior written permission is obtained
|
|
14
14
|
* from Adobe.
|
|
15
15
|
*******************************************************************/
|
|
16
|
-
export declare const setEndpoint: (endpoint: string) => void, setFetchGraphQlHeader: (key: string, value: string | null) => void, removeFetchGraphQlHeader: (key: string) => void, setFetchGraphQlHeaders: (header: import('@adobe-commerce/fetch-graphql').Header) => void, fetchGraphQl: <T = any>(query: string, options?: import('@adobe-commerce/fetch-graphql').FetchOptions | undefined) => Promise<{
|
|
16
|
+
export declare const setEndpoint: (endpoint: string) => void, setFetchGraphQlHeader: (key: string, value: string | null) => void, removeFetchGraphQlHeader: (key: string) => void, setFetchGraphQlHeaders: (header: import('@adobe-commerce/fetch-graphql').Header | ((prev: import('@adobe-commerce/fetch-graphql').Header) => import('@adobe-commerce/fetch-graphql').Header)) => void, fetchGraphQl: <T = any>(query: string, options?: import('@adobe-commerce/fetch-graphql').FetchOptions | undefined) => Promise<{
|
|
17
17
|
errors?: import('@adobe-commerce/fetch-graphql').FetchQueryError | undefined;
|
|
18
18
|
data: T;
|
|
19
19
|
}>, getConfig: () => {
|
|
20
20
|
endpoint: string | undefined;
|
|
21
|
-
fetchGraphQlHeaders: import('@adobe-commerce/fetch-graphql').Header
|
|
21
|
+
fetchGraphQlHeaders: import('@adobe-commerce/fetch-graphql').Header;
|
|
22
22
|
};
|
|
23
23
|
//# sourceMappingURL=fetch-graphql.d.ts.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/*! Copyright 2025 Adobe
|
|
2
2
|
All Rights Reserved. */
|
|
3
|
-
import{jsx as
|
|
3
|
+
import{jsx as i,jsxs as b,Fragment as u}from"@dropins/tools/preact-jsx-runtime.js";import{Price as B,Image as K,CartItem as Q,Icon as R,Incrementer as G}from"@dropins/tools/components.js";import{useCallback as H}from"@dropins/tools/preact-hooks.js";import{Slot as M,classes as Z}from"@dropins/tools/lib.js";import{O as J}from"./OrderLoaders.js";import*as S from"@dropins/tools/preact-compat.js";const U=l=>S.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...l},S.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"}),S.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"})),ae=({slots:l,placeholderImage:T="",loading:$,product:e,itemType:j,taxConfig:q,translations:x,disabledIncrementer:W,onQuantity:v,showConfigurableOptions:E,routeProductDetails:P})=>{var _,D,f,L,V;const{taxExcluded:d,taxIncluded:k}=q,t=H((n,s,r)=>i(B,{amount:n,currency:s,weight:"normal",...r}),[]),N=H(n=>{var o,F;const s=(n==null?void 0:n.productName)??"",r={title:s,src:((F=(o=n==null?void 0:n.product)==null?void 0:o.thumbnail)==null?void 0:F.url)??T,alt:s,width:90,height:120,loading:"lazy"};return i(M,{slotTag:"span",contentTag:"span","data-testid":`cartSummaryItemImage-${n.id}`,name:"CartSummaryItemImage",slot:l==null?void 0:l.CartSummaryItemImage,context:{data:n,defaultImageProps:r},children:i(K,{...r})})},[T,l==null?void 0:l.CartSummaryItemImage]);if(!e)return i(J,{});let y={};const w=j==="cancelled",z=(D=(_=e==null?void 0:e.product)==null?void 0:_.stockStatus)==null?void 0:D.includes("IN_STOCK"),a=e==null?void 0:e.giftCard,A=e.totalQuantity>1?{quantity:e.totalQuantity}:{},I=e.discounted,{includeAndExcludeTax:c,includeTax:h,excludeTax:m}=e.taxCalculations,g=e==null?void 0:e.totalQuantity,O={...(e==null?void 0:e.configurableOptions)||{},...(e==null?void 0:e.bundleOptions)||{},...a!=null&&a.senderName?{[x.sender]:a==null?void 0:a.senderName}:{},...a!=null&&a.senderEmail?{[x.sender]:a==null?void 0:a.senderEmail}:{},...a!=null&&a.senderName?{[x.sender]:a==null?void 0:a.senderName}:{},...a!=null&&a.recipientEmail?{[x.recipient]:a==null?void 0:a.recipientEmail}:{},...a!=null&&a.message?{[x.message]:a==null?void 0:a.message}:{},...e!=null&&e.downloadableLinks?{[`${(f=e==null?void 0:e.downloadableLinks)==null?void 0:f.count} ${x.downloadableCount}`]:(L=e==null?void 0:e.downloadableLinks)==null?void 0:L.result}:{}};if(k&&d){const n=t(c.originalPrice.value,c.originalPrice.currency),s=t(c.baseOriginalPrice.value*g,c.baseOriginalPrice.currency,{variant:e.discounted?"strikethrough":"default",weight:"bold"}),r=t(c.baseDiscountedPrice.value*g,c.baseDiscountedPrice.currency,{sale:!0,weight:"bold"}),o=t(c.baseExcludingTax.value*g,c.baseExcludingTax.currency,{weight:"bold"});y={taxExcluded:!0,taxIncluded:void 0,price:n,total:b(u,{children:[s,e.discounted?r:null]}),totalExcludingTax:o}}else if(!k&&d){const n=t(m.originalPrice.value,m.originalPrice.currency),s=t(m.baseOriginalPrice.value*g,m.baseOriginalPrice.currency,{variant:I?"strikethrough":"default",weight:"bold"}),r=t(m.baseDiscountedPrice.value*g,m.baseDiscountedPrice.currency,{sale:!0,weight:"bold"}),o=t(m.baseExcludingTax.value*g,m.baseExcludingTax.currency,{weight:"bold"});y={taxExcluded:void 0,taxIncluded:void 0,price:n,total:b(u,{children:[s,I?r:null]}),totalExcludingTax:o}}else if(k&&!d){const n=t(h.singleItemPrice.value,h.singleItemPrice.currency),s=t(h.baseOriginalPrice.value*g,h.baseOriginalPrice.currency,{variant:I?"strikethrough":"default",weight:"bold"}),r=t(h.baseDiscountedPrice.value*g,h.baseDiscountedPrice.currency,{sale:!0,weight:"bold"});y={taxExcluded:void 0,taxIncluded:!0,price:n,total:b(u,{children:[s,I?r:null]})}}return i(Q,{loading:$,alert:w&&z?b("span",{children:[i(R,{source:U}),x.outOfStock]}):i(u,{}),configurations:(E==null?void 0:E(O))??O,title:P?i("a",{"data-testid":"product-name",className:Z(["cart-summary-item__title",["cart-summary-item__title--strikethrough",w]]),href:P(e),children:e==null?void 0:e.productName}):i("div",{"data-testid":"product-name",className:Z(["cart-summary-item__title",["cart-summary-item__title--strikethrough",w]]),children:e==null?void 0:e.productName}),sku:i("div",{children:(V=e==null?void 0:e.product)==null?void 0:V.sku}),...A,image:P?i("a",{href:P(e),children:N(e)}):N(e),...y,footer:b(u,{children:[v&&!W?i(G,{value:1,min:1,max:e==null?void 0:e.totalQuantity,onValue:n=>v==null?void 0:v(Number(n)),name:"quantity","data-testid":"returnIncrementer",readonly:!0}):void 0,i(M,{"data-testid":"Footer",name:"Footer",slot:l==null?void 0:l.Footer,context:{item:e}})]})})};export{ae as C,U as S};
|
package/chunks/OrderLoaders.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/*! Copyright 2025 Adobe
|
|
2
2
|
All Rights Reserved. */
|
|
3
|
-
import{
|
|
3
|
+
import{jsx as e,jsxs as a}from"@dropins/tools/preact-jsx-runtime.js";import"./ShippingStatusCard.js";import{Card as d,Skeleton as i,SkeletonRow as r,CartItemSkeleton as t}from"@dropins/tools/components.js";import{classes as m}from"@dropins/tools/lib.js";const z=({testId:s,withCard:n=!0})=>{const l=a(i,{"data-testid":s??"skeletonLoader",children:[e(r,{variant:"heading",size:"xlarge",fullWidth:!1,lines:1}),e(r,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1}),e(r,{variant:"heading",size:"xlarge",fullWidth:!0,lines:1})]});return n?l:e(d,{variant:"secondary",className:m(["order-order-loaders","order-order-loaders--card-loader"]),children:l})},v=s=>e(d,{variant:"secondary",...s,children:a(i,{"data-testid":"order-details-skeleton",children:[e(r,{variant:"heading",size:"medium",fullWidth:!0}),e(r,{size:"medium"}),e(r,{variant:"empty",size:"medium"}),e(r,{size:"xlarge"}),e(r,{size:"xlarge"}),e(r,{size:"xlarge"}),e(r,{size:"xlarge"})]})}),g=()=>a(i,{"data-testid":"order-product-list-skeleton",style:{gridTemplateColumns:"1fr"},children:[e(r,{variant:"heading",fullWidth:!0,size:"medium"}),e(t,{}),e(t,{}),e(t,{}),e(t,{}),e(t,{})]}),p=()=>a(i,{"data-testid":"order-cost-summary-content-skeleton",className:"order-cost-summary-content",children:[e(r,{variant:"heading",size:"small"}),e(r,{variant:"empty",size:"small"}),e(r,{variant:"empty",size:"small"}),e(r,{variant:"empty",size:"small"}),e(r,{variant:"heading",size:"small",fullWidth:!0,lines:3})]}),f=()=>a(i,{"data-testid":"order-header-skeleton",className:"order-header",children:[e(r,{variant:"empty",size:"xlarge",fullWidth:!0}),e(r,{variant:"empty",size:"medium"}),e(r,{variant:"empty",size:"medium"}),e(r,{variant:"empty",size:"medium"}),e(r,{variant:"empty",size:"medium"}),e(r,{variant:"empty",size:"medium"}),e(r,{size:"small",fullWidth:!0}),e(r,{variant:"heading",size:"xsmall",fullWidth:!0})]});export{z as C,v as D,p as O,g as a,f as b};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/*! Copyright 2025 Adobe
|
|
2
2
|
All Rights Reserved. */
|
|
3
|
-
import{jsx as r,jsxs as c,Fragment as N}from"@dropins/tools/preact-jsx-runtime.js";import{useMemo as V}from"@dropins/tools/preact-hooks.js";import{classes as R,Slot as Q}from"@dropins/tools/lib.js";import{IllustratedMessage as n1,Icon as S,Card as U,ContentGrid as a1,Image as c1,Header as J,Pagination as L1}from"@dropins/tools/components.js";import*as l from"@dropins/tools/preact-compat.js";import{useMemo as i1}from"@dropins/tools/preact-compat.js";import"./ShippingStatusCard.js";import{f as T}from"./returnOrdersHelper.js";import"@dropins/tools/preact.js";import"@dropins/tools/event-bus.js";import{C as W}from"./OrderLoaders.js";import{c as s1}from"./capitalizeFirst.js";import{Text as X}from"@dropins/tools/i18n.js";const Y=L=>l.createElement("svg",{id:"Icon_Chevron_right_Base","data-name":"Icon \\u2013 Chevron right \\u2013 Base",xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...L},l.createElement("g",{id:"Large"},l.createElement("rect",{id:"Placement_area","data-name":"Placement area",width:24,height:24,fill:"#fff",opacity:0}),l.createElement("g",{id:"Chevron_right_icon","data-name":"Chevron right icon"},l.createElement("path",{vectorEffect:"non-scaling-stroke",id:"chevron",d:"M199.75,367.5l4.255,-4.255-4.255,-4.255",transform:"translate(-189.25 -351.0)",fill:"none",stroke:"currentColor"})))),d1=L=>l.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...L},l.createElement("path",{d:"M12.002 21L11.8275 21.4686C11.981 21.5257 12.1528 21.5041 12.2873 21.4106C12.4218 21.3172 12.502 21.1638 12.502 21H12.002ZM3.89502 17.9823H3.39502C3.39502 18.1912 3.52485 18.378 3.72059 18.4509L3.89502 17.9823ZM3.89502 8.06421L4.07193 7.59655C3.91831 7.53844 3.74595 7.55948 3.61082 7.65284C3.47568 7.74619 3.39502 7.89997 3.39502 8.06421H3.89502ZM12.0007 21H11.5007C11.5007 21.1638 11.5809 21.3172 11.7154 21.4106C11.8499 21.5041 12.0216 21.5257 12.1751 21.4686L12.0007 21ZM20.1076 17.9823L20.282 18.4509C20.4778 18.378 20.6076 18.1912 20.6076 17.9823H20.1076ZM20.1076 8.06421H20.6076C20.6076 7.89997 20.527 7.74619 20.3918 7.65284C20.2567 7.55948 20.0843 7.53844 19.9307 7.59655L20.1076 8.06421ZM12.0007 11.1311L11.8238 10.6634C11.6293 10.737 11.5007 10.9232 11.5007 11.1311H12.0007ZM20.2858 8.53191C20.5441 8.43421 20.6743 8.14562 20.5766 7.88734C20.4789 7.62906 20.1903 7.49889 19.932 7.5966L20.2858 8.53191ZM12.002 4.94826L12.1775 4.48008C12.0605 4.43623 11.9314 4.43775 11.8154 4.48436L12.002 4.94826ZM5.87955 6.87106C5.62334 6.97407 5.49915 7.26528 5.60217 7.52149C5.70518 7.77769 5.99639 7.90188 6.2526 7.79887L5.87955 6.87106ZM18.1932 7.80315C18.4518 7.90008 18.74 7.76904 18.8369 7.51047C18.9338 7.2519 18.8028 6.96371 18.5442 6.86678L18.1932 7.80315ZM12 4.94827L11.5879 5.23148C11.6812 5.36719 11.8353 5.44827 12 5.44827C12.1647 5.44827 12.3188 5.36719 12.4121 5.23148L12 4.94827ZM14.0263 2L14.2028 1.53218C13.9875 1.45097 13.7446 1.52717 13.6143 1.71679L14.0263 2ZM21.8421 4.94827L22.2673 5.2113C22.3459 5.08422 22.3636 4.92863 22.3154 4.78717C22.2673 4.64571 22.1584 4.53319 22.0186 4.48045L21.8421 4.94827ZM9.97368 2L10.3857 1.71679C10.2554 1.52717 10.0125 1.45097 9.79721 1.53218L9.97368 2ZM2.15789 4.94827L1.98142 4.48045C1.84161 4.53319 1.73271 4.64571 1.68456 4.78717C1.63641 4.92863 1.65406 5.08422 1.73267 5.2113L2.15789 4.94827ZM12 11.1256L11.6702 11.5014C11.8589 11.667 12.1411 11.667 12.3298 11.5014L12 11.1256ZM15.0395 8.45812L14.8732 7.98659C14.8131 8.00779 14.7576 8.04028 14.7097 8.08232L15.0395 8.45812ZM23 5.65024L23.3288 6.0269C23.5095 5.86916 23.5527 5.60532 23.4318 5.39817C23.3109 5.19102 23.0599 5.09893 22.8337 5.17871L23 5.65024ZM8.96053 8.45812L9.29034 8.08232C9.24244 8.04028 9.18695 8.00779 9.12685 7.98659L8.96053 8.45812ZM1 5.65024L1.16632 5.17871C0.940115 5.09893 0.689119 5.19102 0.568192 5.39817C0.447264 5.60532 0.49048 5.86916 0.671176 6.0269L1 5.65024ZM12.1764 20.5314L4.06945 17.5137L3.72059 18.4509L11.8275 21.4686L12.1764 20.5314ZM4.39502 17.9823V8.06421H3.39502V17.9823H4.39502ZM3.71811 8.53187L11.8251 11.5987L12.1789 10.6634L4.07193 7.59655L3.71811 8.53187ZM11.502 11.1311V21H12.502V11.1311H11.502ZM12.1751 21.4686L20.282 18.4509L19.9332 17.5137L11.8262 20.5314L12.1751 21.4686ZM20.6076 17.9823V8.06421H19.6076V17.9823H20.6076ZM19.9307 7.59655L11.8238 10.6634L12.1776 11.5987L20.2845 8.53187L19.9307 7.59655ZM11.5007 11.1311V21H12.5007V11.1311H11.5007ZM19.932 7.5966L11.8251 10.6634L12.1789 11.5987L20.2858 8.53191L19.932 7.5966ZM11.8154 4.48436L5.87955 6.87106L6.2526 7.79887L12.1885 5.41217L11.8154 4.48436ZM11.8265 5.41645L18.1932 7.80315L18.5442 6.86678L12.1775 4.48008L11.8265 5.41645ZM11.502 4.94826V11.1311H12.502V4.94826H11.502ZM12.4121 5.23148L14.4384 2.28321L13.6143 1.71679L11.5879 4.66507L12.4121 5.23148ZM13.8498 2.46782L21.6656 5.4161L22.0186 4.48045L14.2028 1.53218L13.8498 2.46782ZM21.4169 4.68525L20.5485 6.08919L21.3989 6.61524L22.2673 5.2113L21.4169 4.68525ZM12.4121 4.66507L10.3857 1.71679L9.56162 2.28321L11.5879 5.23148L12.4121 4.66507ZM9.79721 1.53218L1.98142 4.48045L2.33437 5.4161L10.1502 2.46782L9.79721 1.53218ZM1.73267 5.2113L2.60109 6.61524L3.45154 6.08919L2.58312 4.68525L1.73267 5.2113ZM12.3298 11.5014L15.3693 8.83392L14.7097 8.08232L11.6702 10.7498L12.3298 11.5014ZM15.2058 8.92965L23.1663 6.12177L22.8337 5.17871L14.8732 7.98659L15.2058 8.92965ZM22.6712 5.27358L19.7764 7.80067L20.4341 8.554L23.3288 6.0269L22.6712 5.27358ZM12.3298 10.7498L9.29034 8.08232L8.63072 8.83392L11.6702 11.5014L12.3298 10.7498ZM9.12685 7.98659L1.16632 5.17871L0.83368 6.12177L8.79421 8.92965L9.12685 7.98659ZM0.671176 6.0269L3.56591 8.554L4.22356 7.80067L1.32882 5.27358L0.671176 6.0269Z",fill:"currentColor"})),K=({typeList:L,isEmpty:C,minifiedView:g,message:M})=>{const t=i1(()=>{switch(L){case"orders":return{icon:d1,text:r("p",{children:M}),className:"order-empty-list--empty-box"};default:return{icon:"",text:"",className:""}}},[L,M]);return!C||!L||!t.text?null:r(n1,{className:R(["order-empty-list",t.className,g?"order-empty-list--minified":""]),message:t.text,icon:r(S,{source:t.icon}),"data-testid":"emptyList"})},I={size:"32",stroke:"2"},v1=({placeholderImage:L,minifiedViewKey:C,withReturnNumber:g=!1,withOrderNumber:M=!1,slots:t,pageInfo:i,withReturnsListButton:A=!0,isMobile:$=!1,returnsInMinifiedView:D=1,translations:a={},orderReturns:s=[],minifiedView:h=!1,withHeader:f=!0,withThumbnails:B=!0,selectedPage:k=1,handleSetSelectPage:z,routeReturnDetails:d,routeOrderDetails:v,routeTracking:b,routeReturnsList:x,routeProductDetails:m,loading:y})=>{const F=h?D:s.length,j=m!=null&&m()?"a":"span",H=V(()=>s.slice(0,F).map((e,t1)=>{var G,q;const w=((e==null?void 0:e.items)??[]).reduce((n,u)=>(u.requestQuantity??0)+n,0);return r(U,{variant:"secondary",className:"order-returns-list-content__cards-list",children:c("div",{className:"order-returns-list-content__cards-grid",children:[c("div",{className:"order-returns-list-content__descriptions",children:[r("p",{className:"order-returns-list-content__return-status",children:T(e.returnStatus)?r(X,{id:`Order.Returns.${C}.returnsList.returnStatus.${T(e.returnStatus)}`}):r("span",{children:s1(e.returnStatus)})}),g?c("p",{children:[a.returnNumber," ",r("a",{href:(d==null?void 0:d({returnNumber:e.returnNumber,orderNumber:e.orderNumber,token:e.token}))??"#",rel:"noreferrer",children:e.returnNumber})]}):null,M?c("p",{children:[a.orderNumber," ",r("a",{href:(v==null?void 0:v({orderNumber:e.orderNumber,token:e.token}))??"#",rel:"noreferrer",children:e.orderNumber})]}):null,(G=e==null?void 0:e.tracking)==null?void 0:G.map((n,u)=>{var _,p;const Z={title:"",number:(n==null?void 0:n.trackingNumber)??"",carrier:((_=n==null?void 0:n.carrier)==null?void 0:_.label)??""},E=b==null?void 0:b(Z),o=`${Z.number}_${u}`;return c("p",{children:[`${a.carrier} `,`${(p=Z.carrier)==null?void 0:p.toLocaleUpperCase()} | `,E?r("a",{href:E,target:"_blank",rel:"noreferrer","data-testid":`${o}_link`,children:n.trackingNumber}):r("span",{"data-testid":`${o}_span`,children:n.trackingNumber})]},o)}),t!=null&&t.ReturnItemsDetails?r(Q,{"data-testid":"returnItemsDetails",name:"ReturnItemsDetails",slot:t==null?void 0:t.ReturnItemsDetails,context:{items:e.items}}):null,!(t!=null&&t.ReturnItemsDetails)&&e.items.length?c("p",{children:[w," ",r(X,{id:`Order.Returns.${C}.returnsList.itemText`,plural:w,fields:{count:w}})]}):null]}),B?r(a1,{maxColumns:$?3:9,emptyGridContent:r(N,{}),className:R(["order-returns-list-content__images",["order-returns-list-content__images-3",$]]),children:(q=e==null?void 0:e.items)==null?void 0:q.map((n,u)=>{var _,p,O,P;const Z=(_=n.thumbnail)==null?void 0:_.label,E=(O=(p=n.thumbnail)==null?void 0:p.url)!=null&&O.length?(P=n.thumbnail)==null?void 0:P.url:L,o=`key_${u}_${n.uid}`;return r(j,{"data-testid":o,href:(m==null?void 0:m(n))??"#",children:r(c1,{alt:Z,src:E??"",width:85,height:114})},o)})}):null,t!=null&&t.DetailsActionParams?r(Q,{className:"order-returns-list-content__actions","data-testid":"detailsActionParams",name:"DetailsActionParams",slot:t==null?void 0:t.DetailsActionParams,context:{returnOrderItem:e}}):r("a",{href:(d==null?void 0:d({returnNumber:e.returnNumber,token:e.token,orderNumber:e.orderNumber}))??"#",className:"order-returns-list-content__actions",children:r(S,{source:Y,...I})})]})},t1)}),[s,F,C,g,a,M,t,B,$,L,j,b,m,d,v]),r1=V(()=>c(N,{children:[f?r(J,{title:a.minifiedViewTitle,divider:!1,className:"order-returns__header--minified"}):null,y?r(W,{withCard:!1}):c(N,{children:[H,r(K,{minifiedView:h,typeList:"orders",isEmpty:!s.length,message:a.emptyOrdersListMessage}),A?r("a",{className:"order-returns-list-content__actions",href:(x==null?void 0:x())??"#",children:r(U,{variant:"secondary",className:"order-returns-list-content__card",children:c("div",{className:"order-returns-list-content__card-wrapper",children:[r("p",{children:a.viewAllOrdersButton}),r(S,{source:Y,...I})]})})}):null]})]}),[x,A,f,a,H,h,s.length,y]),e1=V(()=>c(N,{children:[f?r(J,{title:a.minifiedViewTitle,divider:!0,className:"order-returns__header--full-size"}):null,y?r(W,{withCard:!1}):c(N,{children:[r(K,{minifiedView:h,typeList:"orders",isEmpty:!s.length,message:a.emptyOrdersListMessage}),H,(i==null?void 0:i.totalPages)>1?r(L1,{totalPages:i==null?void 0:i.totalPages,currentPage:k,onChange:z}):null]})]}),[H,h,s,a,i==null?void 0:i.totalPages,k,z,y,f]);return r("div",{className:"order-returns-list-content",children:h?r1:e1})};export{v1 as R};
|
|
3
|
+
import{jsx as r,jsxs as c,Fragment as N}from"@dropins/tools/preact-jsx-runtime.js";import{useMemo as V}from"@dropins/tools/preact-hooks.js";import{classes as K,Slot as S}from"@dropins/tools/lib.js";import{IllustratedMessage as n1,Icon as A,Card as O,ContentGrid as t1,Image as a1,Header as Q,Pagination as c1}from"@dropins/tools/components.js";import*as l from"@dropins/tools/preact-compat.js";import{useMemo as L1}from"@dropins/tools/preact-compat.js";import"./ShippingStatusCard.js";import{f as U}from"./returnOrdersHelper.js";import"@dropins/tools/preact.js";import"@dropins/tools/event-bus.js";import{C as I}from"./OrderLoaders.js";import{c as s1}from"./capitalizeFirst.js";import{Text as J}from"@dropins/tools/i18n.js";const W=L=>l.createElement("svg",{id:"Icon_Chevron_right_Base","data-name":"Icon \\u2013 Chevron right \\u2013 Base",xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",...L},l.createElement("g",{id:"Large"},l.createElement("rect",{id:"Placement_area","data-name":"Placement area",width:24,height:24,fill:"#fff",opacity:0}),l.createElement("g",{id:"Chevron_right_icon","data-name":"Chevron right icon"},l.createElement("path",{vectorEffect:"non-scaling-stroke",id:"chevron",d:"M199.75,367.5l4.255,-4.255-4.255,-4.255",transform:"translate(-189.25 -351.0)",fill:"none",stroke:"currentColor"})))),i1=L=>l.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...L},l.createElement("path",{d:"M12.002 21L11.8275 21.4686C11.981 21.5257 12.1528 21.5041 12.2873 21.4106C12.4218 21.3172 12.502 21.1638 12.502 21H12.002ZM3.89502 17.9823H3.39502C3.39502 18.1912 3.52485 18.378 3.72059 18.4509L3.89502 17.9823ZM3.89502 8.06421L4.07193 7.59655C3.91831 7.53844 3.74595 7.55948 3.61082 7.65284C3.47568 7.74619 3.39502 7.89997 3.39502 8.06421H3.89502ZM12.0007 21H11.5007C11.5007 21.1638 11.5809 21.3172 11.7154 21.4106C11.8499 21.5041 12.0216 21.5257 12.1751 21.4686L12.0007 21ZM20.1076 17.9823L20.282 18.4509C20.4778 18.378 20.6076 18.1912 20.6076 17.9823H20.1076ZM20.1076 8.06421H20.6076C20.6076 7.89997 20.527 7.74619 20.3918 7.65284C20.2567 7.55948 20.0843 7.53844 19.9307 7.59655L20.1076 8.06421ZM12.0007 11.1311L11.8238 10.6634C11.6293 10.737 11.5007 10.9232 11.5007 11.1311H12.0007ZM20.2858 8.53191C20.5441 8.43421 20.6743 8.14562 20.5766 7.88734C20.4789 7.62906 20.1903 7.49889 19.932 7.5966L20.2858 8.53191ZM12.002 4.94826L12.1775 4.48008C12.0605 4.43623 11.9314 4.43775 11.8154 4.48436L12.002 4.94826ZM5.87955 6.87106C5.62334 6.97407 5.49915 7.26528 5.60217 7.52149C5.70518 7.77769 5.99639 7.90188 6.2526 7.79887L5.87955 6.87106ZM18.1932 7.80315C18.4518 7.90008 18.74 7.76904 18.8369 7.51047C18.9338 7.2519 18.8028 6.96371 18.5442 6.86678L18.1932 7.80315ZM12 4.94827L11.5879 5.23148C11.6812 5.36719 11.8353 5.44827 12 5.44827C12.1647 5.44827 12.3188 5.36719 12.4121 5.23148L12 4.94827ZM14.0263 2L14.2028 1.53218C13.9875 1.45097 13.7446 1.52717 13.6143 1.71679L14.0263 2ZM21.8421 4.94827L22.2673 5.2113C22.3459 5.08422 22.3636 4.92863 22.3154 4.78717C22.2673 4.64571 22.1584 4.53319 22.0186 4.48045L21.8421 4.94827ZM9.97368 2L10.3857 1.71679C10.2554 1.52717 10.0125 1.45097 9.79721 1.53218L9.97368 2ZM2.15789 4.94827L1.98142 4.48045C1.84161 4.53319 1.73271 4.64571 1.68456 4.78717C1.63641 4.92863 1.65406 5.08422 1.73267 5.2113L2.15789 4.94827ZM12 11.1256L11.6702 11.5014C11.8589 11.667 12.1411 11.667 12.3298 11.5014L12 11.1256ZM15.0395 8.45812L14.8732 7.98659C14.8131 8.00779 14.7576 8.04028 14.7097 8.08232L15.0395 8.45812ZM23 5.65024L23.3288 6.0269C23.5095 5.86916 23.5527 5.60532 23.4318 5.39817C23.3109 5.19102 23.0599 5.09893 22.8337 5.17871L23 5.65024ZM8.96053 8.45812L9.29034 8.08232C9.24244 8.04028 9.18695 8.00779 9.12685 7.98659L8.96053 8.45812ZM1 5.65024L1.16632 5.17871C0.940115 5.09893 0.689119 5.19102 0.568192 5.39817C0.447264 5.60532 0.49048 5.86916 0.671176 6.0269L1 5.65024ZM12.1764 20.5314L4.06945 17.5137L3.72059 18.4509L11.8275 21.4686L12.1764 20.5314ZM4.39502 17.9823V8.06421H3.39502V17.9823H4.39502ZM3.71811 8.53187L11.8251 11.5987L12.1789 10.6634L4.07193 7.59655L3.71811 8.53187ZM11.502 11.1311V21H12.502V11.1311H11.502ZM12.1751 21.4686L20.282 18.4509L19.9332 17.5137L11.8262 20.5314L12.1751 21.4686ZM20.6076 17.9823V8.06421H19.6076V17.9823H20.6076ZM19.9307 7.59655L11.8238 10.6634L12.1776 11.5987L20.2845 8.53187L19.9307 7.59655ZM11.5007 11.1311V21H12.5007V11.1311H11.5007ZM19.932 7.5966L11.8251 10.6634L12.1789 11.5987L20.2858 8.53191L19.932 7.5966ZM11.8154 4.48436L5.87955 6.87106L6.2526 7.79887L12.1885 5.41217L11.8154 4.48436ZM11.8265 5.41645L18.1932 7.80315L18.5442 6.86678L12.1775 4.48008L11.8265 5.41645ZM11.502 4.94826V11.1311H12.502V4.94826H11.502ZM12.4121 5.23148L14.4384 2.28321L13.6143 1.71679L11.5879 4.66507L12.4121 5.23148ZM13.8498 2.46782L21.6656 5.4161L22.0186 4.48045L14.2028 1.53218L13.8498 2.46782ZM21.4169 4.68525L20.5485 6.08919L21.3989 6.61524L22.2673 5.2113L21.4169 4.68525ZM12.4121 4.66507L10.3857 1.71679L9.56162 2.28321L11.5879 5.23148L12.4121 4.66507ZM9.79721 1.53218L1.98142 4.48045L2.33437 5.4161L10.1502 2.46782L9.79721 1.53218ZM1.73267 5.2113L2.60109 6.61524L3.45154 6.08919L2.58312 4.68525L1.73267 5.2113ZM12.3298 11.5014L15.3693 8.83392L14.7097 8.08232L11.6702 10.7498L12.3298 11.5014ZM15.2058 8.92965L23.1663 6.12177L22.8337 5.17871L14.8732 7.98659L15.2058 8.92965ZM22.6712 5.27358L19.7764 7.80067L20.4341 8.554L23.3288 6.0269L22.6712 5.27358ZM12.3298 10.7498L9.29034 8.08232L8.63072 8.83392L11.6702 11.5014L12.3298 10.7498ZM9.12685 7.98659L1.16632 5.17871L0.83368 6.12177L8.79421 8.92965L9.12685 7.98659ZM0.671176 6.0269L3.56591 8.554L4.22356 7.80067L1.32882 5.27358L0.671176 6.0269Z",fill:"currentColor"})),X=({typeList:L,isEmpty:C,minifiedView:f,message:M})=>{const n=L1(()=>{switch(L){case"orders":return{icon:i1,text:r("p",{children:M}),className:"order-empty-list--empty-box"};default:return{icon:"",text:"",className:""}}},[L,M]);return!C||!L||!n.text?null:r(n1,{className:K(["order-empty-list",n.className,f?"order-empty-list--minified":""]),message:n.text,icon:r(A,{source:n.icon}),"data-testid":"emptyList"})},Y={size:"32",stroke:"2"},f1=({placeholderImage:L,minifiedViewKey:C,withReturnNumber:f=!1,withOrderNumber:M=!1,slots:n,pageInfo:s,withReturnsListButton:B=!0,isMobile:$=!1,returnsInMinifiedView:R=1,translations:a={},orderReturns:i=[],minifiedView:o=!1,withHeader:v=!0,withThumbnails:k=!0,selectedPage:z=1,handleSetSelectPage:F,routeReturnDetails:d,routeOrderDetails:b,routeTracking:x,routeReturnsList:y,routeProductDetails:m,loading:H})=>{const j=o?R:i.length,G=m!=null&&m()?"a":"span",E=V(()=>i.slice(0,j).map((e,e1)=>{var P,T;const w=((e==null?void 0:e.items)??[]).reduce((t,u)=>(u.requestQuantity??0)+t,0);return r(O,{variant:"secondary",className:"order-returns-list-content__cards-list",children:c("div",{className:"order-returns-list-content__cards-grid",children:[c("div",{className:"order-returns-list-content__descriptions",children:[r("p",{className:"order-returns-list-content__return-status",children:U(e.returnStatus)?r(J,{id:`Order.Returns.${C}.returnsList.returnStatus.${U(e.returnStatus)}`}):r("span",{children:s1(e.returnStatus)})}),f?c("p",{children:[a.returnNumber," ",r("a",{href:(d==null?void 0:d({returnNumber:e.returnNumber,orderNumber:e.orderNumber,token:e.token}))??"#",rel:"noreferrer",children:e.returnNumber})]}):null,M?c("p",{children:[a.orderNumber," ",r("a",{href:(b==null?void 0:b({orderNumber:e.orderNumber,token:e.token}))??"#",rel:"noreferrer",children:e.orderNumber})]}):null,(P=e==null?void 0:e.tracking)==null?void 0:P.map((t,u)=>{var _,g;const h={title:"",number:(t==null?void 0:t.trackingNumber)??"",carrier:((_=t==null?void 0:t.carrier)==null?void 0:_.label)??""},Z=x==null?void 0:x(h),p=`${h.number}_${u}`;return c("p",{children:[`${a.carrier} `,`${(g=h.carrier)==null?void 0:g.toLocaleUpperCase()} | `,Z?r("a",{href:Z,target:"_blank",rel:"noreferrer","data-testid":`${p}_link`,children:t.trackingNumber}):r("span",{"data-testid":`${p}_span`,children:t.trackingNumber})]},p)}),n!=null&&n.ReturnItemsDetails?r(S,{"data-testid":"returnItemsDetails",name:"ReturnItemsDetails",slot:n==null?void 0:n.ReturnItemsDetails,context:{items:e.items}}):null,!(n!=null&&n.ReturnItemsDetails)&&e.items.length?c("p",{children:[w," ",r(J,{id:`Order.Returns.${C}.returnsList.itemText`,plural:w,fields:{count:w}})]}):null]}),k?r(t1,{maxColumns:$?3:9,emptyGridContent:r(N,{}),className:K(["order-returns-list-content__images",["order-returns-list-content__images-3",$]]),children:(T=e==null?void 0:e.items)==null?void 0:T.map((t,u)=>{var g,q;const h=`key_${u}_${t.uid}`,Z=((g=t==null?void 0:t.product)==null?void 0:g.name)??"",p=((q=t==null?void 0:t.thumbnail)==null?void 0:q.url)??L??"",_={title:Z,src:p,alt:Z,width:85,height:114,loading:"eager"};return r(G,{"data-testid":h,href:(m==null?void 0:m(t))??"#",children:r(S,{slotTag:"span",contentTag:"span",name:"ReturnListImage",slot:n==null?void 0:n.ReturnListImage,context:{data:t,defaultImageProps:_},children:r(a1,{..._})})},h)})}):null,n!=null&&n.DetailsActionParams?r(S,{className:"order-returns-list-content__actions","data-testid":"detailsActionParams",name:"DetailsActionParams",slot:n==null?void 0:n.DetailsActionParams,context:{returnOrderItem:e}}):r("a",{href:(d==null?void 0:d({returnNumber:e.returnNumber,token:e.token,orderNumber:e.orderNumber}))??"#",className:"order-returns-list-content__actions",children:r(A,{source:W,...Y})})]})},e1)}),[i,j,C,f,a,M,n,k,$,L,G,x,m,d,b]),D=V(()=>c(N,{children:[v?r(Q,{title:a.minifiedViewTitle,divider:!1,className:"order-returns__header--minified"}):null,H?r(I,{withCard:!1}):c(N,{children:[E,r(X,{minifiedView:o,typeList:"orders",isEmpty:!i.length,message:a.emptyOrdersListMessage}),B?r("a",{className:"order-returns-list-content__actions",href:(y==null?void 0:y())??"#",children:r(O,{variant:"secondary",className:"order-returns-list-content__card",children:c("div",{className:"order-returns-list-content__card-wrapper",children:[r("p",{children:a.viewAllOrdersButton}),r(A,{source:W,...Y})]})})}):null]})]}),[y,B,v,a,E,o,i.length,H]),r1=V(()=>c(N,{children:[v?r(Q,{title:a.minifiedViewTitle,divider:!0,className:"order-returns__header--full-size"}):null,H?r(I,{withCard:!1}):c(N,{children:[r(X,{minifiedView:o,typeList:"orders",isEmpty:!i.length,message:a.emptyOrdersListMessage}),E,(s==null?void 0:s.totalPages)>1?r(c1,{totalPages:s==null?void 0:s.totalPages,currentPage:z,onChange:F}):null]})]}),[E,o,i,a,s==null?void 0:s.totalPages,z,F,H,v]);return r("div",{className:"order-returns-list-content",children:o?D:r1})};export{f1 as R};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FunctionComponent } from 'preact';
|
|
2
|
-
import { ReturnReasonFormProps } from '../../types
|
|
2
|
+
import { ReturnReasonFormProps } from '../../types';
|
|
3
3
|
|
|
4
4
|
export declare const ReturnReasonForm: FunctionComponent<ReturnReasonFormProps>;
|
|
5
5
|
//# sourceMappingURL=ReturnReasonForm.d.ts.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/*! Copyright 2025 Adobe
|
|
2
2
|
All Rights Reserved. */
|
|
3
|
-
import{jsx as n,jsxs as N}from"@dropins/tools/preact-jsx-runtime.js";import{classes as B,Slot as H}from"@dropins/tools/lib.js";import{Icon as $,Header as W,InLineAlert as j,Button as M,Checkbox as G,CartItem as V,Image as Z}from"@dropins/tools/components.js";import{useState as w,useRef as D,useEffect as P,useCallback as F}from"@dropins/tools/preact-hooks.js";import{u as U,a as z}from"../chunks/ShippingStatusCard.js";import*as _ from"@dropins/tools/preact-compat.js";import{u as J}from"../chunks/useGetStoreConfig.js";import{createRef as K,Fragment as X}from"@dropins/tools/preact.js";import{s as Y,p as I,r as ee,m as te}from"../chunks/returnOrdersHelper.js";import{events as re}from"@dropins/tools/event-bus.js";import{g as A}from"../chunks/getQueryParam.js";import{g as ne,r as se,a as ae}from"../chunks/requestGuestReturn.js";import{s as ie}from"../chunks/setTaxStatus.js";import{S as ce,C as ue}from"../chunks/CartSummaryItem.js";import{a as oe}from"../chunks/OrderLoaders.js";import{useText as le}from"@dropins/tools/i18n.js";import"../chunks/getStoreConfig.js";import"../chunks/fetch-graphql.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/getFormValues.js";import"../chunks/network-error.js";import"../chunks/transform-attributes-form.js";import"../fragments.js";import"../chunks/initialize.js";const de=a=>_.createElement("svg",{id:"Icon_Warning_Base",width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...a},_.createElement("g",{clipPath:"url(#clip0_841_1324)"},_.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M11.9949 2.30237L0.802734 21.6977H23.1977L11.9949 2.30237Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),_.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M12.4336 10.5504L12.3373 14.4766H11.6632L11.5669 10.5504V9.51273H12.4336V10.5504ZM11.5883 18.2636V17.2687H12.4229V18.2636H11.5883Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})),_.createElement("defs",null,_.createElement("clipPath",{id:"clip0_841_1324"},_.createElement("rect",{width:24,height:21,fill:"white",transform:"translate(0 1.5)"})))),pe=a=>_.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...a},_.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"}),_.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M6.75 12.762L10.2385 15.75L17.25 9",stroke:"currentColor"})),me=({onSuccess:a,onError:s,handleSetInLineAlert:i,orderData:l})=>{const[k,L]=w(!1),[o,R]=w({id:"",email:"",...l}),[v,x]=w("products"),[h,d]=w(!0),[g,f]=w([]),[C,t]=w([]),[m,e]=w([]),c=D([]);c.current.length!==g.length&&(c.current=g.map((r,p)=>c.current[p]||K())),P(()=>{const r=re.on("order/data",p=>{var u;R(p);const O=Y(p);e(O),L(((u=A("orderRef"))==null?void 0:u.length)>20),d(!1)},{eager:!0});return()=>{r==null||r.off()}},[]),P(()=>{ne("RMA_ITEM").then(r=>{r!=null&&r.length&&(t(r),d(!1))})},[]);const y=F(r=>{f(p=>p.findIndex(u=>(u==null?void 0:u.productSku)===(r==null?void 0:r.productSku))>-1?p.filter(u=>(u==null?void 0:u.productSku)!==(r==null?void 0:r.productSku)):[...p,r])},[]),S=F(r=>{x(r),i(),r==="products"&&f([])},[i]),E=F((r,p)=>{const O=g.map(u=>u.productSku===p?{...u,currentReturnOrderQuantity:r}:u);f(O)},[g]),Q=F(async(r,p)=>{if(!p)return;d(!0);const O={orderUid:o.id,contactEmail:o.email},u=I(c);k?ae({token:A("orderRef"),contactEmail:O.contactEmail,items:u,commentText:"."}).then(b=>{a==null||a(b),S("success"),i()}).catch(b=>{s==null||s(b.message),i({type:"error",heading:b.message})}):se({...O,items:u}).then(b=>{a==null||a(b),S("success"),i()}).catch(b=>{s==null||s(b.message),i({type:"error",heading:b.message})}),d(!1)},[S,s,a,i,o,k]);return{order:o,steps:v,loading:h,formsRef:c,attributesList:C,selectedProductList:g,itemsEligibleForReturn:m,handleSelectedProductList:y,handleSetQuantity:E,handleChangeStep:S,onSubmit:Q}},he={success:pe,warning:de,error:ce},ge=()=>{const[a,s]=w({type:"success",heading:""}),i=F(l=>{if(!(l!=null&&l.type)){s({type:"success",heading:""});return}const k=n($,{source:he[l.type]});s({...l,icon:k})},[]);return{inLineAlertProps:a,handleSetInLineAlert:i}},je=({className:a,orderData:s,slots:i,onSuccess:l,onError:k,routeReturnSuccess:L,showConfigurableOptions:o})=>{const R=le({headerText:"Order.CreateReturn.headerText",successTitle:"Order.CreateReturn.success.title",successMessage:"Order.CreateReturn.success.message",sender:"Order.CreateReturn.giftCard.sender",recipient:"Order.CreateReturn.giftCard.recipient",message:"Order.CreateReturn.giftCard.message",outOfStock:"Order.CreateReturn.stockStatus.outOfStock",nextStep:"Order.CreateReturn.buttons.nextStep",backStep:"Order.CreateReturn.buttons.backStep",submit:"Order.CreateReturn.buttons.submit",backStore:"Order.CreateReturn.buttons.backStore",downloadableCount:"Order.CreateReturn.downloadableCount",returnedItems:"Order.CreateReturn.returnedItems",configurationsListQuantity:"Order.CreateReturn.configurationsList.quantity"}),{inLineAlertProps:v,handleSetInLineAlert:x}=ge(),h=J(),{order:d,itemsEligibleForReturn:g,formsRef:f,attributesList:C,steps:t,loading:m,selectedProductList:e,handleSelectedProductList:c,handleSetQuantity:y,handleChangeStep:S,onSubmit:E}=me({orderData:s,onSuccess:l,onError:k,handleSetInLineAlert:x});if(m)return n("div",{children:n(oe,{})});if(!m&&!C.length)return n("div",{});const Q=(h==null?void 0:h.baseMediaUrl)??"",r={products:n(be,{itemsEligibleForReturn:g,placeholderImage:Q,taxConfig:ie((h==null?void 0:h.shoppingOrderDisplayPrice)??0),slots:i,translations:R,loading:m,selectedProductList:e,handleSelectedProductList:c,showConfigurableOptions:o,handleSetQuantity:y,handleChangeStep:S}),attributes:n(ke,{placeholderImage:Q,slots:i,formsRef:f,loading:m,fieldsConfig:C,selectedProductList:e,handleChangeStep:S,translations:R,onSubmit:E}),success:n(fe,{translations:R,routeReturnSuccess:L,orderData:d}),error:null};return N("div",{className:B(["order-create-return",a]),children:[n(W,{title:R.headerText}),v.heading?n(j,{className:"order-create-return_notification",variant:"secondary","data-testid":"orderCreateReturnNotification",...v}):null,r[t]]})},fe=({routeReturnSuccess:a,translations:s,orderData:i})=>N("div",{className:"order-return-order-message",children:[n("p",{className:"order-return-order-message__title",children:s.successTitle}),n("p",{className:"order-return-order-message__subtitle",children:s.successMessage}),n(M,{href:(a==null?void 0:a(i))??"#",children:s.backStore})]}),be=({placeholderImage:a,itemsEligibleForReturn:s,slots:i,loading:l,taxConfig:k,translations:L,selectedProductList:o,handleSelectedProductList:R,showConfigurableOptions:v,handleSetQuantity:x,handleChangeStep:h})=>N("ul",{className:"order-return-order-product-list",children:[s==null?void 0:s.map((d,g)=>{const{quantityReturnRequested:f,quantityShipped:C,eligibleForReturn:t}=d,m=o.some(y=>(y==null?void 0:y.productSku)===d.productSku&&d.eligibleForReturn),e=C===f&&t||!t,c=C-f===0?f:C-f;return N("li",{className:B(["order-return-order-product-list__item",["order-return-order-product-list__item--blur",e]]),children:[n(G,{"data-testid":`key_${g}`,name:`key_${g}`,checked:m,disabled:e,onChange:()=>{R({...d,currentReturnOrderQuantity:1})}}),n(ue,{placeholderImage:a,loading:l,product:{...d,totalQuantity:c||1},itemType:"",taxConfig:k,translations:L,showConfigurableOptions:v,disabledIncrementer:!m,onQuantity:c>1?y=>{x(y,d.productSku)}:void 0}),n(H,{"data-testid":"returnOrderItem",name:"ReturnOrderItem",slot:i==null?void 0:i.ReturnOrderItem})]},d.id)}),n("li",{className:"order-return-order-product-list__item",children:n(M,{type:"button",onClick:()=>h("attributes"),disabled:!o.length,children:L.nextStep})})]}),ke=({placeholderImage:a,slots:s,formsRef:i,selectedProductList:l,loading:k,fieldsConfig:L,translations:o,handleChangeStep:R,onSubmit:v})=>{const{formData:x,errors:h,formRef:d,handleChange:g,handleBlur:f,handleSubmit:C}=U({fieldsConfig:ee(L,l==null?void 0:l.length),onSubmit:v});return N("form",{className:"order-return-reason-form",ref:d,onSubmit:C,name:"returnReasonForm",children:[l.map((t,m)=>{var p,O,u,b,T,q;const e=t==null?void 0:t.giftCard,c=t==null?void 0:t.product,y=te(L,m),S=`${t==null?void 0:t.id}_${m}`,E=(t==null?void 0:t.currentReturnOrderQuantity)??1,Q={...t!=null&&t.currentReturnOrderQuantity?{[o.configurationsListQuantity]:E}:{},...t.configurableOptions||{},...t.bundleOptions||{},...e!=null&&e.senderName?{[o.sender]:e==null?void 0:e.senderName}:{},...e!=null&&e.senderEmail?{[o.sender]:e==null?void 0:e.senderEmail}:{},...e!=null&&e.recipientName?{[o.recipient]:e==null?void 0:e.recipientName}:{},...e!=null&&e.recipientEmail?{[o.recipient]:e==null?void 0:e.recipientEmail}:{},...e!=null&&e.message?{[o.message]:e==null?void 0:e.message}:{},...t!=null&&t.downloadableLinks?{[`${(p=t==null?void 0:t.downloadableLinks)==null?void 0:p.count} ${o.downloadableCount}`]:(O=t==null?void 0:t.downloadableLinks)==null?void 0:O.result}:{}},r=(b=(u=c==null?void 0:c.thumbnail)==null?void 0:u.url)!=null&&b.length?c.thumbnail.url:a;return N(X,{children:[n(V,{loading:k,title:n("div",{"data-testid":"product-name",children:(T=t==null?void 0:t.product)==null?void 0:T.name}),sku:n("div",{children:c==null?void 0:c.sku}),image:n(Z,{src:r,alt:((q=c==null?void 0:c.thumbnail)==null?void 0:q.label)??"",loading:"lazy",width:"90",height:"120"}),configurations:Q}),n("form",{name:S,ref:i==null?void 0:i.current[m],"data-quantity":E,children:n(z,{className:"className",loading:k,fields:y,onChange:g,onBlur:f,errors:h,values:x})})]},t.id)}),n(H,{"data-testid":"returnFormActions",name:"ReturnFormActions",slot:s==null?void 0:s.ReturnFormActions,context:{handleChangeStep:R},children:N("div",{className:"order-return-reason-form__actions",children:[n(M,{variant:"secondary",type:"button",onClick:()=>{R("products")},children:o.backStep}),n(M,{children:o.submit})]})})]})};export{je as CreateReturn,je as default};
|
|
3
|
+
import{jsx as a,jsxs as N}from"@dropins/tools/preact-jsx-runtime.js";import{classes as B,Slot as T}from"@dropins/tools/lib.js";import{Icon as H,Header as $,InLineAlert as W,Button as M,Checkbox as j,CartItem as G,Image as V}from"@dropins/tools/components.js";import{useState as w,useRef as Z,useEffect as q,useCallback as Q}from"@dropins/tools/preact-hooks.js";import{u as D,a as U}from"../chunks/ShippingStatusCard.js";import*as _ from"@dropins/tools/preact-compat.js";import{u as z}from"../chunks/useGetStoreConfig.js";import{createRef as J,Fragment as K}from"@dropins/tools/preact.js";import{s as X,p as Y,r as I,m as ee}from"../chunks/returnOrdersHelper.js";import{events as te}from"@dropins/tools/event-bus.js";import{g as A}from"../chunks/getQueryParam.js";import{g as re,r as ne,a as ae}from"../chunks/requestGuestReturn.js";import{s as se}from"../chunks/setTaxStatus.js";import{S as ce,C as ie}from"../chunks/CartSummaryItem.js";import{a as ue}from"../chunks/OrderLoaders.js";import{useText as oe}from"@dropins/tools/i18n.js";import"../chunks/getStoreConfig.js";import"../chunks/fetch-graphql.js";import"@dropins/tools/fetch-graphql.js";import"../chunks/getFormValues.js";import"../chunks/network-error.js";import"../chunks/transform-attributes-form.js";import"../fragments.js";import"../chunks/initialize.js";const le=s=>_.createElement("svg",{id:"Icon_Warning_Base",width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...s},_.createElement("g",{clipPath:"url(#clip0_841_1324)"},_.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M11.9949 2.30237L0.802734 21.6977H23.1977L11.9949 2.30237Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"}),_.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M12.4336 10.5504L12.3373 14.4766H11.6632L11.5669 10.5504V9.51273H12.4336V10.5504ZM11.5883 18.2636V17.2687H12.4229V18.2636H11.5883Z",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round"})),_.createElement("defs",null,_.createElement("clipPath",{id:"clip0_841_1324"},_.createElement("rect",{width:24,height:21,fill:"white",transform:"translate(0 1.5)"})))),de=s=>_.createElement("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...s},_.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"}),_.createElement("path",{vectorEffect:"non-scaling-stroke",d:"M6.75 12.762L10.2385 15.75L17.25 9",stroke:"currentColor"})),pe=({onSuccess:s,onError:n,handleSetInLineAlert:c,orderData:l})=>{const[R,L]=w(!1),[u,b]=w({id:"",email:"",...l}),[v,x]=w("products"),[h,d]=w(!0),[g,f]=w([]),[C,e]=w([]),[m,t]=w([]),o=Z([]);o.current.length!==g.length&&(o.current=g.map((r,p)=>o.current[p]||J())),q(()=>{const r=te.on("order/data",p=>{var i;b(p);const O=X(p);t(O),L(((i=A("orderRef"))==null?void 0:i.length)>20),d(!1)},{eager:!0});return()=>{r==null||r.off()}},[]),q(()=>{re("RMA_ITEM").then(r=>{r!=null&&r.length&&(e(r),d(!1))})},[]);const y=Q(r=>{f(p=>p.findIndex(i=>(i==null?void 0:i.productSku)===(r==null?void 0:r.productSku))>-1?p.filter(i=>(i==null?void 0:i.productSku)!==(r==null?void 0:r.productSku)):[...p,r])},[]),S=Q(r=>{x(r),c(),r==="products"&&f([])},[c]),E=Q((r,p)=>{const O=g.map(i=>i.productSku===p?{...i,currentReturnOrderQuantity:r}:i);f(O)},[g]),F=Q(async(r,p)=>{if(!p)return;d(!0);const O={orderUid:u.id,contactEmail:u.email},i=Y(o);R?ae({token:A("orderRef"),contactEmail:O.contactEmail,items:i,commentText:"."}).then(k=>{s==null||s(k),S("success"),c()}).catch(k=>{n==null||n(k.message),c({type:"error",heading:k.message})}):ne({...O,items:i}).then(k=>{s==null||s(k),S("success"),c()}).catch(k=>{n==null||n(k.message),c({type:"error",heading:k.message})}),d(!1)},[S,n,s,c,u,R]);return{order:u,steps:v,loading:h,formsRef:o,attributesList:C,selectedProductList:g,itemsEligibleForReturn:m,handleSelectedProductList:y,handleSetQuantity:E,handleChangeStep:S,onSubmit:F}},me={success:de,warning:le,error:ce},he=()=>{const[s,n]=w({type:"success",heading:""}),c=Q(l=>{if(!(l!=null&&l.type)){n({type:"success",heading:""});return}const R=a(H,{source:me[l.type]});n({...l,icon:R})},[]);return{inLineAlertProps:s,handleSetInLineAlert:c}},We=({className:s,orderData:n,slots:c,onSuccess:l,onError:R,routeReturnSuccess:L,showConfigurableOptions:u})=>{const b=oe({headerText:"Order.CreateReturn.headerText",successTitle:"Order.CreateReturn.success.title",successMessage:"Order.CreateReturn.success.message",sender:"Order.CreateReturn.giftCard.sender",recipient:"Order.CreateReturn.giftCard.recipient",message:"Order.CreateReturn.giftCard.message",outOfStock:"Order.CreateReturn.stockStatus.outOfStock",nextStep:"Order.CreateReturn.buttons.nextStep",backStep:"Order.CreateReturn.buttons.backStep",submit:"Order.CreateReturn.buttons.submit",backStore:"Order.CreateReturn.buttons.backStore",downloadableCount:"Order.CreateReturn.downloadableCount",returnedItems:"Order.CreateReturn.returnedItems",configurationsListQuantity:"Order.CreateReturn.configurationsList.quantity"}),{inLineAlertProps:v,handleSetInLineAlert:x}=he(),h=z(),{order:d,itemsEligibleForReturn:g,formsRef:f,attributesList:C,steps:e,loading:m,selectedProductList:t,handleSelectedProductList:o,handleSetQuantity:y,handleChangeStep:S,onSubmit:E}=pe({orderData:n,onSuccess:l,onError:R,handleSetInLineAlert:x});if(m)return a("div",{children:a(ue,{})});if(!m&&!C.length)return a("div",{});const F=(h==null?void 0:h.baseMediaUrl)??"",r={products:a(fe,{itemsEligibleForReturn:g,placeholderImage:F,taxConfig:se((h==null?void 0:h.shoppingOrderDisplayPrice)??0),slots:c,translations:b,loading:m,selectedProductList:t,handleSelectedProductList:o,showConfigurableOptions:u,handleSetQuantity:y,handleChangeStep:S}),attributes:a(ke,{placeholderImage:F,slots:c,formsRef:f,loading:m,fieldsConfig:C,selectedProductList:t,handleChangeStep:S,translations:b,onSubmit:E}),success:a(ge,{translations:b,routeReturnSuccess:L,orderData:d}),error:null};return N("div",{className:B(["order-create-return",s]),children:[a($,{title:b.headerText}),v.heading?a(W,{className:"order-create-return_notification",variant:"secondary","data-testid":"orderCreateReturnNotification",...v}):null,r[e]]})},ge=({routeReturnSuccess:s,translations:n,orderData:c})=>N("div",{className:"order-return-order-message",children:[a("p",{className:"order-return-order-message__title",children:n.successTitle}),a("p",{className:"order-return-order-message__subtitle",children:n.successMessage}),a(M,{href:(s==null?void 0:s(c))??"#",children:n.backStore})]}),fe=({placeholderImage:s,itemsEligibleForReturn:n,slots:c,loading:l,taxConfig:R,translations:L,selectedProductList:u,handleSelectedProductList:b,showConfigurableOptions:v,handleSetQuantity:x,handleChangeStep:h})=>N("ul",{className:"order-return-order-product-list",children:[n==null?void 0:n.map((d,g)=>{const{quantityReturnRequested:f,quantityShipped:C,eligibleForReturn:e}=d,m=u.some(y=>(y==null?void 0:y.productSku)===d.productSku&&d.eligibleForReturn),t=C===f&&e||!e,o=C-f===0?f:C-f;return N("li",{className:B(["order-return-order-product-list__item",["order-return-order-product-list__item--blur",t]]),children:[a(j,{"data-testid":`key_${g}`,name:`key_${g}`,checked:m,disabled:t,onChange:()=>{b({...d,currentReturnOrderQuantity:1})}}),a(ie,{placeholderImage:s,loading:l,product:{...d,totalQuantity:o||1},itemType:"",taxConfig:R,translations:L,showConfigurableOptions:v,disabledIncrementer:!m,onQuantity:o>1?y=>{x(y,d.productSku)}:void 0}),a(T,{"data-testid":"returnOrderItem",name:"ReturnOrderItem",slot:c==null?void 0:c.ReturnOrderItem})]},d.id)}),a("li",{className:"order-return-order-product-list__item",children:a(M,{type:"button",onClick:()=>h("attributes"),disabled:!u.length,children:L.nextStep})})]}),ke=({placeholderImage:s,slots:n,formsRef:c,selectedProductList:l,loading:R,fieldsConfig:L,translations:u,handleChangeStep:b,onSubmit:v})=>{const{formData:x,errors:h,formRef:d,handleChange:g,handleBlur:f,handleSubmit:C}=D({fieldsConfig:I(L,l==null?void 0:l.length),onSubmit:v});return N("form",{className:"order-return-reason-form",ref:d,onSubmit:C,name:"returnReasonForm",children:[l.map((e,m)=>{var O,i,k,P;const t=e==null?void 0:e.giftCard,o=e==null?void 0:e.product,y=ee(L,m),S=`${e==null?void 0:e.id}_${m}`,E=(e==null?void 0:e.currentReturnOrderQuantity)??1,F={...e!=null&&e.currentReturnOrderQuantity?{[u.configurationsListQuantity]:E}:{},...e.configurableOptions||{},...e.bundleOptions||{},...t!=null&&t.senderName?{[u.sender]:t==null?void 0:t.senderName}:{},...t!=null&&t.senderEmail?{[u.sender]:t==null?void 0:t.senderEmail}:{},...t!=null&&t.recipientName?{[u.recipient]:t==null?void 0:t.recipientName}:{},...t!=null&&t.recipientEmail?{[u.recipient]:t==null?void 0:t.recipientEmail}:{},...t!=null&&t.message?{[u.message]:t==null?void 0:t.message}:{},...e!=null&&e.downloadableLinks?{[`${(O=e==null?void 0:e.downloadableLinks)==null?void 0:O.count} ${u.downloadableCount}`]:(i=e==null?void 0:e.downloadableLinks)==null?void 0:i.result}:{}},r=(k=e==null?void 0:e.product)==null?void 0:k.name,p={title:r,src:((P=o==null?void 0:o.thumbnail)==null?void 0:P.url)??s,alt:r,width:90,height:120,loading:"lazy"};return N(K,{children:[a(G,{loading:R,title:a("div",{"data-testid":"product-name",children:r}),sku:a("div",{children:o==null?void 0:o.sku}),image:a(T,{name:"ReturnReasonFormImage",slot:n==null?void 0:n.ReturnReasonFormImage,context:{data:e,defaultImageProps:p},children:a(V,{...p})}),configurations:F}),a("form",{name:S,ref:c==null?void 0:c.current[m],"data-quantity":E,children:a(U,{className:"className",loading:R,fields:y,onChange:g,onBlur:f,errors:h,values:x})})]},e.id)}),a(T,{"data-testid":"returnFormActions",name:"ReturnFormActions",slot:n==null?void 0:n.ReturnFormActions,context:{handleChangeStep:b},children:N("div",{className:"order-return-reason-form__actions",children:[a(M,{variant:"secondary",type:"button",onClick:()=>{b("products")},children:u.backStep}),a(M,{children:u.submit})]})})]})};export{We as CreateReturn,We as default};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/*! Copyright 2025 Adobe
|
|
2
2
|
All Rights Reserved. */
|
|
3
|
-
import{
|
|
3
|
+
import{jsx as i,jsxs as S,Fragment as A}from"@dropins/tools/preact-jsx-runtime.js";import{classes as L,VComponent as q,Slot as N}from"@dropins/tools/lib.js";import{Card as R,Header as E,Accordion as V,AccordionSection as B,ContentGrid as M,Image as U}from"@dropins/tools/components.js";import{useState as G,useEffect as D}from"@dropins/tools/preact-hooks.js";import"../chunks/ShippingStatusCard.js";import"@dropins/tools/preact-compat.js";import{u as nn}from"../chunks/useGetStoreConfig.js";import"@dropins/tools/preact.js";import{events as en}from"@dropins/tools/event-bus.js";import{C as pn}from"../chunks/OrderLoaders.js";import{u as tn}from"../chunks/useIsMobile.js";import{Text as H,useText as rn}from"@dropins/tools/i18n.js";import"../chunks/getStoreConfig.js";import"../chunks/fetch-graphql.js";import"@dropins/tools/fetch-graphql.js";var Y=(l=>(l.PENDING="pending",l.SHIPPING="shipping",l.COMPLETE="complete",l.PROCESSING="processing",l.HOLD="on hold",l.CANCELED="Canceled",l.SUSPECTED_FRAUD="suspected fraud",l.PAYMENT_REVIEW="payment review",l))(Y||{});const ln=({orderData:l})=>{const[r,p]=G(!0),[n,c]=G(l),[s,g]=G(!1);return D(()=>{const h=en.on("order/data",a=>{c(a),g(a==null?void 0:a.isVirtual),p(!1)},{eager:!0});return l!=null&&l.id&&p(!1),()=>{h==null||h.off()}},[l]),{loading:r,order:n,isVirtualProduct:s}},k=({value:l,variant:r="primary",size:p="medium",icon:n,className:c,children:s,disabled:g=!1,active:h=!1,activeChildren:a,activeIcon:C,href:e,...f})=>{let u="dropin-button";(n&&!s||n&&h&&!a||!n&&h&&C)&&(u="dropin-iconButton"),h&&a&&(u="dropin-button"),c=L([u,`${u}--${p}`,`${u}--${r}`,[`${u}--${r}--disabled`,g],s&&n&&`${u}--with-icon`,!s&&a&&n&&`${u}--with-icon`,h&&C&&`${u}--with-icon`,c]);const b=L(["dropin-button-icon",`dropin-button-icon--${r}`,[`dropin-button-icon--${r}--disabled`,g],n==null?void 0:n.props.className]),m=e?{node:i("a",{}),role:"link",href:e,...f,disabled:g,active:h,onKeyDown:I=>{g&&I.preventDefault()},tabIndex:g?-1:0}:{node:i("button",{}),role:"button",...f,value:l,disabled:g,active:h};return S(q,{...m,className:c,children:[n&&!h&&i(q,{node:n,className:b}),C&&h&&i(q,{node:C,className:b}),s&&!h&&(typeof s=="string"?i("span",{children:s}):s),h&&a&&(typeof a=="string"?i("span",{children:a}):a)]})},sn=({placeholderImage:l,slots:r,collapseThreshold:p,translations:n,returnData:c,routeTracking:s,routeProductDetails:g})=>{var C;const h=tn(),a=g?"a":"span";return S(R,{variant:"secondary",className:L(["order-shipping-status-card","order-shipping-status-card--return-order"]),children:[i(E,{title:n.returnOrderCardTitle}),S("div",{children:[(C=c==null?void 0:c.tracking)==null?void 0:C.map((e,f)=>{var I,O;const u={title:"",number:(e==null?void 0:e.trackingNumber)??"",carrier:((I=e==null?void 0:e.carrier)==null?void 0:I.label)??""},b=s==null?void 0:s(u),m=b?()=>{window.open(b,"_blank","noreferrer")}:null;return S("div",{className:"order-shipping-status-card__header",children:[S("div",{children:[`${n.carrier} `,`${(O=u.carrier)==null?void 0:O.toLocaleUpperCase()} | `,u.number]}),m?i(k,{onClick:m,children:n.trackButton}):null]},`${u.number}_${f}`)}),r!=null&&r.ReturnItemsDetails?i(N,{"data-testid":"returnItemsDetails",name:"ReturnItemsDetails",slot:r==null?void 0:r.ReturnItemsDetails,context:{items:c.items}}):null,i(V,{actionIconPosition:"right","data-testid":"dropinAccordion",children:i(B,{defaultOpen:p>=c.items.length,title:i(H,{id:"Order.ShippingStatusCard.itemText",plural:c.items.reduce((e,f)=>e+f.requestQuantity,0),fields:{count:c.items.reduce((e,f)=>e+f.requestQuantity,0)}}),children:i(M,{maxColumns:h?3:9,emptyGridContent:i(A,{}),className:L(["order-shipping-status-card__images",["order-shipping-status-card__images-3",h]]),children:c.items.map((e,f)=>{var b,m,I;const u={title:((b=e.thumbnail)==null?void 0:b.label)??"",src:((m=e.thumbnail)==null?void 0:m.url)??l,alt:((I=e.thumbnail)==null?void 0:I.label)??"",width:85,height:114,loading:"lazy"};return i(a,{href:(g==null?void 0:g(e))??"#","data-testid":`${f}${e.uid}`,children:i(N,{slotTag:"span",contentTag:"span",name:"ShippingStatusCardImage",slot:r==null?void 0:r.ShippingStatusReturnCardImage,context:{data:e,defaultImageProps:u},children:i(U,{...u})})},`${f}${e.uid}`)})})})})]})]})},dn=({placeholderImage:l,translations:r,slots:p,orderData:n,collapseThreshold:c=10,routeProductDetails:s,routeTracking:g})=>{var O,j,z,F,Q,K,W;const h=!!(n!=null&&n.returnNumber),a=n==null?void 0:n.returnNumber,C=s?"a":"span",e=(O=n==null?void 0:n.status)==null?void 0:O.toLocaleLowerCase(),u=((j=n==null?void 0:n.shipments)==null?void 0:j.length)===1&&(e==null?void 0:e.includes(Y.COMPLETE)),b=(z=n==null?void 0:n.shipments)==null?void 0:z.every(t=>t.tracking.length===0),m=(F=n==null?void 0:n.items)==null?void 0:F.filter(t=>(t==null?void 0:t.quantityShipped)===0||(t==null?void 0:t.quantityShipped)<(t==null?void 0:t.quantityOrdered)),I=(Q=n==null?void 0:n.items)==null?void 0:Q.reduce((t,o)=>{const T=o.quantityOrdered-o.quantityShipped;return t+(T>0?T:0)},0);if(h&&(n!=null&&n.returns.length)){const t=n.returns.find(o=>o.returnNumber===a);return!t||t.tracking.length===0?null:i(sn,{placeholderImage:l,slots:p,collapseThreshold:c,translations:r,returnData:t,routeTracking:g,routeProductDetails:s})}return!n||e!=null&&e.includes(Y.CANCELED)?null:(K=n==null?void 0:n.shipments)!=null&&K.length?b&&!(m!=null&&m.length)&&u?null:S(A,{children:[(W=n==null?void 0:n.shipments)==null?void 0:W.map(({tracking:t,items:o,id:T},w)=>{const _=o.reduce((d,y)=>d+((y==null?void 0:y.quantityShipped)??y.orderItem.quantityShipped??0),0);return S(R,{variant:"secondary",className:"order-shipping-status-card",children:[i(E,{title:r.shippingCardTitle}),t==null?void 0:t.map(d=>{var x;const y=g==null?void 0:g(d),$=y?()=>{window.open(y,"_blank","noreferrer")}:null;return S("div",{className:"order-shipping-status-card__header",role:"status",children:[S("div",{className:"order-shipping-status-card__header--content",children:[S("p",{children:[r.carrier," ",(x=d==null?void 0:d.carrier)==null?void 0:x.toLocaleUpperCase()," | ",d==null?void 0:d.number]}),i("p",{children:d==null?void 0:d.title})]}),p!=null&&p.DeliveryTrackActions?i(N,{"data-testid":"deliverySlotActions",name:"DeliveryTrackActions",slot:p==null?void 0:p.DeliveryTrackActions,context:{trackInformation:d}}):$?i(k,{onClick:$,children:r.trackButton}):null]},d.number)}),u?null:i(V,{actionIconPosition:"right","data-testid":"dropinAccordion",children:i(B,{"data-position":w+1,defaultOpen:c>=(o==null?void 0:o.length),title:i(H,{id:"Order.ShippingStatusCard.notYetShippedImagesTitle",plural:_,fields:{count:_}}),children:i(M,{maxColumns:6,emptyGridContent:i(A,{}),className:"order-shipping-status-card__images",children:o==null?void 0:o.map(d=>{var x,J,X,Z,v,P;const y=((X=(J=(x=d==null?void 0:d.orderItem)==null?void 0:x.product)==null?void 0:J.thumbnail)==null?void 0:X.label)??"",$={title:y,src:((P=(v=(Z=d==null?void 0:d.orderItem)==null?void 0:Z.product)==null?void 0:v.thumbnail)==null?void 0:P.url)??l,alt:y,width:85,height:114,loading:"eager"};return i(C,{href:(s==null?void 0:s(d))??"#",children:i(N,{slotTag:"span",contentTag:"span",name:"ShippingStatusCardImage",slot:p==null?void 0:p.ShippingStatusCardImage,context:{data:d,defaultImageProps:$},children:i(U,{...$})})},d.id)})})})}),p!=null&&p.DeliveryTimeLine?i(N,{"data-testid":"deliverySlotTimeLine",name:"DeliveryTimeLine",slot:p==null?void 0:p.DeliveryTimeLine,context:{}}):null]},T)}),m!=null&&m.length?S(R,{variant:"secondary",className:"order-shipping-status-card","data-testid":"dropinAccordionNotYetShipped2",children:[i(E,{title:r.notYetShippedTitle}),i(V,{actionIconPosition:"right",children:i(B,{defaultOpen:c>=(m==null?void 0:m.length),title:i(H,{id:"Order.ShippingStatusCard.notYetShippedImagesTitle",plural:I,fields:{count:I}}),children:i(M,{maxColumns:6,emptyGridContent:i(A,{}),className:"order-shipping-status-card__images",children:m==null?void 0:m.map(t=>{var T,w,_;const o={title:((T=t.thumbnail)==null?void 0:T.label)??"",src:((w=t.thumbnail)==null?void 0:w.url)??"",alt:((_=t.thumbnail)==null?void 0:_.label)??"",width:85,height:114,loading:"lazy"};return i(C,{href:(s==null?void 0:s(t))??"#",children:i(N,{slotTag:"span",contentTag:"span",name:"NotYetShippedProductImage",slot:p==null?void 0:p.NotYetShippedProductImage,context:{data:t,defaultImageProps:o},children:i(U,{...o})})},t.id)})})})})]}):null]}):S(R,{variant:"secondary",className:"order-shipping-status-card",children:[i(E,{title:r.shippingInfoTitle}),i("div",{className:"order-shipping-status-card__header",children:S("div",{className:"order-shipping-status-card__header--content",children:[n!=null&&n.carrier?i("p",{children:n==null?void 0:n.carrier}):null,i("p",{children:r.noInfoTitle})]})})]})},On=({slots:l,className:r,collapseThreshold:p,orderData:n,routeOrderDetails:c,routeTracking:s,routeProductDetails:g})=>{const{loading:h,order:a,isVirtualProduct:C}=ln({orderData:n}),e=nn(),f=rn({carrier:"Order.ShippingStatusCard.carrier",prepositionOf:"Order.ShippingStatusCard.prepositionOf",returnOrderCardTitle:"Order.ShippingStatusCard.returnOrderCardTitle",shippingCardTitle:"Order.ShippingStatusCard.shippingCardTitle",shippingInfoTitle:"Order.ShippingStatusCard.shippingInfoTitle",notYetShippedTitle:"Order.ShippingStatusCard.notYetShippedTitle",noInfoTitle:"Order.ShippingStatusCard.noInfoTitle",returnNumber:"Order.ShippingStatusCard.returnNumber",orderNumber:"Order.ShippingStatusCard.orderNumber",trackButton:"Order.ShippingStatusCard.trackButton"});if(!h&&C)return null;const u=(e==null?void 0:e.baseMediaUrl)??"";return i("div",{className:L(["order-shipping-status",r]),children:!h&&a?i(dn,{placeholderImage:u,translations:f,routeOrderDetails:c,routeTracking:s,slots:l,orderData:a,collapseThreshold:p,routeProductDetails:g}):i(pn,{withCard:!1})})};export{On as ShippingStatus,On as default};
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name": "@dropins/storefront-order", "version": "1.0.6-
|
|
1
|
+
{"name": "@dropins/storefront-order", "version": "1.0.6-beta2", "@dropins/tools": "~1.1.0", "license": "SEE LICENSE IN LICENSE.md"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { AttributesFormModel, OrderDataModel, OrderItemModel } from '../data/models';
|
|
2
2
|
import { InLineAlertProps, TaxTypes } from '.';
|
|
3
3
|
import { SlotProps } from '../../@adobe-commerce/elsie/src/lib';
|
|
4
|
+
import { ImageProps } from '../../@adobe-commerce/elsie/src/components';
|
|
4
5
|
import { RefObject } from 'preact';
|
|
5
6
|
import { MutableRefObject } from 'preact/compat';
|
|
6
7
|
|
|
@@ -19,6 +20,14 @@ export interface CreateReturnProps {
|
|
|
19
20
|
ReturnFormActions: SlotProps<{
|
|
20
21
|
handleChangeStep: (value: StepsTypes) => void;
|
|
21
22
|
}>;
|
|
23
|
+
ReturnReasonFormImage?: SlotProps<{
|
|
24
|
+
data: OrderItemModel;
|
|
25
|
+
defaultImageProps: ImageProps;
|
|
26
|
+
}>;
|
|
27
|
+
CartSummaryItemImage?: SlotProps<{
|
|
28
|
+
data: OrderItemModel;
|
|
29
|
+
defaultImageProps: ImageProps;
|
|
30
|
+
}>;
|
|
22
31
|
};
|
|
23
32
|
className: string;
|
|
24
33
|
onSuccess?: (response: onSuccessTypes | {}) => void;
|
|
@@ -30,6 +39,10 @@ export interface ReturnOrderProductListProps {
|
|
|
30
39
|
placeholderImage: string;
|
|
31
40
|
slots?: {
|
|
32
41
|
ReturnOrderItem: SlotProps;
|
|
42
|
+
CartSummaryItemImage?: SlotProps<{
|
|
43
|
+
data: OrderItemModel;
|
|
44
|
+
defaultImageProps: ImageProps;
|
|
45
|
+
}>;
|
|
33
46
|
};
|
|
34
47
|
itemsEligibleForReturn: OrderItemModel[];
|
|
35
48
|
loading: boolean;
|
|
@@ -47,6 +60,10 @@ export interface ReturnReasonFormProps {
|
|
|
47
60
|
ReturnFormActions: SlotProps<{
|
|
48
61
|
handleChangeStep: (value: StepsTypes) => void;
|
|
49
62
|
}>;
|
|
63
|
+
ReturnReasonFormImage?: SlotProps<{
|
|
64
|
+
data: OrderItemModel;
|
|
65
|
+
defaultImageProps: ImageProps;
|
|
66
|
+
}>;
|
|
50
67
|
};
|
|
51
68
|
formsRef: MutableRefObject<RefObject<HTMLFormElement>[]>;
|
|
52
69
|
loading: boolean;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { SlotProps } from '../../@adobe-commerce/elsie/src/lib';
|
|
2
2
|
import { OrderDataModel, OrderItemModel } from '../data/models';
|
|
3
|
+
import { ImageProps } from '../../@adobe-commerce/elsie/src/components';
|
|
3
4
|
|
|
4
5
|
type options = Record<string, string | number | boolean>;
|
|
5
6
|
export type TaxTypes = {
|
|
@@ -9,6 +10,10 @@ export type TaxTypes = {
|
|
|
9
10
|
export interface OrderProductListProps {
|
|
10
11
|
slots?: {
|
|
11
12
|
Footer: SlotProps;
|
|
13
|
+
CartSummaryItemImage?: SlotProps<{
|
|
14
|
+
data: OrderItemModel;
|
|
15
|
+
defaultImageProps: ImageProps;
|
|
16
|
+
}>;
|
|
12
17
|
};
|
|
13
18
|
orderData?: OrderDataModel;
|
|
14
19
|
className?: string;
|
|
@@ -25,6 +30,10 @@ export interface OrderProductListContentProps extends Omit<OrderProductListProps
|
|
|
25
30
|
export interface CartSummaryItemProps {
|
|
26
31
|
slots?: {
|
|
27
32
|
Footer: SlotProps;
|
|
33
|
+
CartSummaryItemImage?: SlotProps<{
|
|
34
|
+
data: OrderItemModel;
|
|
35
|
+
defaultImageProps: ImageProps;
|
|
36
|
+
}>;
|
|
28
37
|
};
|
|
29
38
|
placeholderImage?: string;
|
|
30
39
|
disabledIncrementer?: boolean;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { SlotProps } from '../../@adobe-commerce/elsie/src/src/lib';
|
|
2
|
+
import { ImageProps } from '../../@adobe-commerce/elsie/src/components';
|
|
2
3
|
import { OrderDataModel, OrderItemModel, OrdersReturnItemsPropsModel, OrdersReturnPropsModel, PageInfoProps } from '../data/models';
|
|
3
4
|
|
|
4
5
|
export interface IconConfig {
|
|
@@ -18,6 +19,10 @@ export interface ReturnsListProps {
|
|
|
18
19
|
DetailsActionParams?: SlotProps<{
|
|
19
20
|
returnOrderItem: OrdersReturnPropsModel;
|
|
20
21
|
}>;
|
|
22
|
+
ReturnListImage?: SlotProps<{
|
|
23
|
+
data: OrdersReturnItemsPropsModel;
|
|
24
|
+
defaultImageProps: ImageProps;
|
|
25
|
+
}>;
|
|
21
26
|
};
|
|
22
27
|
returnPageSize?: number;
|
|
23
28
|
withReturnsListButton?: boolean;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'preact/compat';
|
|
2
2
|
import { SlotProps } from '../../@adobe-commerce/elsie/src/lib';
|
|
3
|
-
import { OrderDataModel, OrdersReturnPropsModel } from '../data/models';
|
|
3
|
+
import { OrderDataModel, OrderItemModel, OrdersReturnItemsPropsModel, OrdersReturnPropsModel, ShipmentItemsModel } from '../data/models';
|
|
4
|
+
import { ImageProps } from '../../@adobe-commerce/elsie/src/components';
|
|
4
5
|
|
|
5
6
|
type routeOrderDetailsTypes = {
|
|
6
7
|
returnNumber?: string;
|
|
@@ -19,6 +20,18 @@ export interface ShippingStatusProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
19
20
|
DeliveryTimeLine?: SlotProps;
|
|
20
21
|
DeliveryTrackActions?: SlotProps;
|
|
21
22
|
ReturnItemsDetails?: SlotProps;
|
|
23
|
+
ShippingStatusCardImage?: SlotProps<{
|
|
24
|
+
data: ShipmentItemsModel;
|
|
25
|
+
defaultImageProps: ImageProps;
|
|
26
|
+
}>;
|
|
27
|
+
NotYetShippedProductImage?: SlotProps<{
|
|
28
|
+
data: OrderItemModel;
|
|
29
|
+
defaultImageProps: ImageProps;
|
|
30
|
+
}>;
|
|
31
|
+
ShippingStatusReturnCardImage?: SlotProps<{
|
|
32
|
+
data: OrdersReturnItemsPropsModel;
|
|
33
|
+
defaultImageProps: ImageProps;
|
|
34
|
+
}>;
|
|
22
35
|
};
|
|
23
36
|
routeOrderDetails?: ({ returnNumber, token, orderNumber, }: routeOrderDetailsTypes) => string;
|
|
24
37
|
routeTracking?: (track: routeTrackingProps) => string;
|
|
@@ -34,6 +47,18 @@ export interface ShippingStatusCardProps {
|
|
|
34
47
|
DeliveryTimeLine?: SlotProps;
|
|
35
48
|
DeliveryTrackActions?: SlotProps;
|
|
36
49
|
ReturnItemsDetails?: SlotProps;
|
|
50
|
+
ShippingStatusCardImage?: SlotProps<{
|
|
51
|
+
data: ShipmentItemsModel;
|
|
52
|
+
defaultImageProps: ImageProps;
|
|
53
|
+
}>;
|
|
54
|
+
NotYetShippedProductImage?: SlotProps<{
|
|
55
|
+
data: OrderItemModel;
|
|
56
|
+
defaultImageProps: ImageProps;
|
|
57
|
+
}>;
|
|
58
|
+
ShippingStatusReturnCardImage?: SlotProps<{
|
|
59
|
+
data: OrdersReturnItemsPropsModel;
|
|
60
|
+
defaultImageProps: ImageProps;
|
|
61
|
+
}>;
|
|
37
62
|
};
|
|
38
63
|
orderData?: OrderDataModel;
|
|
39
64
|
collapseThreshold?: number;
|