https://www.sellpy.se/market/ContainerOrderHistory.OjztWtiI.bundle.js

1import{j as n,y as f,P as y,b as h,I as x,a6 as j,d as N,B as S}from"./npm.sellpy-design-system.DdsWMDHW.bundle.js";import{g as a}from"./npm.styled-components.CzYR6Qdp.bundle.js";import"./npm.react-hook-form.HNw-giVQ.bundle.js";import{c as I,a as C,K as O,u as T,S as _}from"./index.DWkcZ-_z.bundle.js";import{h as w}from"./npm.apollo-client.CXJpJPbe.bundle.js";import"./npm.lodash.DxN61Y-S.bundle.js";import{F,S as A,C as M,V,P as D,B as E,a as P,b as $,c as d}from"./CopyableId.Box8s7xE.bundle.js";import{u as s}from"./npm.react-i18next.BwOa93YU.bundle.js";import{D as L}from"./npm.luxon.3NOFZn7k.bundle.js";import{aC as B}from"./npm.sellpy-commons.B413ARrd.bundle.js";import"./npm.react-dom.DlIYrMBD.bundle.js";import"./npm.react-router.BDfxye5A.bundle.js";import"./npm.zod.DEnjmUYT.bundle.js";import"./npm.parse.BcWrqAIh.bundle.js";import"./npm.sentry-react.Z7tY98T1.bundle.js";import"./npm.swr.CiJqMJM6.bundle.js";import"./npm.algolia.BDObKZ-5.bundle.js";import"./npm.i18next.B74d65Th.bundle.js";import"./translations.B5c9TvV-.bundle.js";import"./npm.graphql.ClDiDpi3.bundle.js";import"./npm.immutable.DTQZtUT4.bundle.js";import"./useCopyToClipboard.DAIMN_13.bundle.js";try{let e=typeof window!="undefined"?window:typeof global!="undefined"?global:typeof globalThis!="undefined"?globalThis:typeof self!="undefined"?self:{},t=new e.Error().stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="5567403c-d8ee-4025-9de7-e2c7eb5bc207",e._sentryDebugIdIdentifier="sentry-dbid-5567403c-d8ee-4025-9de7-e2c7eb5bc207")}catch(e){}{let e=typeof window!="undefined"?window:typeof global!="undefined"?global:typeof globalThis!="undefined"?globalThis:typeof self!="undefined"?self:{};e._sentryModuleMetadata=e._sentryModuleMetadata||{},e._sentryModuleMetadata[new e.Error().stack]=Object.assign({},e._sentryModuleMetadata[new e.Error().stack],{"_sentryBundlerPluginAppKey:sellpy-market":!0})}const q=`query getContainerOrders($userId: ID!, $first: Int, $after: String) {
2  containerOrders(
3    where: { user: { have: { objectId: { equalTo: $userId } } } }
4    order: createdAt_DESC
5    first: $first
6    after: $after
7  ) {
8    pageInfo {
9      hasNextPage
10      endCursor
11    }
12    edges {
13      cursor
14      node {
15        objectId
16        count
17        createdAt
18      }
19    }
20    count
21  }
22}
23`,H={kind:"Document",definitions:[{kind:"OperationDefinition",operation:"query",name:{kind:"Name",value:"getContainerOrders"},variableDefinitions:[{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"userId"}},type:{kind:"NonNullType",type:{kind:"NamedType",name:{kind:"Name",value:"ID"}}},directives:[]},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"first"}},type:{kind:"NamedType",name:{kind:"Name",value:"Int"}},directives:[]},{kind:"VariableDefinition",variable:{kind:"Variable",name:{kind:"Name",value:"after"}},type:{kind:"NamedType",name:{kind:"Name",value:"String"}},directives:[]}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"containerOrders"},arguments:[{kind:"Argument",name:{kind:"Name",value:"where"},value:{kind:"ObjectValue",fields:[{kind:"ObjectField",name:{kind:"Name",value:"user"},value:{kind:"ObjectValue",fields:[{kind:"ObjectField",name:{kind:"Name",value:"have"},value:{kind:"ObjectValue",fields:[{kind:"ObjectField",name:{kind:"Name",value:"objectId"},value:{kind:"ObjectValue",fields:[{kind:"ObjectField",name:{kind:"Name",value:"equalTo"},value:{kind:"Variable",name:{kind:"Name",value:"userId"}}}]}}]}}]}}]}},{kind:"Argument",name:{kind:"Name",value:"order"},value:{kind:"EnumValue",value:"createdAt_DESC"}},{kind:"Argument",name:{kind:"Name",value:"first"},value:{kind:"Variable",name:{kind:"Name",value:"first"}}},{kind:"Argument",name:{kind:"Name",value:"after"},value:{kind:"Variable",name:{kind:"Name",value:"after"}}}],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"pageInfo"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"hasNextPage"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"endCursor"},arguments:[],directives:[]}]}},{kind:"Field",name:{kind:"Name",value:"edges"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"cursor"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"node"},arguments:[],directives:[],selectionSet:{kind:"SelectionSet",selections:[{kind:"Field",name:{kind:"Name",value:"objectId"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"count"},arguments:[],directives:[]},{kind:"Field",name:{kind:"Name",value:"createdAt"},arguments:[],directives:[]}]}}]}},{kind:"Field",name:{kind:"Name",value:"count"},arguments:[],directives:[]}]}}]}}],loc:{start:0,end:433,source:{name:"GraphQL request",locationOffset:{line:1,column:1},body:q}}},G=H,{staticAssets:R}=I,W=a.div`
24  display: flex;
25  justify-content: center;
26  width: 100%;
27  padding: 24px 0;
28`,K=a.div`
29  display: flex;
30  align-items: center;
31  flex-direction: column;
32  text-align: center;
33  gap: 8px;
34`,Q=a(y)`
35  color: ${({theme:e})=>e.colour.text.static.nr200};
36`,Y=a.img`
37  width: 200px;
38`,z=()=>{const{t:e}=s("containerOrder");return n.jsx(W,{children:n.jsxs(K,{children:[n.jsx(Y,{src:R+"emptyStates/order-bag-history.svg",alt:e("history.noOrderedContainersTitle")}),n.jsx(f,{noMargin:!0,children:e("history.noOrderedContainersTitle")}

38),n.jsx(Q,{design:"body3",noMargin:!0,children:e("history.weHelpYou")})]})})},U=a.div`
39  display: flex;
40  flex-direction: column;
41  align-items: flex-end;
42`,Z=({containerOrder:e})=>{const{t}=s("containerOrder");return n.jsx(F,{to:`/order-bag-history/${e.objectId}`,headline:t("history.container",{count:e.count}),leadingComponent:n.jsx(h,{name:x.SELLPY_BAG,style:{fontSize:"24px"}}),trailingComponent:n.jsxs(U,{children:[n.jsx(A,{children:L.fromISO(e.createdAt).toLocaleString(B.SHORT.PAST)}),n.jsx(M,{id:e.objectId})]})})},J=a.div`
43  width: 100%;
44`,X=20,je=()=>{var c,u,m;const{t:e}=s("containerOrder"),t=C(),{data:i,loading:p,fetchMore:g}=w(G,{variables:{userId:t,first:X},skip:!t}),o=O(i==null?void 0:i.containerOrders),l=(u=(c=i==null?void 0:i.containerOrders)==null?void 0:c.count)!=null?u:0,r=(m=i==null?void 0:i.containerOrders)==null?void 0:m.pageInfo,{isTablet:v}=T();if(p)return n.jsx(_,{});const b=l>0?` (${l})`:"";return n.jsx(V,{children:n.jsxs(D,{children:[n.jsx(E,{children:n.jsx(j,{variant:v?"collapsed":"full",options:[{link:"/home#sales",label:e("history.breadcrumbs.home")},{label:e("history.breadcrumbs.orderContainerHistory")}]})}),n.jsxs(P,{children:[n.jsx(N,{design:"h2",noMargin:!0,children:e("history.bannerTitle")}),n.jsxs($,{children:[n.jsx(d,{children:n.jsx(f,{noMargin:!0,children:`${e("history.titleTable")}${b}`})}),n.jsx(d,{children:o.length?n.jsx(J,{children:o.map(k=>n.jsx(Z,{containerOrder:k},k.objectId))}):n.jsx(z,{})}),(r==null?void 0:r.hasNextPage)&&n.jsx(d,{children:n.jsx(S,{variant:"text",label:e("history.loadMore",{defaultValue:"Load more"}),onClickWithLoading:()=>g({variables:{after:r.endCursor}})})})]})]})]})})};export{je as default};
45//# sourceMappingURL=ContainerOrderHistory.OjztWtiI.bundle.js.map