@dropins/storefront-account 3.0.0-beta2 → 3.0.0-beta3

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 (19) hide show
  1. package/api.js +2 -2
  2. package/api.js.map +1 -1
  3. package/chunks/getOrderHistoryList.js +1 -1
  4. package/chunks/getOrderHistoryList.js.map +1 -1
  5. package/chunks/getStoreConfig.js +2 -2
  6. package/chunks/getStoreConfig.js.map +1 -1
  7. package/chunks/initialize.js +4 -0
  8. package/chunks/initialize.js.map +1 -0
  9. package/chunks/removeCustomerAddress.js +4 -4
  10. package/chunks/removeCustomerAddress.js.map +1 -1
  11. package/chunks/updateCustomer.js +1 -1
  12. package/chunks/updateCustomer.js.map +1 -1
  13. package/containers/CustomerInformation.js +1 -1
  14. package/containers/CustomerInformation.js.map +1 -1
  15. package/containers/OrdersList.js +1 -1
  16. package/containers/OrdersList.js.map +1 -1
  17. package/package.json +1 -1
  18. package/render.js +1 -1
  19. package/render.js.map +1 -1
package/containers/OrdersList.js CHANGED
@@ -1,4 +1,4 @@
1
1
  /*! Copyright 2025 Adobe
2
2
  All Rights Reserved. */
3
- 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};
3
+ import{jsx as t,jsxs as u,Fragment as M}from"@dropins/tools/preact-jsx-runtime.js";import{classes as T,Slot as I}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 E}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"../chunks/initialize.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=E({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,m,v,x;const o=c?"minifiedView":"fullSizeView",g=E({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(I,{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(I,{"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?(m=r==null?void 0:r.items)==null?void 0:m.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}},H=(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=E({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(H("sixMonthsAgo",6))),[a,l]=y(1);P(()=>{window==null||window.scrollTo({top:100,behavior:"smooth"})},[a]);const L=U(()=>{const o=[{value:JSON.stringify(H("sixMonthsAgo",6)),text:n.pastSixMonths},{value:JSON.stringify(H("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",_=E({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:m}=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:m,routeTracking:o,routeOrderProduct:g,routeReturnDetails:b,minifiedView:r,item:v,withThumbnails:s,slots:d,children:d!=null&&d.OrdersListAction?t(I,{"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]})]})},$r=({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{$r as OrdersList,$r as default};
4
4
  //# sourceMappingURL=OrdersList.js.map
package/containers/OrdersList.js.map CHANGED
@@ -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';\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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"}
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
@@ -1 +1 @@
1
- {"name": "@dropins/storefront-account", "version": "3.0.0-beta2", "@dropins/tools": "~1.6.0-beta3", "license": "SEE LICENSE IN LICENSE.md"}
1
+ {"name": "@dropins/storefront-account", "version": "3.0.0-beta3", "@dropins/tools": "~1.6.0-beta3", "license": "SEE LICENSE IN LICENSE.md"}
package/render.js CHANGED
@@ -2,5 +2,5 @@
2
2
  All Rights Reserved. */
3
3
  (function(e,r){try{if(typeof document<"u"){const a=document.createElement("style"),o=r.styleId;for(const t in r.attributes)a.setAttribute(t,r.attributes[t]);a.setAttribute("data-dropin",o),a.appendChild(document.createTextNode(e));const c=document.querySelector('style[data-dropin="sdk"]');if(c)c.after(a);else{const t=document.querySelector('link[rel="stylesheet"], style');t?t.before(a):document.head.append(a)}}}catch(a){console.error("dropin-styles (injectCodeFunction)",a)}})(`.account-orders-list-header{margin-bottom:var(--spacing-medium)}.account-orders-list ul{list-style:none;margin:0;padding:0}.account-orders-list__date-select{margin-bottom:var(--spacing-xbig)}.account-orders-list__date-select span{display:inline-block;font:var(--type-details-caption-1-font);letter-spacing:var(--type-details-caption-1-letter-spacing);margin-bottom:var(--spacing-xsmall)}.account-orders-list__date-select .dropin-picker{max-width:224px}
4
4
  .account-form{display:grid;flex-direction:column;gap:var(--spacing-medium)}@media (min-width: 768px){.account-form{display:grid;grid-template-columns:repeat(2,1fr)}.account-form>.dropin-field:nth-child(1),.account-form>.dropin-field:nth-child(2){grid-column:span 1}.account-form>.dropin-field:nth-child(3),.account-form>.dropin-field:nth-child(4),.account-form>.dropin-field:nth-child(5){grid-column:span 2}.account-form>.dropin-field:nth-child(6),.account-form>.dropin-field:nth-child(7){grid-column:span 1}.account-form>.dropin-field:nth-child(8),.account-form>.dropin-field:nth-child(9){grid-column:span 1}.account-form>.dropin-field:nth-child(n+10){grid-column:span 2}}.account-form [class$=-hidden]{position:absolute;opacity:0;height:0;width:0;overflow:hidden;clip:rect(0,0,0,0);display:none}.account-account-loaders--card-loader{margin-bottom:var(--spacing-small)}.account-account-loaders--picker-loader div:first-child{max-width:200px}.account-account-loaders--picker-loader div:nth-child(3){max-width:400px}.account-address-card{margin-bottom:var(--spacing-small)}.account-address-card .dropin-card__content{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-small) 0px;grid-template-areas:"description action" "labels action"}.account-address-card .account-address-card__action{display:flex;justify-content:flex-end;align-items:baseline;cursor:pointer;grid-area:action}.account-address-card .account-address-card__action--editbutton{margin-left:var(--spacing-small)}.account-address-card .account-address-card__action button{padding:0}.account-address-card .account-address-card__action button:hover{text-decoration:underline}.account-address-card .account-address-card__description{grid-area:description;margin:0;padding:0}.account-address-card .account-address-card__labels{display:flex;gap:0 var(--spacing-xsmall);grid-area:labels}.account-address-card .account-address-card__description p{font:var(--type-body-1-default-font);letter-spacing:var(--type-body-1-default-letter-spacing);line-height:var(--spacing-xbig);color:var(--color-neutral-800);padding:0;margin:0 var(--spacing-xsmall) 0 0}.account-address-card .account-address-card__description p:nth-child(1),.account-address-card .account-address-card__description p:nth-child(2){margin:0 var(--spacing-xsmall) var(--spacing-xsmall) 0;color:var(--color-neutral-800);font:var(--type-button-2-font);font-weight:500;cursor:default}.account-address-card .account-address-card__description p:nth-child(1),.account-address-card .account-address-card__description p:nth-child(3),.account-address-card .account-address-card__description p:nth-child(4),.account-address-card .account-address-card__description p:nth-child(6){float:left}.account-actions-address{cursor:pointer;padding:var(--spacing-xsmall) var(--spacing-medium);border-radius:var(--shape-border-radius-2);border:var(--shape-border-width-2) solid var(--color-neutral-400);background-color:var(--color-neutral-50);width:100%;height:88px;display:flex;align-items:center;justify-content:space-between}.account-actions-address--selectable{max-width:100%;width:auto}.account-actions-address__title{font:var(--type-button-2-font);letter-spacing:var(--type-button-2-letter-spacing);-moz-appearance:none;appearance:none;-webkit-appearance:none;color:var(--color-neutral-800)}.account-actions-address svg{stroke:var(--shape-icon-stroke-4);color:var(--color-neutral-800)}@supports (height: 100dvh){.account-address-modal .dropin-modal{height:100dvh}}.account-address-modal--overlay{position:relative;padding:var(--spacing-small) var(--spacing-small) var(--spacing-small) var(--spacing-small);width:100%;margin:auto;max-width:340px}@media (min-width: 768px){.account-address-modal--overlay{position:relative;padding:var(--spacing-xbig) var(--spacing-xxbig) var(--spacing-xxbig) var(--spacing-xxbig);width:100%;margin:auto;max-width:721px}.account-address-card .dropin-card__content{padding:var(--spacing-small)}}.dropin-modal__body--medium>.dropin-modal__header-title,.dropin-modal__body--full>.dropin-modal__header-title,.account-address-modal .dropin-modal__content{margin:0;align-items:center}.account-address-modal .dropin-modal__header-title-content h3{font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing);margin:0;padding:0}.account-address-modal .account-address-modal__spinner{position:absolute;top:0;left:0;background-color:var(--color-neutral-200);opacity:.8;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1}.account-address-modal p{margin:var(--spacing-small) 0}@media (min-width: 768px){.account-address-modal p{color:var(--color-neutral-800);font:var(--type-body-2-strong-font);letter-spacing:var(--type-body-2-strong-letter-spacing);margin-bottom:var(--spacing-medium)}}.account-address-modal .account-address-modal__buttons{display:flex;align-items:center;justify-content:right;gap:0 var(--spacing-small)}.account-empty-list{margin-bottom:var(--spacing-small)}.account-empty-list.account-empty-list--minified,.account-empty-list .dropin-card{border:none}.account-empty-list .dropin-card__content{gap:0;padding:var(--spacing-xxbig)}.account-empty-list.account-empty-list--minified .dropin-card__content{flex-direction:row;align-items:center;padding:var(--spacing-big) var(--spacing-small)}.account-empty-list .dropin-card__content svg{width:64px;height:64px;margin-bottom:var(--spacing-medium)}.account-empty-list.account-empty-list--minified .dropin-card__content svg{margin:0 var(--spacing-small) 0 0;width:32px;height:32px}.account-empty-list .dropin-card__content svg path{fill:var(--color-neutral-800)}.account-empty-list.account-empty-list--minified .dropin-card__content svg path{fill:var(--color-neutral-500)}.account-empty-list .dropin-card__content p{font:var(--type-headline-1-font);letter-spacing:var(--type-headline-1-letter-spacing);color:var(--color-neutral-800)}.account-empty-list.account-empty-list--minified .dropin-card__content p{font:var(--type-body-1-strong-font);color:var(--color-neutral-800)}.account-orders-list-action{margin:0;padding:0;border:none;background-color:transparent;cursor:pointer;text-decoration:none}a.account-orders-list-action:focus-visible{display:inline-block}.account-orders-list-action--minifiedView{width:100%;text-align:left;font:var(--type-body-1-default-font)}.account-orders-list-action.account-orders-list-action--minifiedView:hover{text-decoration:none}.account-orders-list-action--minifiedView .account-orders-list-action__card-wrapper{display:flex;justify-content:space-between;align-items:center;color:var(--color-neutral-800);height:calc(88px - var(--spacing-small) * 2)}.account-orders-list-action__card-wrapper>p{font:var(--type-button-2-font);letter-spacing:var(--type-button-2-letter-spacing)}.account-orders-list-action__card-wrapper svg,.account-orders-list-action svg{color:var(--color-neutral-800)}.account-orders-list-action--minifiedView .dropin-card__content{padding:var(--spacing-small) var(--spacing-medium)}.account-orders-list-action--minifiedView p{font:var(--type-body-1-strong-font)}.account-orders-list-card{height:100%;margin-bottom:var(--spacing-small)}.account-orders-list-card .dropin-card__content{padding:var(--spacing-medium);display:grid;grid-template-areas:"content actions" "imageList actions";gap:0;max-height:100%}.account-orders-list-card .account-orders-list-card__content{grid-area:content;margin-bottom:var(--spacing-small)}.account-orders-list-card__content--quantity{font-weight:500;color:var(--color-neutral-800)}.account-orders-list-card__content--track_number,.account-orders-list-card__content--return_number{font:var(--type-body-1-strong-font);letter-spacing:var(--type-body-1-strong-letter-spacing)}.account-orders-list-card .account-orders-list-card__content>div:first-child{font-weight:500}.account-orders-list-card .account-orders-list-card__content p,.account-orders-list-card .account-orders-list-card__content div{padding:0;text-align:left;font:var(--type-body-1-default-font);margin:0 0 var(--spacing-small) 0;color:var(--color-neutral-800)}.account-orders-list-card p.account-orders-list-card__content--product-name{margin:0}.account-orders-list-card .account-orders-list-card__content p:last-child{margin:0}.account-orders-list-card .account-orders-list-card__content div{font:var(--type-button-2-font);margin-bottom:var(--spacing-small)}.account-orders-list-card .account-orders-list-card__actions{grid-area:actions}.account-orders-list-card .account-orders-list-card__images{overflow:auto}.account-orders-list-card .account-orders-list-card__images .dropin-content-grid__content{grid-template-columns:repeat(6,max-content)!important}.account-orders-list-card .account-orders-list-card__images-3 .dropin-content-grid__content{grid-template-columns:repeat(3,max-content)!important}.account-orders-list-card .account-orders-list-card__images img{object-fit:contain;width:65px;height:65px}.account-orders-list-card .account-orders-list-card__actions{position:relative;align-self:center;margin-left:auto}@media (min-width: 768px){.account-orders-list-card.account-orders-list-card--full .dropin-card__content{max-height:100%}}.account-addresses-header{margin-bottom:var(--spacing-medium)}.account-addresses-wrapper{box-sizing:border-box;position:relative}.account-addresses-wrapper--select-view{position:relative;margin:0;padding:0;border:none}.account-addresses-wrapper--select-view input[type=radio]{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;padding:0;margin:-1px;border:0;overflow:hidden}.account-addresses-wrapper--select-view .account-addresses-wrapper__label{cursor:pointer;display:block;border-radius:0}.account-addresses-wrapper--select-view .account-addresses-wrapper__label .account-address-card{border-radius:0}.account-addresses-wrapper--select-view .account-addresses-wrapper__label:nth-child(2){border-radius:var(--shape-border-radius-1) var(--shape-border-radius-1) 0 0}.account-addresses-wrapper--select-view>.account-addresses-wrapper__label:nth-child(2)>.account-address-card{border-radius:var(--shape-border-radius-1) var(--shape-border-radius-1) 0 0}.account-addresses-wrapper--select-view>.account-addresses-wrapper__label:last-child,.account-addresses-wrapper--select-view>.account-addresses-wrapper__label:last-child>.account-actions-address.account-actions-address--address{border-radius:0 0 var(--shape-border-radius-1) var(--shape-border-radius-1)}.account-addresses-wrapper--select-view .account-addresses-wrapper__label .account-address-card,.account-addresses-wrapper--select-view .account-addresses-wrapper__label .account-actions-address.account-actions-address--address{background-color:var(--color-neutral-200)}.account-addresses-wrapper--select-view input[type=radio]:checked+.account-addresses-wrapper__label>.account-address-card{border:var(--shape-border-width-1) solid var(--color-neutral-900);position:relative}.account-addresses-wrapper--select-view input[type=radio]:focus+.account-addresses-wrapper__label>.account-address-card{border:var(--shape-border-width-1) solid var(--color-neutral-900);outline:var(--spacing-xxsmall) solid var(--color-button-focus);position:relative}.account-addresses-wrapper--select-view input[type=radio]:checked+.account-addresses-wrapper__label>.account-addresses-form__footer__wrapper{border:var(--shape-border-width-1) solid var(--color-neutral-900);position:relative}.account-addresses-wrapper--select-view input[type=radio]:checked+.account-addresses-wrapper__label .account-address-card,.account-addresses-wrapper--select-view input[type=radio]:checked+.account-addresses-wrapper__label .account-actions-address.account-actions-address--address{background-color:var(--color-neutral-50)}.account-addresses-wrapper--select-view .account-address-card{margin:0}.account-addresses-wrapper--select-view .account-addresses-form__footer__wrapper{padding:var(--spacing-medium)}.account-address-form-wrapper{box-sizing:border-box;background-color:var(--color-neutral-50)}.account-address-form-wrapper__notification{margin-bottom:var(--spacing-medium)}.account-address-form-wrapper__title{color:var(--color-neutral-800);font:var(--type-headline-2-strong-font);letter-spacing:var(--type-headline-2-strong-letter-spacing);margin-bottom:var(--spacing-medium)}.account-address-form-wrapper__buttons{display:flex;align-items:center;justify-content:end;gap:0 var(--spacing-medium);margin-top:var(--spacing-medium)}.account-address-form-wrapper__buttons--empty{gap:0;margin:0;padding:0;display:inline-block}.account-address-form-wrapper__buttons button{min-width:142px}.account-change-password .dropin-card__content{gap:0}.account-change-password__title,.account-change-password .account-change-password__notification,.account-change-password .account-change-password__fields .account-change-password__fields-item{margin-bottom:var(--spacing-medium)}.account-change-password .account-change-password__fields .account-change-password__fields-item:last-child{margin-bottom:0}.account-change-password .account-change-password__actions{display:flex;justify-content:right;align-items:center;gap:0 var(--grid-3-gutters)}.account-change-password .account-change-password__actions button{min-width:144px}.account-edit-customer-information__title{margin-bottom:var(--spacing-medium)}.account-edit-customer-information .dropin-card__content{gap:0}.account-edit-customer-information .account-edit-customer-information__notification{margin-bottom:var(--spacing-medium)}.account-edit-customer-information .account-edit-customer-information-form__field:nth-child(n+3),.account-edit-customer-information .account-edit-customer-information__password{grid-column:span 2}.account-edit-customer-information .account-edit-customer-information__actions{display:flex;justify-content:end;align-items:center;gap:0 var(--grid-2-gutters);grid-column:span 2}.account-edit-customer-information .account-edit-customer-information__actions button{min-width:144px}.customer-information__title{margin-bottom:var(--spacing-medium)}.account-customer-information-card-short{margin-bottom:var(--spacing-small)}.account-customer-information-card .dropin-card__content{gap:0}.account-customer-information-card__wrapper{display:grid;grid-template-columns:1fr;align-items:start;gap:var(--grid-1-gutters) 0}.account-customer-information-card .account-customer-information-card__actions{margin-left:auto;display:flex;justify-content:space-between;align-items:center;gap:0 var(--grid-2-gutters)}@media (max-width: 300px){.account-customer-information-card .account-customer-information-card__actions{align-items:self-end;flex-direction:column-reverse}}.account-customer-information-card .account-customer-information-card__actions button{cursor:pointer;margin:0;padding:0}.account-customer-information-card__content p{font:var(--type-body-1-default-font);margin:0 var(--spacing-xsmall) 0 0;line-height:var(--spacing-xbig);padding:0}.account-customer-information-card__content p:nth-child(1),.account-customer-information-card__content p:nth-child(2){font:var(--type-body-1-strong-font);font-weight:500;margin:0 var(--spacing-xsmall) var(--spacing-xsmall) 0}.account-customer-information-card__content p:nth-child(1){float:left}.account-address-validation{display:grid;gap:var(--spacing-medium)}.account-address-validation__options--busy{opacity:.4;pointer-events:none}.account-address-validation__title{margin-bottom:var(--spacing-small)}.account-address-validation__subtitle{color:var(--color-neutral-700);font:var(--type-body-2-default-font);letter-spacing:var(--type-body-2-default-letter-spacing)}.account-address-validation__options{display:grid;gap:var(--spacing-xbig);grid-template-columns:1fr 1fr}.account-address-validation__option{margin:0}.account-address-validation__option-title{margin-bottom:var(--spacing-xsmall)}`,{styleId:"account"});
5
- import{jsx as r}from"@dropins/tools/preact-jsx-runtime.js";import{Render as i}from"@dropins/tools/lib.js";import{useState as o,useEffect as n}from"@dropins/tools/preact-hooks.js";import{UIProvider as l}from"@dropins/tools/components.js";import{events as c}from"@dropins/tools/event-bus.js";const u={minifiedView:{CustomerInformation:{containerTitle:"Account settings",genderMale:"Male",genderFemale:"Female",changePassword:{passwordValidationMessage:{chartTwoSymbols:"Use characters and numbers or symbols",chartThreeSymbols:"Use characters, numbers and symbols",chartFourSymbols:"Use uppercase characters, lowercase characters, numbers and symbols",messageLengthPassword:"At least {minLength} characters long",passwordMismatch:"Passwords do not match. Please make sure both password fields are identical",incorrectCurrentPassword:"The current password you entered is incorrect. Please check and try again.",passwordUpdateMessage:"Your password has been updated"},containerTitle:"Change password",currentPassword:{placeholder:"Password",floatingLabel:"Password"},newPassword:{placeholder:"New Password",floatingLabel:"New Password"},confirmPassword:{placeholder:"Confirm new password",floatingLabel:"Confirm new password"},buttonSecondary:"Cancel",buttonPrimary:"Save"},customerInformationCard:{buttonSecondary:"Change password",buttonPrimary:"Edit",accountCreation:"Account creation date"},editCustomerInformation:{containerTitle:"Edit details",buttonSecondary:"Cancel",buttonPrimary:"Save",accountSuccess:"Your account information has been updated.",accountError:"Your account information has not been updated.",passwordField:{placeholder:"Password",floatingLabel:"Password"}}},Addresses:{containerTitle:"Addresses",editAddressFormTitle:"Edit address",differentAddressFormTitle:"Deliver to new address",viewAllAddressesButton:"View address list",differentAddressButton:"Use a different address",ariaLabelAddressPicker:"form",addressCard:{actionRemove:"Remove",actionEdit:"Edit",cardLabelShipping:"Shipping",cardLabelBilling:"Billing",defaultLabelText:"DEFAULT",ariaLabel:{editButton:{default:"Edit address",shipping:"Edit default shipping address",billing:"Edit default billing address",shippingAndBilling:"Edit address set as default for both shipping and billing"},removeButton:{default:"Remove address",shipping:"Remove default shipping address",billing:"Remove default billing address",shippingAndBilling:"Remove address set as default for both shipping and billing"}}},removeAddressModal:{title:"Remove address",description:"Are you sure you would like to remove this address?",actionCancel:"Cancel",actionConfirm:"Remove"}},OrdersList:{containerTitle:"Recent orders",viewAllOrdersButton:"View all orders",ariaLabelLink:"Redirect to full order information",dateOrderPlaced:"Date order placed",OrdersListCard:{orderNumber:"Order number:",itemsAmount:"items",carrier:"Carrier:",returns:"Return(s):",orderDate:"Placed on"},OrdersListSelectDate:{pastSixMonths:"Past 6 months",currentYear:"Current year",viewAll:"View all"}},EmptyList:{Addresses:{message:"No saved addresses"},OrdersList:{message:"No orders"}}},fullSizeView:{Addresses:{containerTitle:"Addresses",editAddressFormTitle:"Edit address",differentAddressFormTitle:"Deliver to new address",newAddressFormTitle:"Add address",addNewAddressButton:"Create new",differentAddressButton:"Use a different address",ariaLabelAddressPicker:"form",addressCard:{actionRemove:"Remove",actionEdit:"Edit",cardLabelShipping:"Shipping",cardLabelBilling:"Billing",defaultLabelText:"DEFAULT",ariaLabel:{editButton:{default:"Edit address",shipping:"Edit default shipping address",billing:"Edit default billing address",shippingAndBilling:"Edit address set as default for both shipping and billing"},removeButton:{default:"Remove address",shipping:"Remove default shipping address",billing:"Remove default billing address",shippingAndBilling:"Remove address set as default for both shipping and billing"}}},removeAddressModal:{title:"Remove address",description:"Are you sure you would like to remove this address?",actionCancel:"Cancel",actionConfirm:"Remove"}},OrdersList:{containerTitle:"Your orders",ariaLabelLink:"Redirect to full order information",dateOrderPlaced:"Date order placed",OrdersListCard:{orderNumber:"Order number:",itemsAmount:"items",carrier:"Carrier:",returns:"Return(s):",orderDate:"Placed on"},OrdersListSelectDate:{pastSixMonths:"Past 6 months",currentYear:"Current year",viewAll:"View all"}},EmptyList:{Addresses:{message:"No saved addresses"},OrdersList:{message:"No orders"}}},AddressForm:{formText:{secondaryButton:"Cancel",primaryButton:"Save",defaultShippingLabel:"Set as default shipping address",defaultBillingLabel:"Set as default billing address",saveAddressBook:"Save in address book"}},FormText:{requiredFieldError:"This is a required field.",numericError:"Only numeric values are allowed.",alphaNumWithSpacesError:"Only alphanumeric characters and spaces are allowed.",alphaNumericError:"Only alphanumeric characters are allowed.",alphaError:"Only alphabetic characters are allowed.",emailError:"Please enter a valid email address.",dateError:"Please enter a valid date.",dateLengthError:"Date must be between {min} and {max}.",urlError:"Please enter a valid URL, e.g., http://www.adobe.com.",lengthTextError:"Text length must be between {min} and {max} characters."},AddressValidation:{title:"Verify your address",subtitle:"To ensure accurate delivery, we suggest the changes highlighted below. Please choose which address you would like to use. If neither option is correct, edit your address.",suggestedAddress:"Suggested Address",originalAddress:"Original Address"}},m={Account:u},p={default:m},g=({children:s})=>{const[a,d]=o("en_US");return n(()=>{const e=c.on("locale",t=>{d(t)},{eager:!0});return()=>{e==null||e.off()}},[]),r(l,{lang:a,langDefinitions:p,children:s})},v=new i(r(g,{}));export{v as render};
5
+ import{jsx as c}from"@dropins/tools/preact-jsx-runtime.js";import{Render as f}from"@dropins/tools/lib.js";import{useState as g,useEffect as b}from"@dropins/tools/preact-hooks.js";import{UIProvider as p}from"@dropins/tools/components.js";import{events as h}from"@dropins/tools/event-bus.js";import{c as w}from"./chunks/initialize.js";function y(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var A=function(r){return v(r)&&!E(r)};function v(e){return!!e&&typeof e=="object"}function E(e){var r=Object.prototype.toString.call(e);return r==="[object RegExp]"||r==="[object Date]"||S(e)}var O=typeof Symbol=="function"&&Symbol.for,L=O?Symbol.for("react.element"):60103;function S(e){return e.$$typeof===L}function P(e){return Array.isArray(e)?[]:{}}function i(e,r){return r.clone!==!1&&r.isMergeableObject(e)?n(P(e),e,r):e}function T(e,r,a){return e.concat(r).map(function(s){return i(s,a)})}function C(e,r){if(!r.customMerge)return n;var a=r.customMerge(e);return typeof a=="function"?a:n}function M(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter(function(r){return Object.propertyIsEnumerable.call(e,r)}):[]}function l(e){return Object.keys(e).concat(M(e))}function u(e,r){try{return r in e}catch{return!1}}function R(e,r){return u(e,r)&&!(Object.hasOwnProperty.call(e,r)&&Object.propertyIsEnumerable.call(e,r))}function j(e,r,a){var s={};return a.isMergeableObject(e)&&l(e).forEach(function(t){s[t]=i(e[t],a)}),l(r).forEach(function(t){R(e,t)||(u(e,t)&&a.isMergeableObject(r[t])?s[t]=C(t,a)(e[t],r[t],a):s[t]=i(r[t],a))}),s}function n(e,r,a){a=a||{},a.arrayMerge=a.arrayMerge||T,a.isMergeableObject=a.isMergeableObject||A,a.cloneUnlessOtherwiseSpecified=i;var s=Array.isArray(r),t=Array.isArray(e),d=s===t;return d?s?a.arrayMerge(e,r,a):j(e,r,a):i(r,a)}n.all=function(r,a){if(!Array.isArray(r))throw new Error("first argument should be an array");return r.reduce(function(s,t){return n(s,t,a)},{})};var B=n,D=B;const F=y(D),U={minifiedView:{CustomerInformation:{containerTitle:"Account settings",genderMale:"Male",genderFemale:"Female",changePassword:{passwordValidationMessage:{chartTwoSymbols:"Use characters and numbers or symbols",chartThreeSymbols:"Use characters, numbers and symbols",chartFourSymbols:"Use uppercase characters, lowercase characters, numbers and symbols",messageLengthPassword:"At least {minLength} characters long",passwordMismatch:"Passwords do not match. Please make sure both password fields are identical",incorrectCurrentPassword:"The current password you entered is incorrect. Please check and try again.",passwordUpdateMessage:"Your password has been updated"},containerTitle:"Change password",currentPassword:{placeholder:"Password",floatingLabel:"Password"},newPassword:{placeholder:"New Password",floatingLabel:"New Password"},confirmPassword:{placeholder:"Confirm new password",floatingLabel:"Confirm new password"},buttonSecondary:"Cancel",buttonPrimary:"Save"},customerInformationCard:{buttonSecondary:"Change password",buttonPrimary:"Edit",accountCreation:"Account creation date"},editCustomerInformation:{containerTitle:"Edit details",buttonSecondary:"Cancel",buttonPrimary:"Save",accountSuccess:"Your account information has been updated.",accountError:"Your account information has not been updated.",passwordField:{placeholder:"Password",floatingLabel:"Password"}}},Addresses:{containerTitle:"Addresses",editAddressFormTitle:"Edit address",differentAddressFormTitle:"Deliver to new address",viewAllAddressesButton:"View address list",differentAddressButton:"Use a different address",ariaLabelAddressPicker:"form",addressCard:{actionRemove:"Remove",actionEdit:"Edit",cardLabelShipping:"Shipping",cardLabelBilling:"Billing",defaultLabelText:"DEFAULT",ariaLabel:{editButton:{default:"Edit address",shipping:"Edit default shipping address",billing:"Edit default billing address",shippingAndBilling:"Edit address set as default for both shipping and billing"},removeButton:{default:"Remove address",shipping:"Remove default shipping address",billing:"Remove default billing address",shippingAndBilling:"Remove address set as default for both shipping and billing"}}},removeAddressModal:{title:"Remove address",description:"Are you sure you would like to remove this address?",actionCancel:"Cancel",actionConfirm:"Remove"}},OrdersList:{containerTitle:"Recent orders",viewAllOrdersButton:"View all orders",ariaLabelLink:"Redirect to full order information",dateOrderPlaced:"Date order placed",OrdersListCard:{orderNumber:"Order number:",itemsAmount:"items",carrier:"Carrier:",returns:"Return(s):",orderDate:"Placed on"},OrdersListSelectDate:{pastSixMonths:"Past 6 months",currentYear:"Current year",viewAll:"View all"}},EmptyList:{Addresses:{message:"No saved addresses"},OrdersList:{message:"No orders"}}},fullSizeView:{Addresses:{containerTitle:"Addresses",editAddressFormTitle:"Edit address",differentAddressFormTitle:"Deliver to new address",newAddressFormTitle:"Add address",addNewAddressButton:"Create new",differentAddressButton:"Use a different address",ariaLabelAddressPicker:"form",addressCard:{actionRemove:"Remove",actionEdit:"Edit",cardLabelShipping:"Shipping",cardLabelBilling:"Billing",defaultLabelText:"DEFAULT",ariaLabel:{editButton:{default:"Edit address",shipping:"Edit default shipping address",billing:"Edit default billing address",shippingAndBilling:"Edit address set as default for both shipping and billing"},removeButton:{default:"Remove address",shipping:"Remove default shipping address",billing:"Remove default billing address",shippingAndBilling:"Remove address set as default for both shipping and billing"}}},removeAddressModal:{title:"Remove address",description:"Are you sure you would like to remove this address?",actionCancel:"Cancel",actionConfirm:"Remove"}},OrdersList:{containerTitle:"Your orders",ariaLabelLink:"Redirect to full order information",dateOrderPlaced:"Date order placed",OrdersListCard:{orderNumber:"Order number:",itemsAmount:"items",carrier:"Carrier:",returns:"Return(s):",orderDate:"Placed on"},OrdersListSelectDate:{pastSixMonths:"Past 6 months",currentYear:"Current year",viewAll:"View all"}},EmptyList:{Addresses:{message:"No saved addresses"},OrdersList:{message:"No orders"}}},AddressForm:{formText:{secondaryButton:"Cancel",primaryButton:"Save",defaultShippingLabel:"Set as default shipping address",defaultBillingLabel:"Set as default billing address",saveAddressBook:"Save in address book"}},FormText:{requiredFieldError:"This is a required field.",numericError:"Only numeric values are allowed.",alphaNumWithSpacesError:"Only alphanumeric characters and spaces are allowed.",alphaNumericError:"Only alphanumeric characters are allowed.",alphaError:"Only alphabetic characters are allowed.",emailError:"Please enter a valid email address.",dateError:"Please enter a valid date.",dateLengthError:"Date must be between {min} and {max}.",urlError:"Please enter a valid URL, e.g., http://www.adobe.com.",lengthTextError:"Text length must be between {min} and {max} characters."},AddressValidation:{title:"Verify your address",subtitle:"To ensure accurate delivery, we suggest the changes highlighted below. Please choose which address you would like to use. If neither option is correct, edit your address.",suggestedAddress:"Suggested Address",originalAddress:"Original Address"}},N={Account:U},x={default:N},I=({children:e})=>{var d;const[r,a]=g("en_US"),s=(d=w.getConfig())==null?void 0:d.langDefinitions;b(()=>{const o=h.on("locale",m=>{a(m)},{eager:!0});return()=>{o==null||o.off()}},[]);const t=F(x,s??{});return c(p,{lang:r,langDefinitions:t,children:e})},z=new f(c(I,{}));export{z as render};
6
6
  //# sourceMappingURL=render.js.map
package/render.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"render.js","sources":["/@dropins/storefront-account/src/render/Provider.tsx","/@dropins/storefront-account/src/render/render.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 { useState, useEffect } from 'preact/hooks';\nimport { UIProvider } from '@adobe-commerce/elsie/components';\nimport { Lang } from '@adobe-commerce/elsie/i18n';\nimport { events } from '@adobe-commerce/event-bus';\n\nimport en_US from '../i18n/en_US.json';\n\n// Langs\nconst langDefinitions = {\n default: en_US,\n};\n\ninterface CartProviderProps {\n children?: any;\n}\n\nexport const Provider: FunctionComponent<CartProviderProps> = ({\n children,\n}) => {\n const [lang, setLang] = useState<Lang>('en_US');\n\n // Events\n useEffect(() => {\n const localeEvent = events.on(\n 'locale',\n (locale: string) => {\n setLang(locale as Lang);\n },\n { eager: true }\n );\n return () => {\n localeEvent?.off();\n };\n }, []);\n\n return (\n <UIProvider lang={lang} langDefinitions={langDefinitions}>\n {children}\n </UIProvider>\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 { Render } from '@adobe-commerce/elsie/lib';\nimport { Provider } from './Provider';\n\nexport const render = new Render(<Provider />);\n"],"names":["langDefinitions","en_US","Provider","children","lang","setLang","useState","useEffect","localeEvent","events","locale","jsx","UIProvider","render","Render"],"mappings":"giLA0BMA,EAAkB,CACtB,QAASC,CACX,EAMaC,EAAiD,CAAC,CAC7D,SAAAC,CACF,IAAM,CACJ,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAe,OAAO,EAG9C,OAAAC,EAAU,IAAM,CACd,MAAMC,EAAcC,EAAO,GACzB,SACCC,GAAmB,CAClBL,EAAQK,CAAc,CACxB,EACA,CAAE,MAAO,EAAA,CAAK,EAEhB,MAAO,IAAM,CACXF,GAAA,MAAAA,EAAa,KACf,CACF,EAAG,CAAA,CAAE,EAGHG,EAACC,EAAA,CAAW,KAAAR,EAAY,gBAAAJ,EACrB,SAAAG,CAAA,CACH,CAEJ,ECtCaU,EAAS,IAAIC,EAAOH,EAACT,IAAS,CAAE"}
1
+ {"version":3,"file":"render.js","sources":["../node_modules/deepmerge/dist/cjs.js","/@dropins/storefront-account/src/render/Provider.tsx","/@dropins/storefront-account/src/render/render.tsx"],"sourcesContent":["'use strict';\n\nvar isMergeableObject = function isMergeableObject(value) {\n\treturn isNonNullObject(value)\n\t\t&& !isSpecial(value)\n};\n\nfunction isNonNullObject(value) {\n\treturn !!value && typeof value === 'object'\n}\n\nfunction isSpecial(value) {\n\tvar stringValue = Object.prototype.toString.call(value);\n\n\treturn stringValue === '[object RegExp]'\n\t\t|| stringValue === '[object Date]'\n\t\t|| isReactElement(value)\n}\n\n// see https://github.com/facebook/react/blob/b5ac963fb791d1298e7f396236383bc955f916c1/src/isomorphic/classic/element/ReactElement.js#L21-L25\nvar canUseSymbol = typeof Symbol === 'function' && Symbol.for;\nvar REACT_ELEMENT_TYPE = canUseSymbol ? Symbol.for('react.element') : 0xeac7;\n\nfunction isReactElement(value) {\n\treturn value.$$typeof === REACT_ELEMENT_TYPE\n}\n\nfunction emptyTarget(val) {\n\treturn Array.isArray(val) ? [] : {}\n}\n\nfunction cloneUnlessOtherwiseSpecified(value, options) {\n\treturn (options.clone !== false && options.isMergeableObject(value))\n\t\t? deepmerge(emptyTarget(value), value, options)\n\t\t: value\n}\n\nfunction defaultArrayMerge(target, source, options) {\n\treturn target.concat(source).map(function(element) {\n\t\treturn cloneUnlessOtherwiseSpecified(element, options)\n\t})\n}\n\nfunction getMergeFunction(key, options) {\n\tif (!options.customMerge) {\n\t\treturn deepmerge\n\t}\n\tvar customMerge = options.customMerge(key);\n\treturn typeof customMerge === 'function' ? customMerge : deepmerge\n}\n\nfunction getEnumerableOwnPropertySymbols(target) {\n\treturn Object.getOwnPropertySymbols\n\t\t? Object.getOwnPropertySymbols(target).filter(function(symbol) {\n\t\t\treturn Object.propertyIsEnumerable.call(target, symbol)\n\t\t})\n\t\t: []\n}\n\nfunction getKeys(target) {\n\treturn Object.keys(target).concat(getEnumerableOwnPropertySymbols(target))\n}\n\nfunction propertyIsOnObject(object, property) {\n\ttry {\n\t\treturn property in object\n\t} catch(_) {\n\t\treturn false\n\t}\n}\n\n// Protects from prototype poisoning and unexpected merging up the prototype chain.\nfunction propertyIsUnsafe(target, key) {\n\treturn propertyIsOnObject(target, key) // Properties are safe to merge if they don't exist in the target yet,\n\t\t&& !(Object.hasOwnProperty.call(target, key) // unsafe if they exist up the prototype chain,\n\t\t\t&& Object.propertyIsEnumerable.call(target, key)) // and also unsafe if they're nonenumerable.\n}\n\nfunction mergeObject(target, source, options) {\n\tvar destination = {};\n\tif (options.isMergeableObject(target)) {\n\t\tgetKeys(target).forEach(function(key) {\n\t\t\tdestination[key] = cloneUnlessOtherwiseSpecified(target[key], options);\n\t\t});\n\t}\n\tgetKeys(source).forEach(function(key) {\n\t\tif (propertyIsUnsafe(target, key)) {\n\t\t\treturn\n\t\t}\n\n\t\tif (propertyIsOnObject(target, key) && options.isMergeableObject(source[key])) {\n\t\t\tdestination[key] = getMergeFunction(key, options)(target[key], source[key], options);\n\t\t} else {\n\t\t\tdestination[key] = cloneUnlessOtherwiseSpecified(source[key], options);\n\t\t}\n\t});\n\treturn destination\n}\n\nfunction deepmerge(target, source, options) {\n\toptions = options || {};\n\toptions.arrayMerge = options.arrayMerge || defaultArrayMerge;\n\toptions.isMergeableObject = options.isMergeableObject || isMergeableObject;\n\t// cloneUnlessOtherwiseSpecified is added to `options` so that custom arrayMerge()\n\t// implementations can use it. The caller may not replace it.\n\toptions.cloneUnlessOtherwiseSpecified = cloneUnlessOtherwiseSpecified;\n\n\tvar sourceIsArray = Array.isArray(source);\n\tvar targetIsArray = Array.isArray(target);\n\tvar sourceAndTargetTypesMatch = sourceIsArray === targetIsArray;\n\n\tif (!sourceAndTargetTypesMatch) {\n\t\treturn cloneUnlessOtherwiseSpecified(source, options)\n\t} else if (sourceIsArray) {\n\t\treturn options.arrayMerge(target, source, options)\n\t} else {\n\t\treturn mergeObject(target, source, options)\n\t}\n}\n\ndeepmerge.all = function deepmergeAll(array, options) {\n\tif (!Array.isArray(array)) {\n\t\tthrow new Error('first argument should be an array')\n\t}\n\n\treturn array.reduce(function(prev, next) {\n\t\treturn deepmerge(prev, next, options)\n\t}, {})\n};\n\nvar deepmerge_1 = deepmerge;\n\nmodule.exports = deepmerge_1;\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 { useState, useEffect } from 'preact/hooks';\nimport { UIProvider } from '@adobe-commerce/elsie/components';\nimport { Lang } from '@adobe-commerce/elsie/i18n';\nimport { deepmerge } from '@adobe-commerce/elsie/lib/deepmerge';\nimport { events } from '@adobe-commerce/event-bus';\n\nimport { config } from '@/account/api';\nimport en_US from '../i18n/en_US.json';\n\n// Langs\nconst langDefinitions = {\n default: en_US,\n};\n\ninterface CartProviderProps {\n children?: any;\n}\n\nexport const Provider: FunctionComponent<CartProviderProps> = ({\n children,\n}) => {\n const [lang, setLang] = useState<Lang>('en_US');\n\n const userLangDefinitions = config.getConfig()?.langDefinitions;\n\n // Events\n useEffect(() => {\n const localeEvent = events.on(\n 'locale',\n (locale: string) => {\n setLang(locale as Lang);\n },\n { eager: true }\n );\n return () => {\n localeEvent?.off();\n };\n }, []);\n\n // Merge language definitions with user language definitions\n const definitions = deepmerge(langDefinitions, userLangDefinitions ?? {});\n\n return (\n <UIProvider lang={lang} langDefinitions={definitions}>\n {children}\n </UIProvider>\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 { Render } from '@adobe-commerce/elsie/lib';\nimport { Provider } from './Provider';\n\nexport const render = new Render(<Provider />);\n"],"names":["isMergeableObject","value","isNonNullObject","isSpecial","stringValue","isReactElement","canUseSymbol","REACT_ELEMENT_TYPE","emptyTarget","val","cloneUnlessOtherwiseSpecified","options","deepmerge","defaultArrayMerge","target","source","element","getMergeFunction","key","customMerge","getEnumerableOwnPropertySymbols","symbol","getKeys","propertyIsOnObject","object","property","propertyIsUnsafe","mergeObject","destination","sourceIsArray","targetIsArray","sourceAndTargetTypesMatch","array","prev","next","deepmerge_1","cjs","langDefinitions","en_US","Provider","children","lang","setLang","useState","userLangDefinitions","_a","config","useEffect","localeEvent","events","locale","definitions","jsx","UIProvider","render","Render"],"mappings":"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","x_google_ignoreList":[0]}