@deenruv/admin-dashboard 1.0.0

package/dist/components/Menu/index.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useMemo, useState } from 'react';
+import { Breadcrumb, BreadcrumbItem, BreadcrumbList, BreadcrumbSeparator, Button, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, ScrollArea, TooltipProvider, Routes, useSettings, useServer, usePluginStore, cn, dashToCamelCase, apiClient, useGlobalSearch, useTranslation, DropdownMenuGroup, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuPortal, DropdownMenuSubContent, createDialog, buildURL, } from '@deenruv/react-ui-devkit';
+import { GripVertical, LogOutIcon, MenuIcon, Moon, Slash, Sun, SunMoon, RotateCwSquare, SearchIcon, } from 'lucide-react';
+import * as ResizablePrimitive from 'react-resizable-panels';
+import { Navigation } from './Navigation.js';
+import { NavLink, useMatches, useNavigate } from 'react-router-dom';
+import { ChannelSwitcher } from './ChannelSwitcher.js';
+import { BrandLogo } from "../BrandLogo.js";
+import { LanguagesDropdown } from './LanguagesDropdown.js';
+import { Notifications } from './Notifications.js';
+import { NavigationFooter } from "./NavigationFooter.js";
+const ResizablePanelGroup = ({ className, ...props }) => (_jsx(ResizablePrimitive.PanelGroup, { className: cn('flex h-full w-full data-[panel-group-direction=vertical]:flex-col', className), ...props }));
+const ResizablePanel = ResizablePrimitive.Panel;
+const ResizableHandle = ({ withHandle, className, ...props }) => (_jsx(ResizablePrimitive.PanelResizeHandle, { className: cn('bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90', className), ...props, children: withHandle && (_jsx("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-sm border", children: _jsx(GripVertical, { className: "size-2.5" }) })) }));
+const removableCrumbs = ['draft', 'admin-ui'];
+export const Menu = ({ children }) => {
+    const openGlobalSearch = useGlobalSearch((state) => state.open);
+    const linkPath = [];
+    const { t } = useTranslation('common');
+    const { topNavigationActionsMenu, topNavigationComponents } = usePluginStore();
+    const { logOut, theme, setTheme } = useSettings((p) => ({
+        logOut: p.logOut,
+        theme: p.theme,
+        setTheme: p.setTheme,
+        language: p.language,
+        setLanguage: p.setLanguage,
+    }));
+    const navigate = useNavigate();
+    const [isCollapsed, setIsCollapsed] = useState(false);
+    const { activeAdministrator, setJobQueue } = useServer();
+    const rebuildSearchIndex = async () => {
+        await apiClient('mutation')({ reindex: { id: true, queueName: true, state: true } }).then(({ reindex: { queueName, state } }) => {
+            setJobQueue(queueName, state === 'RUNNING');
+        });
+    };
+    const matches = useMatches();
+    const crumbs = useMemo(() => matches
+        .filter((match) => !!match.pathname)
+        .map((match) => match.pathname)
+        .flatMap((p) => p.split('/'))
+        .filter(Boolean)
+        .filter((crumb) => !removableCrumbs.includes(crumb)), [matches]);
+    return (_jsx("div", { className: "bg-muted/40 w-full border-r", children: _jsx("div", { className: "flex h-full max-h-screen flex-col gap-2", children: _jsx("div", { className: "flex-1", children: _jsx(TooltipProvider, { delayDuration: 100, children: _jsxs(ResizablePanelGroup, { onLayout: (sizes) => {
+                            document.cookie = `react-resizable-panels:layout=${JSON.stringify(sizes)}`;
+                        }, direction: "horizontal", className: "size-full", children: [_jsxs(ResizablePanel, { defaultSize: 18, collapsedSize: 4, collapsible: true, minSize: 10, maxSize: 20, onExpand: () => {
+                                    setIsCollapsed(false);
+                                    document.cookie = `react-resizable-panels:collapsed=${JSON.stringify(false)}`;
+                                }, onCollapse: () => {
+                                    setIsCollapsed(true);
+                                    document.cookie = `react-resizable-panels:collapsed=${JSON.stringify(true)}`;
+                                }, className: cn(isCollapsed && 'min-w-[50px] transition-all duration-300 ease-in-out'), children: [_jsx("div", { className: cn('flex h-[80px] flex-col items-center justify-center gap-4 border-b'), children: _jsx("div", { className: `flex h-full items-center justify-center ${!isCollapsed && 'w-full'} cursor-pointer p-4`, onClick: () => navigate(Routes.dashboard, { viewTransition: true }), children: _jsx(BrandLogo, { isCollapsed: isCollapsed }) }) }), _jsxs("div", { className: "flex h-[calc(100vh-80px)] flex-col justify-between", children: [_jsx(Navigation, { isCollapsed: isCollapsed }), _jsx(NavigationFooter, { isCollapsed: isCollapsed })] })] }), _jsx(ResizableHandle, { withHandle: true }), _jsxs(ResizablePanel, { children: [_jsxs("div", { className: "flex h-[70px] items-center border-b p-4 lg:h-[80px] lg:px-6", children: [_jsxs("div", { className: "flex flex-col items-start justify-center", children: [_jsx(Breadcrumb, { children: _jsx(BreadcrumbList, { children: crumbs.length ? (crumbs.map((c, i) => {
+                                                                linkPath.push(c);
+                                                                return (_jsxs(React.Fragment, { children: [_jsx(BreadcrumbItem, { children: _jsx(NavLink, { to: buildURL(linkPath), viewTransition: true, children: _jsx("p", { className: cn('text-md text-foreground font-bold capitalize'), children: i === 0 ? t('menu.' + dashToCamelCase(c)) : c }) }) }), i !== crumbs.length - 1 && (_jsx(BreadcrumbSeparator, { children: _jsx(Slash, { className: "text-muted-foreground" }) }))] }, c));
+                                                            })) : (_jsx(BreadcrumbItem, { children: _jsx(NavLink, { to: Routes.dashboard, viewTransition: true, children: _jsx("p", { className: "text-foreground text-2xl font-bold", children: t('dashboard') }) }) })) }) }), _jsx("div", { className: "flex items-center gap-2" })] }), _jsxs("div", { className: "flex flex-1 items-center justify-end gap-2", children: [topNavigationComponents && topNavigationComponents.length > 0 ? (_jsx("div", { className: "flex items-center gap-2", children: topNavigationComponents.map(({ component: Component }, index) => (_jsx(Component, {}, index))) })) : null, _jsx(LanguagesDropdown, {}), _jsx(ChannelSwitcher, { className: "min-w-44" }), _jsx(Button, { onClick: openGlobalSearch, variant: "outline", size: "icon", className: "relative size-10", children: _jsx(SearchIcon, { className: "size-4" }) }), _jsx(Notifications, {}), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", size: "icon", children: [theme === 'light' ? (_jsx(Sun, { className: "size-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" })) : theme === 'dark' ? (_jsx(Moon, { className: "absolute size-[1.2rem] rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" })) : (_jsx(SunMoon, { className: "absolute size-[1.2rem] rotate-90 transition-all" })), _jsx("span", { className: "sr-only", children: t('toggleTheme') })] }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsx(DropdownMenuItem, { onClick: () => setTheme('light'), children: t('themeLight') }), _jsx(DropdownMenuItem, { onClick: () => setTheme('dark'), children: t('themeDark') }), _jsx(DropdownMenuItem, { onClick: () => setTheme('system'), children: t('themeSystem') })] })] }), _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", size: "icon", children: _jsx(MenuIcon, { className: "size-4" }) }) }), _jsxs(DropdownMenuContent, { className: "z-[150] mr-6 min-w-40", children: [activeAdministrator?.emailAddress && (_jsxs(_Fragment, { children: [_jsxs(DropdownMenuLabel, { className: "flex items-center gap-2 px-3 py-2 font-medium ", children: [_jsx("div", { className: "flex size-5 items-center justify-center rounded-full bg-gray-100 text-xs text-gray-600", children: activeAdministrator.firstName.charAt(0).toUpperCase() }), _jsxs("div", { className: "truncate text-sm", children: [activeAdministrator.firstName, " ", activeAdministrator.lastName] })] }), _jsx(DropdownMenuSeparator, { className: "my-1" })] })), _jsxs(DropdownMenuItem, { className: "flex cursor-pointer items-center gap-2 text-nowrap", onSelect: rebuildSearchIndex, children: [_jsx(RotateCwSquare, { className: "size-4" }), t('rebuildSerachIndex')] }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuGroup, { children: _jsxs(DropdownMenuSub, { children: [_jsx(DropdownMenuSubTrigger, { children: t('fastLinks') }), _jsx(DropdownMenuPortal, { children: _jsxs(DropdownMenuSubContent, { children: [_jsxs(DropdownMenuItem, { className: "flex cursor-pointer items-center gap-2 text-nowrap", onSelect: () => navigate(Routes.status, { viewTransition: true }), children: [_jsx(RotateCwSquare, { className: "size-4" }), t('systemStatus')] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { className: "flex cursor-pointer items-center gap-2 text-nowrap", onSelect: () => navigate(Routes.globalSettings, { viewTransition: true }), children: [_jsx(RotateCwSquare, { className: "size-4" }), t('globalSettings')] })] }) })] }) }), topNavigationActionsMenu?.length && topNavigationActionsMenu.length > 0 ? (_jsxs(_Fragment, { children: [_jsx(DropdownMenuSeparator, {}), topNavigationActionsMenu.map((action) => (_jsxs(DropdownMenuItem, { className: "flex cursor-pointer items-center gap-2", onSelect: action.onClick, children: [action.icon && _jsx(action.icon, { className: "size-4" }), action.label] }, action.label)))] })) : null, _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { className: "flex cursor-pointer items-center gap-2 text-red-500", onSelect: async () => {
+                                                                            const result = await createDialog({
+                                                                                title: t('logOutConfirmation'),
+                                                                                description: t('logOutConfirmationDescription'),
+                                                                                buttons: [
+                                                                                    { label: t('cancel'), variant: 'secondary', returnValue: false },
+                                                                                    { label: t('logOut'), variant: 'destructive', returnValue: true },
+                                                                                ],
+                                                                            });
+                                                                            if (result)
+                                                                                logOut();
+                                                                        }, children: [_jsx(LogOutIcon, { className: "size-4" }), t('logOut')] })] })] })] })] }), _jsx(ScrollArea, { className: "relative h-[calc(100vh-70px)] overflow-y-hidden lg:h-[calc(100vh-80px)]", children: children })] })] }) }) }) }) }));
+};

package/dist/components/index.js

@@ -0,0 +1,6 @@
+export * from './DataTable.js';
+export * from './DeleteDialog.js';
+export * from './Aexol.js';
+export * from './History';
+export * from './CanLeaveRouteDialog';
+export * from './Menu/index.js';

package/dist/graphql/base.js

@@ -0,0 +1,95 @@
+import { productVariantTileSelector } from "./products";
+import { Selector, SortOrder } from '@deenruv/admin-types';
+export var ORDER_STATE;
+(function (ORDER_STATE) {
+    ORDER_STATE["CREATED"] = "Created";
+    ORDER_STATE["DRAFT"] = "Draft";
+    ORDER_STATE["ADDING_ITEMS"] = "AddingItems";
+    ORDER_STATE["ARRANGING_PAYMENT"] = "ArrangingPayment";
+    ORDER_STATE["PAYMENT_AUTHORIZED"] = "PaymentAuthorized";
+    ORDER_STATE["PAYMENT_SETTLED"] = "PaymentSettled";
+    ORDER_STATE["PARTIALLY_SHIPPED"] = "PartiallyShipped";
+    ORDER_STATE["SHIPPED"] = "Shipped";
+    ORDER_STATE["PARTIALLY_DELIVERED"] = "PartiallyDelivered";
+    ORDER_STATE["DELIVERED"] = "Delivered";
+    ORDER_STATE["MODIFYING"] = "Modifying";
+    ORDER_STATE["ARRANGING_ADDITIONAL_PAYMENT"] = "ArrangingAdditionalPayment";
+    ORDER_STATE["CANCELLED"] = "Cancelled";
+})(ORDER_STATE || (ORDER_STATE = {}));
+export var PAYMENT_STATE;
+(function (PAYMENT_STATE) {
+    PAYMENT_STATE["AUTHORIZED"] = "Authorized";
+    PAYMENT_STATE["SETTLED"] = "Settled";
+    PAYMENT_STATE["CANCELLED"] = "Cancelled";
+})(PAYMENT_STATE || (PAYMENT_STATE = {}));
+export var ORDER_TYPE;
+(function (ORDER_TYPE) {
+    ORDER_TYPE["REGULAR"] = "Regular";
+    ORDER_TYPE["AGGREGATE"] = "Aggregate";
+    ORDER_TYPE["SELLER"] = "Seller";
+})(ORDER_TYPE || (ORDER_TYPE = {}));
+export const assetsSelector = Selector('Asset')({
+    id: true,
+    createdAt: true,
+    fileSize: true,
+    focalPoint: { x: true, y: true },
+    width: true,
+    height: true,
+    mimeType: true,
+    preview: true,
+    source: true,
+    name: true,
+    tags: { id: true, value: true },
+    type: true,
+    updatedAt: true,
+});
+export const AvailableCountriesSelector = Selector('Country')({
+    code: true,
+    name: true,
+    languageCode: true,
+});
+export const OrderAddressSelector = Selector('OrderAddress')({
+    fullName: true,
+    company: true,
+    streetLine1: true,
+    streetLine2: true,
+    city: true,
+    province: true,
+    postalCode: true,
+    phoneNumber: true,
+});
+export const ActiveAddressSelector = Selector('Address')({
+    ...OrderAddressSelector,
+    id: true,
+    country: AvailableCountriesSelector,
+    defaultShippingAddress: true,
+    defaultBillingAddress: true,
+});
+export const CurrentUserSelector = Selector('CurrentUser')({
+    id: true,
+    identifier: true,
+});
+export const ActiveCustomerSelector = Selector('Customer')({
+    id: true,
+    lastName: true,
+    firstName: true,
+    emailAddress: true,
+    phoneNumber: true,
+    addresses: ActiveAddressSelector,
+    user: CurrentUserSelector,
+});
+export const homePageSlidersSelector = Selector('Collection')({
+    name: true,
+    slug: true,
+    parent: { slug: true },
+    productVariants: [
+        { options: { take: 8, sort: { priceWithTax: SortOrder.DESC } } },
+        {
+            totalItems: true,
+            items: productVariantTileSelector,
+        },
+    ],
+});
+export const AdminSettingsSelector = Selector('GlobalSettings')({
+    availableLanguages: true,
+});

package/dist/graphql/collections.js

@@ -0,0 +1,94 @@
+import { Selector } from '@deenruv/admin-types';
+export const CollectionListSelector = Selector('Collection')({
+    id: true,
+    createdAt: true,
+    updatedAt: true,
+    position: true,
+    name: true,
+    breadcrumbs: { name: true, slug: true },
+    slug: true,
+    description: true,
+    isPrivate: true,
+    featuredAsset: { __typename: true, preview: true },
+    productVariants: [{}, { totalItems: true }],
+    parentId: true,
+    children: {
+        id: true,
+        createdAt: true,
+        updatedAt: true,
+        position: true,
+        name: true,
+        slug: true,
+        description: true,
+        isPrivate: true,
+        parentId: true,
+        featuredAsset: { __typename: true, preview: true },
+        productVariants: [{}, { totalItems: true }],
+    },
+});
+export const CollectionProductVariantsSelector = Selector('ProductVariant')({
+    featuredAsset: { preview: true },
+    id: true,
+    name: true,
+    // productId: true,
+    product: { name: true, id: true },
+    sku: true,
+    stockAllocated: true,
+});
+export const CollectionTileProductVariantSelector = Selector('ProductVariant')({
+    id: true,
+    featuredAsset: { preview: true },
+    priceWithTax: true,
+    currencyCode: true,
+    name: true,
+    product: { name: true, slug: true, featuredAsset: { preview: true } },
+});
+export const CollectionTileSelector = Selector('Collection')({
+    name: true,
+    id: true,
+    slug: true,
+    parentId: true,
+    parent: { slug: true },
+    description: true,
+    featuredAsset: {
+        preview: true,
+    },
+});
+export const CollectionDetailsSelector = Selector('Collection')({
+    id: true,
+    translations: {
+        description: true,
+        name: true,
+        slug: true,
+        id: true,
+        languageCode: true,
+    },
+    assets: {
+        id: true,
+    },
+    filters: {
+        code: true,
+        args: {
+            name: true,
+            value: true,
+        },
+    },
+    createdAt: true,
+    updatedAt: true,
+    name: true,
+    isPrivate: true,
+    slug: true,
+    description: true,
+    inheritFilters: true,
+    featuredAsset: {
+        id: true,
+        preview: true,
+    },
+    parent: { slug: true, name: true },
+    children: {
+        id: true,
+        name: true,
+        slug: true,
+        featuredAsset: { preview: true },
+    },
+});

package/dist/graphql/draft_order.js

@@ -0,0 +1,307 @@
+import { Selector } from '@deenruv/admin-types';
+import { paymentSelector } from './orders.js';
+import { OrderDetailSelector } from '@deenruv/react-ui-devkit';
+export const eligibleShippingMethodsSelector = Selector('ShippingMethodQuote')({
+    id: true,
+    description: true,
+    name: true,
+    code: true,
+    price: true,
+    priceWithTax: true,
+});
+export const addressBaseSelector = Selector('Address')({
+    city: true,
+    company: true,
+    fullName: true,
+    phoneNumber: true,
+    postalCode: true,
+    province: true,
+    streetLine1: true,
+    streetLine2: true,
+});
+export const searchProductVariantSelector = Selector('SearchResult')({
+    sku: true,
+    productAsset: { id: true, preview: true, focalPoint: { x: true, y: true } },
+    currencyCode: true,
+    price: { __typename: true, '...on PriceRange': { max: true, min: true }, '...on SinglePrice': { value: true } },
+    priceWithTax: {
+        __typename: true,
+        '...on PriceRange': { max: true, min: true },
+        '...on SinglePrice': { value: true },
+    },
+    productName: true,
+    productVariantName: true,
+    productVariantId: true,
+});
+export const productVariantSelector = Selector('ProductVariant')({
+    id: true,
+    featuredAsset: { preview: true, id: true },
+    sku: true,
+    productId: true,
+    product: { name: true, id: true, slug: true, featuredAsset: { preview: true } },
+    currencyCode: true,
+    price: true,
+    priceWithTax: true,
+    name: true,
+    stockLevels: { stockOnHand: true },
+});
+export const draftOrderLineSelector = Selector('OrderLine')({
+    id: true,
+    quantity: true,
+    discountedLinePrice: true,
+    discountedLinePriceWithTax: true,
+    productVariant: productVariantSelector,
+    linePrice: true,
+    linePriceWithTax: true,
+    unitPrice: true,
+    unitPriceWithTax: true,
+    discountedUnitPrice: true,
+    discountedUnitPriceWithTax: true,
+    taxRate: true,
+});
+export const draftOrderSelector = Selector('Order')({
+    id: true,
+    createdAt: true,
+    updatedAt: true,
+    currencyCode: true,
+    code: true,
+    state: true,
+    total: true,
+    totalWithTax: true,
+    shipping: true,
+    nextStates: true,
+    subTotalWithTax: true,
+    surcharges: {
+        priceWithTax: true,
+        sku: true,
+        createdAt: true,
+        description: true,
+        price: true,
+        taxRate: true,
+    },
+    couponCodes: true,
+    excludedPromotionIds: true,
+    promotions: {
+        id: true,
+        name: true,
+        couponCode: true,
+    },
+    discounts: {
+        amount: true,
+        description: true,
+        adjustmentSource: true,
+        amountWithTax: true,
+        type: true,
+    },
+    modifications: { id: true, note: true },
+    fulfillments: {
+        id: true,
+        createdAt: true,
+        updatedAt: true,
+        method: true,
+        nextStates: true,
+        state: true,
+        summary: { fulfillmentId: true, orderLineId: true, quantity: true },
+        trackingCode: true,
+    },
+    taxSummary: {
+        description: true,
+        taxBase: true,
+        taxRate: true,
+        taxTotal: true,
+    },
+    shippingLines: {
+        id: true,
+        price: true,
+        priceWithTax: true,
+        discountedPrice: true,
+        discountedPriceWithTax: true,
+        shippingMethod: {
+            id: true,
+            name: true,
+            code: true,
+            fulfillmentHandlerCode: true,
+        },
+    },
+    billingAddress: {
+        countryCode: true,
+        country: true,
+        ...addressBaseSelector,
+    },
+    shippingAddress: {
+        countryCode: true,
+        country: true,
+        ...addressBaseSelector,
+    },
+    customer: {
+        id: true,
+        title: true,
+        firstName: true,
+        lastName: true,
+        phoneNumber: true,
+        emailAddress: true,
+        addresses: {
+            id: true,
+            defaultBillingAddress: true,
+            defaultShippingAddress: true,
+            country: { code: true, name: true },
+            ...addressBaseSelector,
+        },
+    },
+    lines: draftOrderLineSelector,
+    payments: paymentSelector,
+});
+export const modifyOrderSelector = Selector('ModifyOrderResult')({
+    __typename: true,
+    '...on Order': draftOrderSelector,
+    '...on CouponCodeExpiredError': {
+        errorCode: true,
+        message: true,
+    },
+    '...on CouponCodeInvalidError': {
+        couponCode: true,
+        errorCode: true,
+        message: true,
+    },
+    '...on CouponCodeLimitError': {
+        couponCode: true,
+        limit: true,
+        errorCode: true,
+        message: true,
+    },
+    '...on InsufficientStockError': {
+        order: draftOrderSelector,
+        quantityAvailable: true,
+        errorCode: true,
+        message: true,
+    },
+    '...on NegativeQuantityError': {
+        errorCode: true,
+        message: true,
+    },
+    '...on NoChangesSpecifiedError': {
+        errorCode: true,
+        message: true,
+    },
+    '...on OrderLimitError': {
+        maxItems: true,
+        errorCode: true,
+        message: true,
+    },
+    '...on OrderModificationStateError': {
+        errorCode: true,
+        message: true,
+    },
+    '...on PaymentMethodMissingError': {
+        errorCode: true,
+        message: true,
+    },
+    '...on RefundPaymentIdMissingError': {
+        errorCode: true,
+        message: true,
+    },
+    '...on IneligibleShippingMethodError': {
+        errorCode: true,
+        message: true,
+    },
+});
+export const updateOrderItemsSelector = Selector('UpdateOrderItemsResult')({
+    __typename: true,
+    '...on Order': OrderDetailSelector,
+    '...on InsufficientStockError': {
+        errorCode: true,
+        message: true,
+        order: OrderDetailSelector,
+        quantityAvailable: true,
+    },
+    '...on NegativeQuantityError': {
+        errorCode: true,
+        message: true,
+    },
+    '...on OrderLimitError': {
+        errorCode: true,
+        message: true,
+        maxItems: true,
+    },
+    '...on OrderModificationError': {
+        errorCode: true,
+        message: true,
+    },
+});
+export const updatedDraftOrderSelector = Selector('UpdateOrderItemsResult')({
+    __typename: true,
+    '...on Order': OrderDetailSelector,
+    '...on InsufficientStockError': {
+        errorCode: true,
+        message: true,
+        order: OrderDetailSelector,
+        quantityAvailable: true,
+    },
+    '...on NegativeQuantityError': {
+        errorCode: true,
+        message: true,
+    },
+    '...on OrderLimitError': {
+        errorCode: true,
+        message: true,
+        maxItems: true,
+    },
+    '...on OrderModificationError': {
+        errorCode: true,
+        message: true,
+    },
+});
+export const removeOrderItemsResultSelector = Selector('RemoveOrderItemsResult')({
+    __typename: true,
+    '...on Order': OrderDetailSelector,
+    '...on OrderModificationError': {
+        errorCode: true,
+        message: true,
+    },
+});
+export const orderHistoryEntrySelector = Selector('HistoryEntry')({
+    id: true,
+    administrator: { id: true, firstName: true, lastName: true },
+    isPublic: true,
+    type: true,
+    data: true,
+    createdAt: true,
+    updatedAt: true,
+});
+export const addFulfillmentToOrderResultSelector = Selector('AddFulfillmentToOrderResult')({
+    __typename: true,
+    '...on Fulfillment': {
+        id: true,
+    },
+    '...on CreateFulfillmentError': {
+        message: true,
+        errorCode: true,
+        fulfillmentHandlerError: true,
+    },
+    '...on EmptyOrderLineSelectionError': {
+        message: true,
+        errorCode: true,
+    },
+    '...on FulfillmentStateTransitionError': {
+        errorCode: true,
+        fromState: true,
+        message: true,
+        toState: true,
+        transitionError: true,
+    },
+    '...on InsufficientStockOnHandError': {
+        errorCode: true,
+        message: true,
+        productVariantId: true,
+        productVariantName: true,
+        stockOnHand: true,
+    },
+    '...on InvalidFulfillmentHandlerError': {
+        message: true,
+        errorCode: true,
+    },
+    '...on ItemsAlreadyFulfilledError': {
+        message: true,
+        errorCode: true,
+    },
+});