npm - @dropins/storefront-account - Versions diffs - 1.2.0 → 1.2.1-alpha1 - Mend

@dropins/storefront-account 1.2.0 → 1.2.1-alpha1

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.

Files changed (3) hide show

package/containers/OrdersList.js +1 -1
package/containers/OrdersList.js.map +1 -1
package/package.json +1 -1

package/containers/OrdersList.js CHANGED Viewed

@@ -1,4 +1,4 @@
 /*! Copyright 2025 Adobe
 All Rights Reserved. */
-import{jsx as t,jsxs as l,Fragment as x}from"@dropins/tools/preact-jsx-runtime.js";import{classes as k,Slot as m}from"@dropins/tools/lib.js";import{S as B,c as j,E as Q,C as R}from"../chunks/AddressValidation.js";import"@dropins/tools/preact-compat.js";import{Card as G,Icon as F,Image as J,Price as X,ContentGrid as Z,Header as rr,Picker as tr,Pagination as er}from"@dropins/tools/components.js";import{useText as H}from"@dropins/tools/i18n.js";import{useState as y,useEffect as E,useMemo as U,useCallback as K}from"@dropins/tools/preact-hooks.js";import"@dropins/tools/event-bus.js";import{g as ar}from"../chunks/getOrderHistoryList.js";import{g as sr}from"../chunks/getStoreConfig.js";import"../chunks/removeCustomerAddress.js";import"@dropins/tools/fetch-graphql.js";import"@dropins/tools/preact.js";import"../fragments.js";const V={size:"32",stroke:"2"},W=({minifiedView:n,orderNumber:c,orderToken:r,routeOrdersList:a,routeOrderDetails:u})=>{const s=n?"minifiedView":"fullSizeView",i=H({viewAllOrdersButton:`Account.${s}.OrdersList.viewAllOrdersButton`,ariaLabelLink:`Account.${s}.OrdersList.ariaLabelLink`});return a?t("a",{className:k(["account-orders-list-action",["account-orders-list-action--minifiedView",n]]),"data-testid":"ordersListActionButtonMinifiedView",href:a(),children:t(G,{"data-testid":"ordersListActionMinifiedView",variant:"secondary",children:l("div",{className:"account-orders-list-action__card-wrapper",children:[t("p",{children:i.viewAllOrdersButton}),t(F,{source:B,...V})]})})}):t("a",{"aria-label":`${i.ariaLabelLink} ${c??r}`,href:j(u)?u(c,r):"#",className:"account-orders-list-action","data-testid":"ordersListActionButton",children:t(F,{source:B,...V})})},nr=()=>{const[n,c]=y(window.innerWidth<768);return E(()=>{const r=()=>{c(window.innerWidth<768)};return window.addEventListener("resize",r),()=>{window.removeEventListener("resize",r)}},[]),n},cr=({placeholderImage:n,minifiedView:c,item:r,withThumbnails:a,children:u,slots:s,routeTracking:i,routeOrderProduct:g,routeReturnDetails:f,...b})=>{var M,w,P,N,z,T,O,Y,_,D,v,C;const o=c?"minifiedView":"fullSizeView",h=H({orderNumber:`Account.${o}.OrdersList.OrdersListCard.orderNumber`,itemsAmount:`Account.${o}.OrdersList.OrdersListCard.itemsAmount`,carrier:`Account.${o}.OrdersList.OrdersListCard.carrier`,returnsText:`Account.${o}.OrdersList.OrdersListCard.returns`,deliveryDateText:`Account.${o}.OrdersList.OrdersListCard.orderDate`}),d=nr(),S=j(g),L=U(()=>((r==null?void 0:r.items)??[]).map((e,p)=>{var $,q;const A={title:(e==null?void 0:e.productName)??"",src:((q=($=e==null?void 0:e.product)==null?void 0:$.smallImage)==null?void 0:q.url)||n,alt:(e==null?void 0:e.productName)??"",width:65,height:65,loading:"eager"};return t(m,{name:"OrderItemImage",slot:s==null?void 0:s.OrderItemImage,context:{data:e,defaultImageProps:A},children:S?t("a",{href:(g==null?void 0:g(e))??"",target:"_blank",rel:"noreferrer",children:t(J,{...A})}):t(J,{...A})},`${p}_${e.id}`)}),[S,r.items,n,g,s==null?void 0:s.OrderItemImage]);return l(G,{variant:"secondary",...b,className:k(["account-orders-list-card",["account-orders-list-card--full",((M=r==null?void 0:r.items)==null?void 0:M.length)>6]]),children:[t("div",{className:"account-orders-list-card__content",children:s!=null&&s.OrdersListCard?t(m,{"data-testid":`ordersListCard${r.id}`,name:"OrdersListCard",slot:s==null?void 0:s.OrdersListCard,context:{orderHistoryListItem:r}}):l(x,{children:[t("div",{children:r==null?void 0:r.status}),l("p",{children:[h.deliveryDateText," ",r==null?void 0:r.orderDate]}),l("p",{children:[h.orderNumber," ",r.number]}),(w=r==null?void 0:r.shipments)==null?void 0:w.map(e=>{var p;return(p=e==null?void 0:e.tracking)==null?void 0:p.map(A=>{const $=i==null?void 0:i(A);return l("p",{"data-testid":A.number,children:[t("span",{children:`${h.carrier} ${A.carrier.toLocaleUpperCase()} `}),$?t("a",{href:$,target:"_blank",className:"account-orders-list-card__content--track_number",rel:"noreferrer",children:A.number}):t("span",{className:"account-orders-list-card__content--track_number",children:A.number})]},e.id)})}),r!=null&&r.returns&&((P=r.returns)!=null&&P.length)?l("p",{"data-testid":r.number,children:[l("span",{children:[h.returnsText," "]}),(N=r==null?void 0:r.returns)==null?void 0:N.map(e=>t("span",{"data-testid":e.number,children:l("a",{href:(f==null?void 0:f({orderNumber:r.number,orderToken:r.token,returnNumber:e.number}))??"#",className:"account-orders-list-card__content--return_number",children:[e.number," "]})},e.uid))]},r.id):null,t("p",{children:t(X,{amount:((T=(z=r==null?void 0:r.total)==null?void 0:z.grandTotal)==null?void 0:T.value)??0,currency:(Y=(O=r==null?void 0:r.total)==null?void 0:O.grandTotal)==null?void 0:Y.currency,weight:"normal",size:"medium"})}),l("p",{"data-testid":"itemsAmount",children:[(_=r==null?void 0:r.items)!=null&&_.length?(D=r==null?void 0:r.items)==null?void 0:D.reduce((e,p)=>{const A=(p==null?void 0:p.quantityOrdered)||0;return e+A},0):0," ",h.itemsAmount]}),(v=r==null?void 0:r.items)==null?void 0:v.map((e,p)=>{if(p>=0&&p<10)return l("p",{className:"account-orders-list-card__content--product-name",children:[l("span",{className:"account-orders-list-card__content--quantity",children:[(e==null?void 0:e.quantityOrdered)>1?e==null?void 0:e.quantityOrdered:null," "]}),e==null?void 0:e.productName.replaceAll("-"," ")]},`${p}_${e.id}`);if(p===11)return t("p",{children:"..."},"ellipsis")})]})}),a&&((C=r==null?void 0:r.items)!=null&&C.length)?t(Z,{maxColumns:d?3:9,emptyGridContent:t(x,{}),className:k(["account-orders-list-card__images",["account-orders-list-card__images-3",d]]),"data-testid":"ordersListCardImages",children:L}):null,t("div",{className:"account-orders-list-card__actions",children:u})]})},or=({ordersInMinifiedView:n,minifiedView:c,pageSize:r,selectedDate:a,selectedPage:u,handleSetFirstOrderDate:s})=>{const[i,g]=y([]),[f,b]=y({totalPages:1,currentPage:1,pageSize:1}),[o,h]=y(!1),[d,S]=y("");return E(()=>{sr().then(L=>{S(L.baseMediaUrl)})},[]),E(()=>{h(!0),ar(c?n:r,a,u).then(L=>{!L||!L.items||(b(L.pageInfo),g(L.items),s==null||s(L.dateOfFirstOrder))}).finally(()=>{h(!1)})},[s,c,n,r,a,u]),{loading:o,orderHistoryListItems:i,pageInfo:f,placeholderImage:d}},I=(n,c=1)=>{const r=new Date,a=new Date(r);switch(n){case"sixMonthsAgo":{a.setMonth(a.getMonth()-c);break}case"oneYearAgo":{a.setFullYear(a.getFullYear()-c);break}default:return""}return{from:a==null?void 0:a.toISOString().split("T")[0],to:`${r==null?void 0:r.toISOString().split("T")[0]} 23:59:59`}},dr=n=>{const c=[],r=new Date().getFullYear();for(let a=n;a<=r-1;a++)c.push({value:`{"from":"${a}-01-01","to":"${a+1}-01-01 23:59:59"}`,text:a.toString()});return c},ir=()=>{const n=H({pastSixMonths:"Account.fullSizeView.OrdersList.OrdersListSelectDate.pastSixMonths",currentYear:"Account.fullSizeView.OrdersList.OrdersListSelectDate.currentYear",viewAll:"Account.fullSizeView.OrdersList.OrdersListSelectDate.viewAll"}),[c,r]=y(),[a,u]=y(JSON.stringify(I("sixMonthsAgo",6))),[s,i]=y(1);E(()=>{window==null||window.scrollTo({top:100,behavior:"smooth"})},[s]);const g=U(()=>{const o=[{value:JSON.stringify(I("sixMonthsAgo",6)),text:n.pastSixMonths},{value:JSON.stringify(I("oneYearAgo",1)),text:n.currentYear},{value:"viewAll",text:n.viewAll}];if(c){const d=new Date(c).getFullYear();o==null||o.splice(2,0,...dr(d))}return o},[n,c]),f=K(o=>{r(o)},[]),b=K(o=>{const d=o.target.value;u(d),i(1)},[]);return{selectableDateList:g,selectedDate:a,selectedPage:s,handleSelectDate:b,setSelectedPage:i,handleSetFirstOrderDate:f}},lr=({className:n,withHeader:c=!0,minifiedView:r=!1,withThumbnails:a=!0,withFilter:u=!0,ordersInMinifiedView:s=1,pageSize:i=10,routeOrdersList:g,routeOrderDetails:f,routeReturnDetails:b,routeTracking:o,routeOrderProduct:h,slots:d})=>{const S=r?"minifiedView":"fullSizeView",L=H({containerTitle:`Account.${S}.OrdersList.containerTitle`,dateOrderPlaced:`Account.${S}.OrdersList.dateOrderPlaced`}),{selectableDateList:M,selectedDate:w,handleSelectDate:P,selectedPage:N,setSelectedPage:z,handleSetFirstOrderDate:T}=ir(),{pageInfo:O,loading:Y,orderHistoryListItems:_,placeholderImage:D}=or({minifiedView:r,pageSize:i,ordersInMinifiedView:s,selectedDate:w,selectedPage:N,handleSetFirstOrderDate:T});return l("div",{children:[c?t(rr,{"aria-label":L.containerTitle,role:"region",title:L.containerTitle,divider:!r,className:r?"account-orders-list-header":""}):null,l("div",{className:k(["account-orders-list",n]),children:[!r&&u?l("div",{className:"account-orders-list__date-select",children:[t("span",{children:L.dateOrderPlaced}),t(tr,{value:w,name:"orderDatePicker",options:M,handleSelect:P})]}):null,Y?t(x,{children:Array.from(Array(O==null?void 0:O.pageSize).keys()).map(v=>t(R,{testId:"orderSkeletonLoader",withCard:!1},v))}):t(x,{children:_.length?t(x,{children:_.map((v,C)=>t(cr,{placeholderImage:D,routeTracking:o,routeOrderProduct:h,routeReturnDetails:b,minifiedView:r,item:v,withThumbnails:a,slots:d,children:d!=null&&d.OrdersListAction?t(m,{"data-testid":`ordersListActionSlot_${C}`,name:"OrdersListAction",slot:d==null?void 0:d.OrdersListAction,context:{orderHistoryListItem:v}}):t(W,{minifiedView:r,orderNumber:v.number,orderToken:v.token,routeOrderDetails:f})},C))}):t(Q,{isEmpty:!_.length,typeList:"orders",minifiedView:r})}),!r&&(O==null?void 0:O.totalPages)>1?t(er,{totalPages:O==null?void 0:O.totalPages,currentPage:N,onChange:z}):null,r?t(W,{minifiedView:r,routeOrdersList:g}):null]})]})},Nr=({className:n,withHeader:c,minifiedView:r,withThumbnails:a,withFilter:u,ordersInMinifiedView:s,pageSize:i,routeOrdersList:g,routeOrderDetails:f,routeReturnDetails:b,routeTracking:o,routeOrderProduct:h,slots:d})=>t("div",{className:k(["account-orders-list",n]),"data-testid":"ordersListId",children:t(lr,{className:n,withHeader:c,minifiedView:r,withThumbnails:a,withFilter:u,ordersInMinifiedView:s,pageSize:i,routeOrdersList:g,routeOrderDetails:f,routeReturnDetails:b,routeTracking:o,routeOrderProduct:h,slots:d})});export{Nr as OrdersList,Nr as default};
+import{jsx as t,jsxs as u,Fragment as M}from"@dropins/tools/preact-jsx-runtime.js";import{classes as T,Slot as m}from"@dropins/tools/lib.js";import{S as B,c as j,E as R,C as Q}from"../chunks/AddressValidation.js";import"@dropins/tools/preact-compat.js";import{Card as G,Icon as F,Image as J,Price as X,ContentGrid as Z,Header as rr,Picker as tr,Pagination as er}from"@dropins/tools/components.js";import{useText as H}from"@dropins/tools/i18n.js";import{useState as y,useEffect as P,useMemo as U,useCallback as K}from"@dropins/tools/preact-hooks.js";import{events as sr}from"@dropins/tools/event-bus.js";import{g as ar}from"../chunks/getOrderHistoryList.js";import{g as nr}from"../chunks/getStoreConfig.js";import"../chunks/removeCustomerAddress.js";import"@dropins/tools/fetch-graphql.js";import"@dropins/tools/preact.js";import"../fragments.js";const V={size:"32",stroke:"2"},W=({minifiedView:n,orderNumber:c,orderToken:r,routeOrdersList:s,routeOrderDetails:h})=>{const a=n?"minifiedView":"fullSizeView",l=H({viewAllOrdersButton:`Account.${a}.OrdersList.viewAllOrdersButton`,ariaLabelLink:`Account.${a}.OrdersList.ariaLabelLink`});return s?t("a",{className:T(["account-orders-list-action",["account-orders-list-action--minifiedView",n]]),"data-testid":"ordersListActionButtonMinifiedView",href:s(),children:t(G,{"data-testid":"ordersListActionMinifiedView",variant:"secondary",children:u("div",{className:"account-orders-list-action__card-wrapper",children:[t("p",{children:l.viewAllOrdersButton}),t(F,{source:B,...V})]})})}):t("a",{"aria-label":`${l.ariaLabelLink} ${c??r}`,href:j(h)?h(c,r):"#",className:"account-orders-list-action","data-testid":"ordersListActionButton",children:t(F,{source:B,...V})})},cr=()=>{const[n,c]=y(window.innerWidth<768);return P(()=>{const r=()=>{c(window.innerWidth<768)};return window.addEventListener("resize",r),()=>{window.removeEventListener("resize",r)}},[]),n},or=({placeholderImage:n,minifiedView:c,item:r,withThumbnails:s,children:h,slots:a,routeTracking:l,routeOrderProduct:L,routeReturnDetails:O,...b})=>{var w,i,N,$,z,Y,f,D,C,E,v,x;const o=c?"minifiedView":"fullSizeView",g=H({orderNumber:`Account.${o}.OrdersList.OrdersListCard.orderNumber`,itemsAmount:`Account.${o}.OrdersList.OrdersListCard.itemsAmount`,carrier:`Account.${o}.OrdersList.OrdersListCard.carrier`,returnsText:`Account.${o}.OrdersList.OrdersListCard.returns`,deliveryDateText:`Account.${o}.OrdersList.OrdersListCard.orderDate`}),d=cr(),S=j(L),_=U(()=>((r==null?void 0:r.items)??[]).map((e,p)=>{var k,q;const A={title:(e==null?void 0:e.productName)??"",src:((q=(k=e==null?void 0:e.product)==null?void 0:k.smallImage)==null?void 0:q.url)||n,alt:(e==null?void 0:e.productName)??"",width:65,height:65,loading:"eager"};return t(m,{name:"OrderItemImage",slot:a==null?void 0:a.OrderItemImage,context:{data:e,defaultImageProps:A},children:S?t("a",{href:(L==null?void 0:L(e))??"",target:"_blank",rel:"noreferrer",children:t(J,{...A})}):t(J,{...A})},`${p}_${e.id}`)}),[S,r.items,n,L,a==null?void 0:a.OrderItemImage]);return u(G,{variant:"secondary",...b,className:T(["account-orders-list-card",["account-orders-list-card--full",((w=r==null?void 0:r.items)==null?void 0:w.length)>6]]),children:[t("div",{className:"account-orders-list-card__content",children:a!=null&&a.OrdersListCard?t(m,{"data-testid":`ordersListCard${r.id}`,name:"OrdersListCard",slot:a==null?void 0:a.OrdersListCard,context:{orderHistoryListItem:r}}):u(M,{children:[t("div",{children:r==null?void 0:r.status}),u("p",{children:[g.deliveryDateText," ",r==null?void 0:r.orderDate]}),u("p",{children:[g.orderNumber," ",r.number]}),(i=r==null?void 0:r.shipments)==null?void 0:i.map(e=>{var p;return(p=e==null?void 0:e.tracking)==null?void 0:p.map(A=>{const k=l==null?void 0:l(A);return u("p",{"data-testid":A.number,children:[t("span",{children:`${g.carrier} ${A.carrier.toLocaleUpperCase()} `}),k?t("a",{href:k,target:"_blank",className:"account-orders-list-card__content--track_number",rel:"noreferrer",children:A.number}):t("span",{className:"account-orders-list-card__content--track_number",children:A.number})]},e.id)})}),r!=null&&r.returns&&((N=r.returns)!=null&&N.length)?u("p",{"data-testid":r.number,children:[u("span",{children:[g.returnsText," "]}),($=r==null?void 0:r.returns)==null?void 0:$.map(e=>t("span",{"data-testid":e.number,children:u("a",{href:(O==null?void 0:O({orderNumber:r.number,orderToken:r.token,returnNumber:e.number}))??"#",className:"account-orders-list-card__content--return_number",children:[e.number," "]})},e.uid))]},r.id):null,t("p",{children:t(X,{amount:((Y=(z=r==null?void 0:r.total)==null?void 0:z.grandTotal)==null?void 0:Y.value)??0,currency:(D=(f=r==null?void 0:r.total)==null?void 0:f.grandTotal)==null?void 0:D.currency,weight:"normal",size:"medium"})}),u("p",{"data-testid":"itemsAmount",children:[(C=r==null?void 0:r.items)!=null&&C.length?(E=r==null?void 0:r.items)==null?void 0:E.reduce((e,p)=>{const A=(p==null?void 0:p.quantityOrdered)||0;return e+A},0):0," ",g.itemsAmount]}),(v=r==null?void 0:r.items)==null?void 0:v.map((e,p)=>{if(p>=0&&p<10)return u("p",{className:"account-orders-list-card__content--product-name",children:[u("span",{className:"account-orders-list-card__content--quantity",children:[(e==null?void 0:e.quantityOrdered)>1?e==null?void 0:e.quantityOrdered:null," "]}),e==null?void 0:e.productName.replaceAll("-"," ")]},`${p}_${e.id}`);if(p===11)return t("p",{children:"..."},"ellipsis")})]})}),s&&((x=r==null?void 0:r.items)!=null&&x.length)?t(Z,{maxColumns:d?3:9,emptyGridContent:t(M,{}),className:T(["account-orders-list-card__images",["account-orders-list-card__images-3",d]]),"data-testid":"ordersListCardImages",children:_}):null,t("div",{className:"account-orders-list-card__actions",children:h})]})},dr=({ordersInMinifiedView:n,minifiedView:c,pageSize:r,selectedDate:s,selectedPage:h,handleSetFirstOrderDate:a})=>{const[l,L]=y([]),[O,b]=y({totalPages:1,currentPage:1,pageSize:1}),[o,g]=y(!1),[d,S]=y(""),[_,w]=y(0);return P(()=>{nr().then(i=>{S(i.baseMediaUrl)})},[]),P(()=>{const i=sr.on("companyContext/changed",()=>{w(N=>N+1)});return()=>{i==null||i.off()}},[]),P(()=>{g(!0),ar(c?n:r,s,h).then(i=>{!i||!i.items||(b(i.pageInfo),L(i.items),a==null||a(i.dateOfFirstOrder))}).finally(()=>{g(!1)})},[a,c,n,r,s,h,_]),{loading:o,orderHistoryListItems:l,pageInfo:O,placeholderImage:d}},I=(n,c=1)=>{const r=new Date,s=new Date(r);switch(n){case"sixMonthsAgo":{s.setMonth(s.getMonth()-c);break}case"oneYearAgo":{s.setFullYear(s.getFullYear()-c);break}default:return""}return{from:s==null?void 0:s.toISOString().split("T")[0],to:`${r==null?void 0:r.toISOString().split("T")[0]} 23:59:59`}},ir=n=>{const c=[],r=new Date().getFullYear();for(let s=n;s<=r-1;s++)c.push({value:`{"from":"${s}-01-01","to":"${s+1}-01-01 23:59:59"}`,text:s.toString()});return c},lr=()=>{const n=H({pastSixMonths:"Account.fullSizeView.OrdersList.OrdersListSelectDate.pastSixMonths",currentYear:"Account.fullSizeView.OrdersList.OrdersListSelectDate.currentYear",viewAll:"Account.fullSizeView.OrdersList.OrdersListSelectDate.viewAll"}),[c,r]=y(),[s,h]=y(JSON.stringify(I("sixMonthsAgo",6))),[a,l]=y(1);P(()=>{window==null||window.scrollTo({top:100,behavior:"smooth"})},[a]);const L=U(()=>{const o=[{value:JSON.stringify(I("sixMonthsAgo",6)),text:n.pastSixMonths},{value:JSON.stringify(I("oneYearAgo",1)),text:n.currentYear},{value:"viewAll",text:n.viewAll}];if(c){const d=new Date(c).getFullYear();o==null||o.splice(2,0,...ir(d))}return o},[n,c]),O=K(o=>{r(o)},[]),b=K(o=>{const d=o.target.value;h(d),l(1)},[]);return{selectableDateList:L,selectedDate:s,selectedPage:a,handleSelectDate:b,setSelectedPage:l,handleSetFirstOrderDate:O}},ur=({className:n,withHeader:c=!0,minifiedView:r=!1,withThumbnails:s=!0,withFilter:h=!0,ordersInMinifiedView:a=1,pageSize:l=10,routeOrdersList:L,routeOrderDetails:O,routeReturnDetails:b,routeTracking:o,routeOrderProduct:g,slots:d})=>{const S=r?"minifiedView":"fullSizeView",_=H({containerTitle:`Account.${S}.OrdersList.containerTitle`,dateOrderPlaced:`Account.${S}.OrdersList.dateOrderPlaced`}),{selectableDateList:w,selectedDate:i,handleSelectDate:N,selectedPage:$,setSelectedPage:z,handleSetFirstOrderDate:Y}=lr(),{pageInfo:f,loading:D,orderHistoryListItems:C,placeholderImage:E}=dr({minifiedView:r,pageSize:l,ordersInMinifiedView:a,selectedDate:i,selectedPage:$,handleSetFirstOrderDate:Y});return u("div",{children:[c?t(rr,{"aria-label":_.containerTitle,role:"region",title:_.containerTitle,divider:!r,className:r?"account-orders-list-header":""}):null,u("div",{className:T(["account-orders-list",n]),children:[!r&&h?u("div",{className:"account-orders-list__date-select",children:[t("span",{children:_.dateOrderPlaced}),t(tr,{value:i,name:"orderDatePicker",options:w,handleSelect:N})]}):null,D?t(M,{children:Array.from(Array(f==null?void 0:f.pageSize).keys()).map(v=>t(Q,{testId:"orderSkeletonLoader",withCard:!1},v))}):t(M,{children:C.length?t(M,{children:C.map((v,x)=>t(or,{placeholderImage:E,routeTracking:o,routeOrderProduct:g,routeReturnDetails:b,minifiedView:r,item:v,withThumbnails:s,slots:d,children:d!=null&&d.OrdersListAction?t(m,{"data-testid":`ordersListActionSlot_${x}`,name:"OrdersListAction",slot:d==null?void 0:d.OrdersListAction,context:{orderHistoryListItem:v}}):t(W,{minifiedView:r,orderNumber:v.number,orderToken:v.token,routeOrderDetails:O})},x))}):t(R,{isEmpty:!C.length,typeList:"orders",minifiedView:r})}),!r&&(f==null?void 0:f.totalPages)>1?t(er,{totalPages:f==null?void 0:f.totalPages,currentPage:$,onChange:z}):null,r?t(W,{minifiedView:r,routeOrdersList:L}):null]})]})},Cr=({className:n,withHeader:c,minifiedView:r,withThumbnails:s,withFilter:h,ordersInMinifiedView:a,pageSize:l,routeOrdersList:L,routeOrderDetails:O,routeReturnDetails:b,routeTracking:o,routeOrderProduct:g,slots:d})=>t("div",{className:T(["account-orders-list",n]),"data-testid":"ordersListId",children:t(ur,{className:n,withHeader:c,minifiedView:r,withThumbnails:s,withFilter:h,ordersInMinifiedView:a,pageSize:l,routeOrdersList:L,routeOrderDetails:O,routeReturnDetails:b,routeTracking:o,routeOrderProduct:g,slots:d})});export{Cr as OrdersList,Cr as default};
 //# sourceMappingURL=OrdersList.js.map

package/containers/OrdersList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrdersList.js","sources":["/@dropins/storefront-account/src/components/OrdersListAction/OrdersListAction.tsx","/@dropins/storefront-account/src/hooks/useIsMobile.tsx","/@dropins/storefront-account/src/components/OrdersListCard/OrdersListCard.tsx","/@dropins/storefront-account/src/hooks/containers/useOrdersList.tsx","/@dropins/storefront-account/src/lib/getDateRange.ts","/@dropins/storefront-account/src/hooks/containers/useOrderSelectList.tsx","/@dropins/storefront-account/src/components/OrdersListWrapper/OrdersListWrapper.tsx","/@dropins/storefront-account/src/containers/OrdersList/OrdersList.tsx"],"sourcesContent":["/*******************************************************************\n ADOBE CONFIDENTIAL\n * __________________\n \n Copyright 2024 Adobe\n * All Rights Reserved.\n \n NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *****************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { OrdersListActionProps } from '@/account/types';\nimport { Icon, Card } from '@adobe-commerce/elsie/components';\nimport { ChevronRight } from '@adobe-commerce/elsie/icons';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { checkIsFunction } from '@/account/lib/checkIsFunction';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport '@/account/components/OrdersListAction/OrdersListAction.css';\n\ninterface IconConfig {\n size: '12' \| '16' \| '24' \| '32' \| '64' \| '80' \| undefined;\n stroke: '4' \| '1' \| '2' \| '3' \| undefined;\n}\n\nconst iconConfig: IconConfig = { size: '32', stroke: '2' };\n\nexport const OrdersListAction: FunctionComponent<OrdersListActionProps> = ({\n minifiedView,\n orderNumber,\n orderToken,\n routeOrdersList,\n routeOrderDetails,\n}) => {\n const minifiedViewKey = minifiedView ? 'minifiedView' : 'fullSizeView';\n\n const translations = useText({\n viewAllOrdersButton: `Account.${minifiedViewKey}.OrdersList.viewAllOrdersButton`,\n ariaLabelLink: `Account.${minifiedViewKey}.OrdersList.ariaLabelLink`,\n });\n\n if (routeOrdersList) {\n return (\n <a\n className={classes([\n 'account-orders-list-action',\n ['account-orders-list-action--minifiedView', minifiedView],\n ])}\n data-testid=\"ordersListActionButtonMinifiedView\"\n href={routeOrdersList()}\n >\n <Card data-testid=\"ordersListActionMinifiedView\" variant=\"secondary\">\n <div className=\"account-orders-list-action__card-wrapper\">\n <p>{translations.viewAllOrdersButton}</p>\n\n <Icon source={ChevronRight} {...iconConfig} />\n </div>\n </Card>\n </a>\n );\n }\n\n return (\n <a\n aria-label={`${translations.ariaLabelLink} ${orderNumber ?? orderToken}`}\n href={\n checkIsFunction(routeOrderDetails)\n ? routeOrderDetails(orderNumber, orderToken)\n : '#'\n }\n className=\"account-orders-list-action\"\n data-testid=\"ordersListActionButton\"\n >\n <Icon source={ChevronRight} {...iconConfig} />\n </a>\n );\n};\n","/*****************************************************************\n ADOBE CONFIDENTIAL\n * __________________\n \n Copyright 2024 Adobe\n * All Rights Reserved.\n \n NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *****************************************************************/\n\nimport { useState, useEffect } from 'preact/hooks';\n\nexport const useIsMobile = () => {\n const [isMobile, setIsMobile] = useState(window.innerWidth < 768);\n\n useEffect(() => {\n const handleResize = () => {\n setIsMobile(window.innerWidth < 768);\n };\n\n window.addEventListener('resize', handleResize);\n\n return () => {\n window.removeEventListener('resize', handleResize);\n };\n }, []);\n\n return isMobile;\n};\n","/*****************************************************************\n ADOBE CONFIDENTIAL\n * __________________\n \n Copyright 2024 Adobe\n * All Rights Reserved.\n \n NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *****************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { classes, Slot } from '@adobe-commerce/elsie/lib';\nimport { OrdersListCardProps } from '@/account/types';\nimport { Card, Image, ContentGrid, Price } from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport '@/account/components/OrdersListCard/OrdersListCard.css';\nimport { OrderItem } from '@/account/data/models';\nimport { useIsMobile } from '@/account/hooks/useIsMobile';\nimport { checkIsFunction } from '@/account/lib/checkIsFunction';\nimport { useMemo } from 'preact/hooks';\n\nexport const OrdersListCard: FunctionComponent<OrdersListCardProps> = ({\n placeholderImage,\n minifiedView,\n item,\n withThumbnails,\n children,\n slots,\n routeTracking,\n routeOrderProduct,\n routeReturnDetails,\n ...props\n}) => {\n const minifiedViewKey = minifiedView ? 'minifiedView' : 'fullSizeView';\n\n const translations = useText({\n orderNumber: `Account.${minifiedViewKey}.OrdersList.OrdersListCard.orderNumber`,\n itemsAmount: `Account.${minifiedViewKey}.OrdersList.OrdersListCard.itemsAmount`,\n carrier: `Account.${minifiedViewKey}.OrdersList.OrdersListCard.carrier`,\n returnsText: `Account.${minifiedViewKey}.OrdersList.OrdersListCard.returns`,\n deliveryDateText: `Account.${minifiedViewKey}.OrdersList.OrdersListCard.orderDate`,\n });\n\n const isMobile = useIsMobile();\n const hasProductRoute = checkIsFunction(routeOrderProduct);\n\n const orderItemsImages = useMemo(() => {\n return (item?.items ?? []).map((orderItem: OrderItem, index) => {\n const defaultImageProps = {\n title: orderItem?.productName ?? '',\n src: orderItem?.product?.smallImage?.url \|\| placeholderImage,\n alt: orderItem?.productName ?? '',\n width: 65,\n height: 65,\n loading: 'eager',\n } as const;\n\n return (\n <Slot\n key={`${index}_${orderItem.id}`}\n name=\"OrderItemImage\"\n slot={slots?.OrderItemImage}\n context={{\n data: orderItem,\n defaultImageProps,\n }}\n >\n {hasProductRoute ? (\n <a\n href={routeOrderProduct?.(orderItem) ?? ''}\n target=\"_blank\"\n rel=\"noreferrer\"\n >\n <Image {...defaultImageProps} />\n </a>\n ) : (\n <Image {...defaultImageProps} />\n )}\n </Slot>\n );\n });\n }, [\n hasProductRoute,\n item.items,\n placeholderImage,\n routeOrderProduct,\n slots?.OrderItemImage,\n ]);\n\n return (\n <Card\n variant=\"secondary\"\n {...props}\n className={classes([\n 'account-orders-list-card',\n ['account-orders-list-card--full', item?.items?.length > 6],\n ])}\n >\n <div className=\"account-orders-list-card__content\">\n {slots?.OrdersListCard ? (\n <Slot\n data-testid={`ordersListCard${item.id}`}\n name=\"OrdersListCard\"\n slot={slots?.OrdersListCard}\n context={{ orderHistoryListItem: item }}\n />\n ) : (\n <>\n <div>{item?.status}</div>\n <p>\n {translations.deliveryDateText} {item?.orderDate}\n </p>\n <p>\n {translations.orderNumber} {item.number}\n </p>\n {item?.shipments?.map((element) => {\n return element?.tracking?.map((item) => {\n const trackingRoute = routeTracking?.(item);\n\n return (\n <p key={element.id} data-testid={item.number}>\n <span>{`${\n translations.carrier\n } ${item.carrier.toLocaleUpperCase()} `}</span>\n {trackingRoute ? (\n <a\n href={trackingRoute}\n target={'_blank'}\n className=\"account-orders-list-card__content--track_number\"\n rel=\"noreferrer\"\n >\n {item.number}\n </a>\n ) : (\n <span className=\"account-orders-list-card__content--track_number\">\n {item.number}\n </span>\n )}\n </p>\n );\n });\n })}\n {item?.returns && item.returns?.length ? (\n <p key={item.id} data-testid={item.number}>\n <span>{translations.returnsText} </span>\n {item?.returns?.map((returnData) => (\n <span key={returnData.uid} data-testid={returnData.number}>\n <a\n href={\n routeReturnDetails?.({\n orderNumber: item.number,\n orderToken: item.token,\n returnNumber: returnData.number,\n }) ?? '#'\n }\n className=\"account-orders-list-card__content--return_number\"\n >\n {returnData.number}{' '}\n </a>\n </span>\n ))}\n </p>\n ) : null}\n <p>\n <Price\n amount={item?.total?.grandTotal?.value ?? 0}\n currency={item?.total?.grandTotal?.currency}\n weight=\"normal\"\n size=\"medium\"\n />\n </p>\n <p data-testid={'itemsAmount'}>\n {item?.items?.length\n ? item?.items?.reduce((sum, element) => {\n const quantityOrdered = element?.quantityOrdered \|\| 0;\n return sum + quantityOrdered;\n }, 0)\n : 0}{' '}\n {translations.itemsAmount}\n </p>\n {item?.items?.map((element, index) => {\n if (index >= 0 && index < 10) {\n return (\n <p\n key={`${index}_${element.id}`}\n className={\n 'account-orders-list-card__content--product-name'\n }\n >\n <span className=\"account-orders-list-card__content--quantity\">\n {element?.quantityOrdered! > 1\n ? element?.quantityOrdered\n : null}{' '}\n </span>\n {element?.productName.replaceAll('-', ' ')}\n </p>\n );\n }\n\n if (index === 11) return <p key={'ellipsis'}>...</p>;\n })}\n </>\n )}\n </div>\n {withThumbnails && item?.items?.length ? (\n <ContentGrid\n maxColumns={isMobile ? 3 : 9}\n emptyGridContent={<></>}\n className={classes([\n 'account-orders-list-card__images',\n ['account-orders-list-card__images-3', isMobile],\n ])}\n data-testid=\"ordersListCardImages\"\n >\n {orderItemsImages}\n </ContentGrid>\n ) : null}\n\n <div className=\"account-orders-list-card__actions\">{children}</div>\n </Card>\n );\n};\n","/*****************************************************************\n ADOBE CONFIDENTIAL\n * __________________\n \n Copyright 2024 Adobe\n * All Rights Reserved.\n \n NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *****************************************************************/\n\nimport { getOrderHistoryList, getStoreConfig } from '@/account/api';\nimport { OrderDetails } from '@/account/data/models';\nimport { UseOrdersListProps } from '@/account/types';\nimport { useEffect, useState } from 'preact/hooks';\n\nexport const useOrdersList = ({\n ordersInMinifiedView,\n minifiedView,\n pageSize,\n selectedDate,\n selectedPage,\n handleSetFirstOrderDate,\n}: UseOrdersListProps) => {\n const [orderHistoryListItems, setOrderHistoryListItems] = useState<\n OrderDetails[]\n >([]);\n const [pageInfo, setPageInfo] = useState<{\n totalPages: number;\n currentPage: number;\n pageSize: number;\n }>({ totalPages: 1, currentPage: 1, pageSize: 1 });\n const [loading, setLoading] = useState(false);\n const [placeholderImage, setPlaceholderImage] = useState('');\n\n useEffect(() => {\n getStoreConfig().then((response) => {\n setPlaceholderImage(response.baseMediaUrl);\n });\n }, []);\n\n useEffect(() => {\n setLoading(true);\n\n getOrderHistoryList(\n minifiedView ? ordersInMinifiedView : pageSize,\n selectedDate,\n selectedPage\n )\n .then((response) => {\n if (!response \|\| !response.items) return;\n\n setPageInfo(response.pageInfo);\n setOrderHistoryListItems(response.items);\n handleSetFirstOrderDate?.(response.dateOfFirstOrder);\n })\n .finally(() => {\n setLoading(false);\n });\n }, [\n handleSetFirstOrderDate,\n minifiedView,\n ordersInMinifiedView,\n pageSize,\n selectedDate,\n selectedPage,\n ]);\n\n return {\n loading,\n orderHistoryListItems,\n pageInfo,\n placeholderImage,\n };\n};\n","/*****************************************************************\n ADOBE CONFIDENTIAL\n * __________________\n \n Copyright 2024 Adobe\n * All Rights Reserved.\n \n NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *****************************************************************/\n\nexport interface FilterDateProps {\n from: string;\n to: string;\n}\n\nexport const getDateRange = (\n key: 'sixMonthsAgo' \| 'oneYearAgo' \| '',\n numberRange = 1\n): FilterDateProps \| '' => {\n const currentDate = new Date();\n const pastDate = new Date(currentDate);\n\n switch (key) {\n case 'sixMonthsAgo': {\n pastDate.setMonth(pastDate.getMonth() - numberRange);\n break;\n }\n case 'oneYearAgo': {\n pastDate.setFullYear(pastDate.getFullYear() - numberRange);\n break;\n }\n default:\n return '';\n }\n\n const result = {\n from: pastDate?.toISOString().split('T')[0],\n to: `${currentDate?.toISOString().split('T')[0]} 23:59:59`,\n };\n\n return result;\n};\n\nexport const addYearsToList = (\n startYear: number\n): { value: string; text: string }[] => {\n const result = [];\n const currentYear = new Date().getFullYear();\n\n for (let year = startYear; year <= currentYear - 1; year++) {\n result.push({\n value: `{\"from\":\"${year}-01-01\",\"to\":\"${year + 1}-01-01 23:59:59\"}`,\n text: year.toString(),\n });\n }\n\n return result;\n};\n","/*****************************************************************\n ADOBE CONFIDENTIAL\n * __________________\n \n Copyright 2024 Adobe\n * All Rights Reserved.\n \n NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *****************************************************************/\n\nimport { addYearsToList, getDateRange } from '@/account/lib/getDateRange';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { useCallback, useMemo, useState, useEffect } from 'preact/hooks';\n\nexport const useOrderSelectList = () => {\n const translations = useText({\n pastSixMonths:\n 'Account.fullSizeView.OrdersList.OrdersListSelectDate.pastSixMonths',\n currentYear:\n 'Account.fullSizeView.OrdersList.OrdersListSelectDate.currentYear',\n viewAll: 'Account.fullSizeView.OrdersList.OrdersListSelectDate.viewAll',\n });\n\n const [firstOrderDate, setFirstOrderDate] = useState<string>();\n const [selectedDate, setSelectedDate] = useState<string>(\n JSON.stringify(getDateRange('sixMonthsAgo', 6))\n );\n const [selectedPage, setSelectedPage] = useState<number>(1);\n\n useEffect(() => {\n window?.scrollTo({\n top: 100,\n behavior: 'smooth',\n });\n }, [selectedPage]);\n\n const selectableDateList = useMemo(() => {\n const result = [\n {\n value: JSON.stringify(getDateRange('sixMonthsAgo', 6)),\n text: translations.pastSixMonths,\n },\n {\n value: JSON.stringify(getDateRange('oneYearAgo', 1)),\n text: translations.currentYear,\n },\n {\n value: 'viewAll',\n text: translations.viewAll,\n },\n ];\n\n if (firstOrderDate) {\n const date = new Date(firstOrderDate);\n const year = date.getFullYear();\n\n result?.splice(2, 0, ...addYearsToList(year));\n }\n\n return result;\n }, [translations, firstOrderDate]);\n\n const handleSetFirstOrderDate = useCallback((date: string) => {\n setFirstOrderDate(date);\n }, []);\n\n const handleSelectDate = useCallback((event: Event) => {\n const selectElement = event.target as HTMLSelectElement;\n\n const selectedValue = selectElement.value;\n\n setSelectedDate(selectedValue);\n setSelectedPage(1);\n }, []);\n\n return {\n selectableDateList,\n selectedDate,\n selectedPage,\n handleSelectDate,\n setSelectedPage,\n handleSetFirstOrderDate,\n };\n};\n","/*****************************************************************\n ADOBE CONFIDENTIAL\n * __________________\n \n Copyright 2024 Adobe\n * All Rights Reserved.\n \n NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *****************************************************************/\n\nimport { classes, Container, Slot } from '@adobe-commerce/elsie/lib';\nimport {\n CardLoader,\n EmptyList,\n OrdersListAction,\n OrdersListCard,\n} from '@/account/components';\nimport { Header, Pagination, Picker } from '@adobe-commerce/elsie/components';\nimport { useOrdersList } from '@/account/hooks/containers/useOrdersList';\nimport { OrdersListWrapperProps } from '@/account/types';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport '@/account/components/OrdersListWrapper/OrdersListWrapper.css';\nimport { useOrderSelectList } from '@/account/hooks/containers/useOrderSelectList';\n\nexport const OrdersListWrapper: Container<OrdersListWrapperProps> = ({\n className,\n withHeader = true,\n minifiedView = false,\n withThumbnails = true,\n withFilter = true,\n ordersInMinifiedView = 1,\n pageSize = 10,\n routeOrdersList,\n routeOrderDetails,\n routeReturnDetails,\n routeTracking,\n routeOrderProduct,\n slots,\n}) => {\n const minifiedViewKey = minifiedView ? 'minifiedView' : 'fullSizeView';\n\n const translations = useText({\n containerTitle: `Account.${minifiedViewKey}.OrdersList.containerTitle`,\n dateOrderPlaced: `Account.${minifiedViewKey}.OrdersList.dateOrderPlaced`,\n });\n\n const {\n selectableDateList,\n selectedDate,\n handleSelectDate,\n selectedPage,\n setSelectedPage,\n handleSetFirstOrderDate,\n } = useOrderSelectList();\n\n const { pageInfo, loading, orderHistoryListItems, placeholderImage } =\n useOrdersList({\n minifiedView,\n pageSize,\n ordersInMinifiedView,\n selectedDate,\n selectedPage,\n handleSetFirstOrderDate,\n });\n\n return (\n <div>\n {withHeader ? (\n <Header\n aria-label={translations.containerTitle}\n role=\"region\"\n title={translations.containerTitle}\n divider={!minifiedView}\n className={minifiedView ? 'account-orders-list-header' : ''}\n />\n ) : null}\n\n <div className={classes(['account-orders-list', className])}>\n {!minifiedView && withFilter ? (\n <div className={'account-orders-list__date-select'}>\n <span>{translations.dateOrderPlaced}</span>\n <Picker\n value={selectedDate}\n name=\"orderDatePicker\"\n options={selectableDateList}\n handleSelect={handleSelectDate}\n />\n </div>\n ) : null}\n\n {!loading ? (\n <>\n {orderHistoryListItems.length ? (\n <>\n {orderHistoryListItems.map((el, index) => {\n return (\n <OrdersListCard\n placeholderImage={placeholderImage}\n routeTracking={routeTracking}\n routeOrderProduct={routeOrderProduct}\n routeReturnDetails={routeReturnDetails}\n minifiedView={minifiedView}\n item={el}\n withThumbnails={withThumbnails}\n key={index}\n slots={slots}\n >\n {slots?.OrdersListAction ? (\n <Slot\n data-testid={`ordersListActionSlot_${index}`}\n name=\"OrdersListAction\"\n slot={slots?.OrdersListAction}\n context={{ orderHistoryListItem: el }}\n />\n ) : (\n <OrdersListAction\n minifiedView={minifiedView}\n orderNumber={el.number}\n orderToken={el.token}\n routeOrderDetails={routeOrderDetails}\n />\n )}\n </OrdersListCard>\n );\n })}\n </>\n ) : (\n <EmptyList\n isEmpty={!orderHistoryListItems.length}\n typeList=\"orders\"\n minifiedView={minifiedView}\n />\n )}\n </>\n ) : (\n <>\n {Array.from(Array(pageInfo?.pageSize).keys()).map((i) => (\n <CardLoader\n testId={'orderSkeletonLoader'}\n withCard={false}\n key={i}\n />\n ))}\n </>\n )}\n {!minifiedView && pageInfo?.totalPages > 1 ? (\n <Pagination\n totalPages={pageInfo?.totalPages}\n currentPage={selectedPage}\n onChange={setSelectedPage}\n />\n ) : null}\n\n {minifiedView ? (\n <OrdersListAction\n minifiedView={minifiedView}\n routeOrdersList={routeOrdersList}\n />\n ) : null}\n </div>\n </div>\n );\n};\n","/*****************************************************************\n ADOBE CONFIDENTIAL\n * __________________\n \n Copyright 2024 Adobe\n * All Rights Reserved.\n \n NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { classes, Container } from '@adobe-commerce/elsie/lib';\nimport { OrdersListProps } from '@/account/types';\nimport { OrdersListWrapper } from '@/account/components/OrdersListWrapper';\n\nexport const OrdersList: Container<OrdersListProps> = ({\n className,\n withHeader,\n minifiedView,\n withThumbnails,\n withFilter,\n ordersInMinifiedView,\n pageSize,\n routeOrdersList,\n routeOrderDetails,\n routeReturnDetails,\n routeTracking,\n routeOrderProduct,\n slots,\n}) => {\n return (\n <div\n className={classes(['account-orders-list', className])}\n data-testid=\"ordersListId\"\n >\n <OrdersListWrapper\n className={className}\n withHeader={withHeader}\n minifiedView={minifiedView}\n withThumbnails={withThumbnails}\n withFilter={withFilter}\n ordersInMinifiedView={ordersInMinifiedView}\n pageSize={pageSize}\n routeOrdersList={routeOrdersList}\n routeOrderDetails={routeOrderDetails}\n routeReturnDetails={routeReturnDetails}\n routeTracking={routeTracking}\n routeOrderProduct={routeOrderProduct}\n slots={slots}\n />\n </div>\n );\n};\n"],"names":["iconConfig","OrdersListAction","minifiedView","orderNumber","orderToken","routeOrdersList","routeOrderDetails","minifiedViewKey","translations","useText","jsx","classes","Card","jsxs","Icon","ChevronRight","checkIsFunction","useIsMobile","isMobile","setIsMobile","useState","useEffect","handleResize","OrdersListCard","placeholderImage","item","withThumbnails","children","slots","routeTracking","routeOrderProduct","routeReturnDetails","props","hasProductRoute","orderItemsImages","useMemo","orderItem","index","defaultImageProps","_b","_a","Slot","Image","Fragment","element","trackingRoute","_c","_d","returnData","Price","_f","_e","_h","_g","_i","_j","sum","quantityOrdered","_k","_l","ContentGrid","useOrdersList","ordersInMinifiedView","pageSize","selectedDate","selectedPage","handleSetFirstOrderDate","orderHistoryListItems","setOrderHistoryListItems","pageInfo","setPageInfo","loading","setLoading","setPlaceholderImage","getStoreConfig","response","getOrderHistoryList","getDateRange","key","numberRange","currentDate","pastDate","addYearsToList","startYear","result","currentYear","year","useOrderSelectList","firstOrderDate","setFirstOrderDate","setSelectedDate","setSelectedPage","selectableDateList","useCallback","date","handleSelectDate","event","selectedValue","OrdersListWrapper","className","withHeader","withFilter","Header","Picker","i","CardLoader","el","EmptyList","Pagination","OrdersList"],"mappings":"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"}
1	+ {"version":3,"file":"OrdersList.js","sources":["/@dropins/storefront-account/src/components/OrdersListAction/OrdersListAction.tsx","/@dropins/storefront-account/src/hooks/useIsMobile.tsx","/@dropins/storefront-account/src/components/OrdersListCard/OrdersListCard.tsx","/@dropins/storefront-account/src/hooks/containers/useOrdersList.tsx","/@dropins/storefront-account/src/lib/getDateRange.ts","/@dropins/storefront-account/src/hooks/containers/useOrderSelectList.tsx","/@dropins/storefront-account/src/components/OrdersListWrapper/OrdersListWrapper.tsx","/@dropins/storefront-account/src/containers/OrdersList/OrdersList.tsx"],"sourcesContent":["/*******************************************************************\n ADOBE CONFIDENTIAL\n * __________________\n \n Copyright 2024 Adobe\n * All Rights Reserved.\n \n NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *****************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { OrdersListActionProps } from '@/account/types';\nimport { Icon, Card } from '@adobe-commerce/elsie/components';\nimport { ChevronRight } from '@adobe-commerce/elsie/icons';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { checkIsFunction } from '@/account/lib/checkIsFunction';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport '@/account/components/OrdersListAction/OrdersListAction.css';\n\ninterface IconConfig {\n size: '12' \| '16' \| '24' \| '32' \| '64' \| '80' \| undefined;\n stroke: '4' \| '1' \| '2' \| '3' \| undefined;\n}\n\nconst iconConfig: IconConfig = { size: '32', stroke: '2' };\n\nexport const OrdersListAction: FunctionComponent<OrdersListActionProps> = ({\n minifiedView,\n orderNumber,\n orderToken,\n routeOrdersList,\n routeOrderDetails,\n}) => {\n const minifiedViewKey = minifiedView ? 'minifiedView' : 'fullSizeView';\n\n const translations = useText({\n viewAllOrdersButton: `Account.${minifiedViewKey}.OrdersList.viewAllOrdersButton`,\n ariaLabelLink: `Account.${minifiedViewKey}.OrdersList.ariaLabelLink`,\n });\n\n if (routeOrdersList) {\n return (\n <a\n className={classes([\n 'account-orders-list-action',\n ['account-orders-list-action--minifiedView', minifiedView],\n ])}\n data-testid=\"ordersListActionButtonMinifiedView\"\n href={routeOrdersList()}\n >\n <Card data-testid=\"ordersListActionMinifiedView\" variant=\"secondary\">\n <div className=\"account-orders-list-action__card-wrapper\">\n <p>{translations.viewAllOrdersButton}</p>\n\n <Icon source={ChevronRight} {...iconConfig} />\n </div>\n </Card>\n </a>\n );\n }\n\n return (\n <a\n aria-label={`${translations.ariaLabelLink} ${orderNumber ?? orderToken}`}\n href={\n checkIsFunction(routeOrderDetails)\n ? routeOrderDetails(orderNumber, orderToken)\n : '#'\n }\n className=\"account-orders-list-action\"\n data-testid=\"ordersListActionButton\"\n >\n <Icon source={ChevronRight} {...iconConfig} />\n </a>\n );\n};\n","/*****************************************************************\n ADOBE CONFIDENTIAL\n * __________________\n \n Copyright 2024 Adobe\n * All Rights Reserved.\n \n NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *****************************************************************/\n\nimport { useState, useEffect } from 'preact/hooks';\n\nexport const useIsMobile = () => {\n const [isMobile, setIsMobile] = useState(window.innerWidth < 768);\n\n useEffect(() => {\n const handleResize = () => {\n setIsMobile(window.innerWidth < 768);\n };\n\n window.addEventListener('resize', handleResize);\n\n return () => {\n window.removeEventListener('resize', handleResize);\n };\n }, []);\n\n return isMobile;\n};\n","/*****************************************************************\n ADOBE CONFIDENTIAL\n * __________________\n \n Copyright 2024 Adobe\n * All Rights Reserved.\n \n NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *****************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { classes, Slot } from '@adobe-commerce/elsie/lib';\nimport { OrdersListCardProps } from '@/account/types';\nimport { Card, Image, ContentGrid, Price } from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport '@/account/components/OrdersListCard/OrdersListCard.css';\nimport { OrderItem } from '@/account/data/models';\nimport { useIsMobile } from '@/account/hooks/useIsMobile';\nimport { checkIsFunction } from '@/account/lib/checkIsFunction';\nimport { useMemo } from 'preact/hooks';\n\nexport const OrdersListCard: FunctionComponent<OrdersListCardProps> = ({\n placeholderImage,\n minifiedView,\n item,\n withThumbnails,\n children,\n slots,\n routeTracking,\n routeOrderProduct,\n routeReturnDetails,\n ...props\n}) => {\n const minifiedViewKey = minifiedView ? 'minifiedView' : 'fullSizeView';\n\n const translations = useText({\n orderNumber: `Account.${minifiedViewKey}.OrdersList.OrdersListCard.orderNumber`,\n itemsAmount: `Account.${minifiedViewKey}.OrdersList.OrdersListCard.itemsAmount`,\n carrier: `Account.${minifiedViewKey}.OrdersList.OrdersListCard.carrier`,\n returnsText: `Account.${minifiedViewKey}.OrdersList.OrdersListCard.returns`,\n deliveryDateText: `Account.${minifiedViewKey}.OrdersList.OrdersListCard.orderDate`,\n });\n\n const isMobile = useIsMobile();\n const hasProductRoute = checkIsFunction(routeOrderProduct);\n\n const orderItemsImages = useMemo(() => {\n return (item?.items ?? []).map((orderItem: OrderItem, index) => {\n const defaultImageProps = {\n title: orderItem?.productName ?? '',\n src: orderItem?.product?.smallImage?.url \|\| placeholderImage,\n alt: orderItem?.productName ?? '',\n width: 65,\n height: 65,\n loading: 'eager',\n } as const;\n\n return (\n <Slot\n key={`${index}_${orderItem.id}`}\n name=\"OrderItemImage\"\n slot={slots?.OrderItemImage}\n context={{\n data: orderItem,\n defaultImageProps,\n }}\n >\n {hasProductRoute ? (\n <a\n href={routeOrderProduct?.(orderItem) ?? ''}\n target=\"_blank\"\n rel=\"noreferrer\"\n >\n <Image {...defaultImageProps} />\n </a>\n ) : (\n <Image {...defaultImageProps} />\n )}\n </Slot>\n );\n });\n }, [\n hasProductRoute,\n item.items,\n placeholderImage,\n routeOrderProduct,\n slots?.OrderItemImage,\n ]);\n\n return (\n <Card\n variant=\"secondary\"\n {...props}\n className={classes([\n 'account-orders-list-card',\n ['account-orders-list-card--full', item?.items?.length > 6],\n ])}\n >\n <div className=\"account-orders-list-card__content\">\n {slots?.OrdersListCard ? (\n <Slot\n data-testid={`ordersListCard${item.id}`}\n name=\"OrdersListCard\"\n slot={slots?.OrdersListCard}\n context={{ orderHistoryListItem: item }}\n />\n ) : (\n <>\n <div>{item?.status}</div>\n <p>\n {translations.deliveryDateText} {item?.orderDate}\n </p>\n <p>\n {translations.orderNumber} {item.number}\n </p>\n {item?.shipments?.map((element) => {\n return element?.tracking?.map((item) => {\n const trackingRoute = routeTracking?.(item);\n\n return (\n <p key={element.id} data-testid={item.number}>\n <span>{`${\n translations.carrier\n } ${item.carrier.toLocaleUpperCase()} `}</span>\n {trackingRoute ? (\n <a\n href={trackingRoute}\n target={'_blank'}\n className=\"account-orders-list-card__content--track_number\"\n rel=\"noreferrer\"\n >\n {item.number}\n </a>\n ) : (\n <span className=\"account-orders-list-card__content--track_number\">\n {item.number}\n </span>\n )}\n </p>\n );\n });\n })}\n {item?.returns && item.returns?.length ? (\n <p key={item.id} data-testid={item.number}>\n <span>{translations.returnsText} </span>\n {item?.returns?.map((returnData) => (\n <span key={returnData.uid} data-testid={returnData.number}>\n <a\n href={\n routeReturnDetails?.({\n orderNumber: item.number,\n orderToken: item.token,\n returnNumber: returnData.number,\n }) ?? '#'\n }\n className=\"account-orders-list-card__content--return_number\"\n >\n {returnData.number}{' '}\n </a>\n </span>\n ))}\n </p>\n ) : null}\n <p>\n <Price\n amount={item?.total?.grandTotal?.value ?? 0}\n currency={item?.total?.grandTotal?.currency}\n weight=\"normal\"\n size=\"medium\"\n />\n </p>\n <p data-testid={'itemsAmount'}>\n {item?.items?.length\n ? item?.items?.reduce((sum, element) => {\n const quantityOrdered = element?.quantityOrdered \|\| 0;\n return sum + quantityOrdered;\n }, 0)\n : 0}{' '}\n {translations.itemsAmount}\n </p>\n {item?.items?.map((element, index) => {\n if (index >= 0 && index < 10) {\n return (\n <p\n key={`${index}_${element.id}`}\n className={\n 'account-orders-list-card__content--product-name'\n }\n >\n <span className=\"account-orders-list-card__content--quantity\">\n {element?.quantityOrdered! > 1\n ? element?.quantityOrdered\n : null}{' '}\n </span>\n {element?.productName.replaceAll('-', ' ')}\n </p>\n );\n }\n\n if (index === 11) return <p key={'ellipsis'}>...</p>;\n })}\n </>\n )}\n </div>\n {withThumbnails && item?.items?.length ? (\n <ContentGrid\n maxColumns={isMobile ? 3 : 9}\n emptyGridContent={<></>}\n className={classes([\n 'account-orders-list-card__images',\n ['account-orders-list-card__images-3', isMobile],\n ])}\n data-testid=\"ordersListCardImages\"\n >\n {orderItemsImages}\n </ContentGrid>\n ) : null}\n\n <div className=\"account-orders-list-card__actions\">{children}</div>\n </Card>\n );\n};\n","/*****************************************************************\n ADOBE CONFIDENTIAL\n * __________________\n \n Copyright 2024 Adobe\n * All Rights Reserved.\n \n NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *****************************************************************/\n\nimport { getOrderHistoryList, getStoreConfig } from '@/account/api';\nimport { OrderDetails } from '@/account/data/models';\nimport { UseOrdersListProps } from '@/account/types';\nimport { useEffect, useState } from 'preact/hooks';\nimport { events } from '@adobe-commerce/event-bus';\n\nexport const useOrdersList = ({\n ordersInMinifiedView,\n minifiedView,\n pageSize,\n selectedDate,\n selectedPage,\n handleSetFirstOrderDate,\n}: UseOrdersListProps) => {\n const [orderHistoryListItems, setOrderHistoryListItems] = useState<\n OrderDetails[]\n >([]);\n const [pageInfo, setPageInfo] = useState<{\n totalPages: number;\n currentPage: number;\n pageSize: number;\n }>({ totalPages: 1, currentPage: 1, pageSize: 1 });\n const [loading, setLoading] = useState(false);\n const [placeholderImage, setPlaceholderImage] = useState('');\n const [refetchTrigger, setRefetchTrigger] = useState(0);\n\n useEffect(() => {\n getStoreConfig().then((response) => {\n setPlaceholderImage(response.baseMediaUrl);\n });\n }, []);\n\n // Listen for company context changes to refetch orders\n useEffect(() => {\n const companyContextEvent = events.on('companyContext/changed', () => {\n setRefetchTrigger(prev => prev + 1);\n });\n\n return () => {\n companyContextEvent?.off();\n };\n }, []);\n\n useEffect(() => {\n setLoading(true);\n\n getOrderHistoryList(\n minifiedView ? ordersInMinifiedView : pageSize,\n selectedDate,\n selectedPage\n )\n .then((response) => {\n if (!response \|\| !response.items) return;\n\n setPageInfo(response.pageInfo);\n setOrderHistoryListItems(response.items);\n handleSetFirstOrderDate?.(response.dateOfFirstOrder);\n })\n .finally(() => {\n setLoading(false);\n });\n }, [\n handleSetFirstOrderDate,\n minifiedView,\n ordersInMinifiedView,\n pageSize,\n selectedDate,\n selectedPage,\n refetchTrigger,\n ]);\n\n return {\n loading,\n orderHistoryListItems,\n pageInfo,\n placeholderImage,\n };\n};\n","/*****************************************************************\n ADOBE CONFIDENTIAL\n * __________________\n \n Copyright 2024 Adobe\n * All Rights Reserved.\n \n NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *****************************************************************/\n\nexport interface FilterDateProps {\n from: string;\n to: string;\n}\n\nexport const getDateRange = (\n key: 'sixMonthsAgo' \| 'oneYearAgo' \| '',\n numberRange = 1\n): FilterDateProps \| '' => {\n const currentDate = new Date();\n const pastDate = new Date(currentDate);\n\n switch (key) {\n case 'sixMonthsAgo': {\n pastDate.setMonth(pastDate.getMonth() - numberRange);\n break;\n }\n case 'oneYearAgo': {\n pastDate.setFullYear(pastDate.getFullYear() - numberRange);\n break;\n }\n default:\n return '';\n }\n\n const result = {\n from: pastDate?.toISOString().split('T')[0],\n to: `${currentDate?.toISOString().split('T')[0]} 23:59:59`,\n };\n\n return result;\n};\n\nexport const addYearsToList = (\n startYear: number\n): { value: string; text: string }[] => {\n const result = [];\n const currentYear = new Date().getFullYear();\n\n for (let year = startYear; year <= currentYear - 1; year++) {\n result.push({\n value: `{\"from\":\"${year}-01-01\",\"to\":\"${year + 1}-01-01 23:59:59\"}`,\n text: year.toString(),\n });\n }\n\n return result;\n};\n","/*****************************************************************\n ADOBE CONFIDENTIAL\n * __________________\n \n Copyright 2024 Adobe\n * All Rights Reserved.\n \n NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *****************************************************************/\n\nimport { addYearsToList, getDateRange } from '@/account/lib/getDateRange';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { useCallback, useMemo, useState, useEffect } from 'preact/hooks';\n\nexport const useOrderSelectList = () => {\n const translations = useText({\n pastSixMonths:\n 'Account.fullSizeView.OrdersList.OrdersListSelectDate.pastSixMonths',\n currentYear:\n 'Account.fullSizeView.OrdersList.OrdersListSelectDate.currentYear',\n viewAll: 'Account.fullSizeView.OrdersList.OrdersListSelectDate.viewAll',\n });\n\n const [firstOrderDate, setFirstOrderDate] = useState<string>();\n const [selectedDate, setSelectedDate] = useState<string>(\n JSON.stringify(getDateRange('sixMonthsAgo', 6))\n );\n const [selectedPage, setSelectedPage] = useState<number>(1);\n\n useEffect(() => {\n window?.scrollTo({\n top: 100,\n behavior: 'smooth',\n });\n }, [selectedPage]);\n\n const selectableDateList = useMemo(() => {\n const result = [\n {\n value: JSON.stringify(getDateRange('sixMonthsAgo', 6)),\n text: translations.pastSixMonths,\n },\n {\n value: JSON.stringify(getDateRange('oneYearAgo', 1)),\n text: translations.currentYear,\n },\n {\n value: 'viewAll',\n text: translations.viewAll,\n },\n ];\n\n if (firstOrderDate) {\n const date = new Date(firstOrderDate);\n const year = date.getFullYear();\n\n result?.splice(2, 0, ...addYearsToList(year));\n }\n\n return result;\n }, [translations, firstOrderDate]);\n\n const handleSetFirstOrderDate = useCallback((date: string) => {\n setFirstOrderDate(date);\n }, []);\n\n const handleSelectDate = useCallback((event: Event) => {\n const selectElement = event.target as HTMLSelectElement;\n\n const selectedValue = selectElement.value;\n\n setSelectedDate(selectedValue);\n setSelectedPage(1);\n }, []);\n\n return {\n selectableDateList,\n selectedDate,\n selectedPage,\n handleSelectDate,\n setSelectedPage,\n handleSetFirstOrderDate,\n };\n};\n","/*****************************************************************\n ADOBE CONFIDENTIAL\n * __________________\n \n Copyright 2024 Adobe\n * All Rights Reserved.\n \n NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *****************************************************************/\n\nimport { classes, Container, Slot } from '@adobe-commerce/elsie/lib';\nimport {\n CardLoader,\n EmptyList,\n OrdersListAction,\n OrdersListCard,\n} from '@/account/components';\nimport { Header, Pagination, Picker } from '@adobe-commerce/elsie/components';\nimport { useOrdersList } from '@/account/hooks/containers/useOrdersList';\nimport { OrdersListWrapperProps } from '@/account/types';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport '@/account/components/OrdersListWrapper/OrdersListWrapper.css';\nimport { useOrderSelectList } from '@/account/hooks/containers/useOrderSelectList';\n\nexport const OrdersListWrapper: Container<OrdersListWrapperProps> = ({\n className,\n withHeader = true,\n minifiedView = false,\n withThumbnails = true,\n withFilter = true,\n ordersInMinifiedView = 1,\n pageSize = 10,\n routeOrdersList,\n routeOrderDetails,\n routeReturnDetails,\n routeTracking,\n routeOrderProduct,\n slots,\n}) => {\n const minifiedViewKey = minifiedView ? 'minifiedView' : 'fullSizeView';\n\n const translations = useText({\n containerTitle: `Account.${minifiedViewKey}.OrdersList.containerTitle`,\n dateOrderPlaced: `Account.${minifiedViewKey}.OrdersList.dateOrderPlaced`,\n });\n\n const {\n selectableDateList,\n selectedDate,\n handleSelectDate,\n selectedPage,\n setSelectedPage,\n handleSetFirstOrderDate,\n } = useOrderSelectList();\n\n const { pageInfo, loading, orderHistoryListItems, placeholderImage } =\n useOrdersList({\n minifiedView,\n pageSize,\n ordersInMinifiedView,\n selectedDate,\n selectedPage,\n handleSetFirstOrderDate,\n });\n\n return (\n <div>\n {withHeader ? (\n <Header\n aria-label={translations.containerTitle}\n role=\"region\"\n title={translations.containerTitle}\n divider={!minifiedView}\n className={minifiedView ? 'account-orders-list-header' : ''}\n />\n ) : null}\n\n <div className={classes(['account-orders-list', className])}>\n {!minifiedView && withFilter ? (\n <div className={'account-orders-list__date-select'}>\n <span>{translations.dateOrderPlaced}</span>\n <Picker\n value={selectedDate}\n name=\"orderDatePicker\"\n options={selectableDateList}\n handleSelect={handleSelectDate}\n />\n </div>\n ) : null}\n\n {!loading ? (\n <>\n {orderHistoryListItems.length ? (\n <>\n {orderHistoryListItems.map((el, index) => {\n return (\n <OrdersListCard\n placeholderImage={placeholderImage}\n routeTracking={routeTracking}\n routeOrderProduct={routeOrderProduct}\n routeReturnDetails={routeReturnDetails}\n minifiedView={minifiedView}\n item={el}\n withThumbnails={withThumbnails}\n key={index}\n slots={slots}\n >\n {slots?.OrdersListAction ? (\n <Slot\n data-testid={`ordersListActionSlot_${index}`}\n name=\"OrdersListAction\"\n slot={slots?.OrdersListAction}\n context={{ orderHistoryListItem: el }}\n />\n ) : (\n <OrdersListAction\n minifiedView={minifiedView}\n orderNumber={el.number}\n orderToken={el.token}\n routeOrderDetails={routeOrderDetails}\n />\n )}\n </OrdersListCard>\n );\n })}\n </>\n ) : (\n <EmptyList\n isEmpty={!orderHistoryListItems.length}\n typeList=\"orders\"\n minifiedView={minifiedView}\n />\n )}\n </>\n ) : (\n <>\n {Array.from(Array(pageInfo?.pageSize).keys()).map((i) => (\n <CardLoader\n testId={'orderSkeletonLoader'}\n withCard={false}\n key={i}\n />\n ))}\n </>\n )}\n {!minifiedView && pageInfo?.totalPages > 1 ? (\n <Pagination\n totalPages={pageInfo?.totalPages}\n currentPage={selectedPage}\n onChange={setSelectedPage}\n />\n ) : null}\n\n {minifiedView ? (\n <OrdersListAction\n minifiedView={minifiedView}\n routeOrdersList={routeOrdersList}\n />\n ) : null}\n </div>\n </div>\n );\n};\n","/*****************************************************************\n ADOBE CONFIDENTIAL\n * __________________\n \n Copyright 2024 Adobe\n * All Rights Reserved.\n \n NOTICE: All information contained herein is, and remains\n * the property of Adobe and its suppliers, if any. The intellectual\n * and technical concepts contained herein are proprietary to Adobe\n * and its suppliers and are protected by all applicable intellectual\n * property laws, including trade secret and copyright laws.\n * Dissemination of this information or reproduction of this material\n * is strictly forbidden unless prior written permission is obtained\n * from Adobe.\n *******************************************************************/\n\nimport { classes, Container } from '@adobe-commerce/elsie/lib';\nimport { OrdersListProps } from '@/account/types';\nimport { OrdersListWrapper } from '@/account/components/OrdersListWrapper';\n\nexport const OrdersList: Container<OrdersListProps> = ({\n className,\n withHeader,\n minifiedView,\n withThumbnails,\n withFilter,\n ordersInMinifiedView,\n pageSize,\n routeOrdersList,\n routeOrderDetails,\n routeReturnDetails,\n routeTracking,\n routeOrderProduct,\n slots,\n}) => {\n return (\n <div\n className={classes(['account-orders-list', className])}\n data-testid=\"ordersListId\"\n >\n <OrdersListWrapper\n className={className}\n withHeader={withHeader}\n minifiedView={minifiedView}\n withThumbnails={withThumbnails}\n withFilter={withFilter}\n ordersInMinifiedView={ordersInMinifiedView}\n pageSize={pageSize}\n routeOrdersList={routeOrdersList}\n routeOrderDetails={routeOrderDetails}\n routeReturnDetails={routeReturnDetails}\n routeTracking={routeTracking}\n routeOrderProduct={routeOrderProduct}\n slots={slots}\n />\n </div>\n );\n};\n"],"names":["iconConfig","OrdersListAction","minifiedView","orderNumber","orderToken","routeOrdersList","routeOrderDetails","minifiedViewKey","translations","useText","jsx","classes","Card","jsxs","Icon","ChevronRight","checkIsFunction","useIsMobile","isMobile","setIsMobile","useState","useEffect","handleResize","OrdersListCard","placeholderImage","item","withThumbnails","children","slots","routeTracking","routeOrderProduct","routeReturnDetails","props","hasProductRoute","orderItemsImages","useMemo","orderItem","index","defaultImageProps","_b","_a","Slot","Image","Fragment","element","trackingRoute","_c","_d","returnData","Price","_f","_e","_h","_g","_i","_j","sum","quantityOrdered","_k","_l","ContentGrid","useOrdersList","ordersInMinifiedView","pageSize","selectedDate","selectedPage","handleSetFirstOrderDate","orderHistoryListItems","setOrderHistoryListItems","pageInfo","setPageInfo","loading","setLoading","setPlaceholderImage","refetchTrigger","setRefetchTrigger","getStoreConfig","response","companyContextEvent","events","prev","getOrderHistoryList","getDateRange","key","numberRange","currentDate","pastDate","addYearsToList","startYear","result","currentYear","year","useOrderSelectList","firstOrderDate","setFirstOrderDate","setSelectedDate","setSelectedPage","selectableDateList","useCallback","date","handleSelectDate","event","selectedValue","OrdersListWrapper","className","withHeader","withFilter","Header","Picker","i","CardLoader","el","EmptyList","Pagination","OrdersList"],"mappings":"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"}

package/package.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"name": "@dropins/storefront-account", "version": "1.2.0", "@dropins/tools": "~1.4.0", "license": "SEE LICENSE IN LICENSE.md"}
1	+ {"name": "@dropins/storefront-account", "version": "1.2.1-alpha1", "@dropins/tools": "~1.5.0", "license": "SEE LICENSE IN LICENSE.md"}