@jetshop/ui 7.0.0-alpha-3 → 7.0.0-alpha-5

package/Search/SearchPage/SearchPageBehaviour.d.ts

@@ -0,0 +1,19 @@
+import { ApolloError } from '@apollo/client';
+import { DocumentNode } from 'graphql';
+import * as React from 'react';
+export interface SearchPageRenderProps {
+    result: object;
+    filters: object;
+    total: number;
+    term: string;
+    loading: boolean;
+    error: ApolloError;
+}
+export interface SearchPageProps {
+    children(props: SearchPageRenderProps): React.ReactElement;
+    /** Query to perform the search */
+    searchQuery: DocumentNode;
+    location: Location;
+}
+declare const SearchPageBehaviour: React.FC<SearchPageProps>;
+export default SearchPageBehaviour;

package/Search/SearchPage/SearchPageBehaviour.js

@@ -0,0 +1,75 @@
+import ActiveFiltersQuery from '@jetshop/core/components/DynamicRoute/ActiveFiltersQuery.gql';
+import PaginationContext from '@jetshop/core/components/Pagination/PaginationContext';
+import PaginationProvider, { usePagination } from '@jetshop/core/components/Pagination/PaginationProvider';
+import throwErrorInDev from '@jetshop/core/helpers/throwErrorInDev';
+import { useFilters } from '@jetshop/core/hooks/Filters/useFilters';
+import qs from 'qs';
+import * as React from 'react';
+import { Query } from '@apollo/client/react/components';
+import { useQuery } from '@apollo/client';
+const SearchPageBehaviour = (props) => {
+    var _a, _b;
+    const pagination = usePagination();
+    const { location, searchQuery, children } = props;
+    const { offset, perPage } = React.useContext(PaginationContext);
+    const activeSearchTerm = React.useRef();
+    // Track the previous offset. If it has changed, we're paginating. If it
+    // hasn't, we're just applying filters.
+    const activeOffset = React.useRef(0);
+    const { clearAllFilters } = useFilters();
+    throwErrorInDev(!searchQuery, `You did not pass 'searchQuery' to SearchPageBehaviour`);
+    const activeFilterQuery = useQuery(ActiveFiltersQuery, {
+        fetchPolicy: 'cache-only'
+    });
+    const searchTerm = React.useMemo(() => qs.parse(location.search, { ignoreQueryPrefix: true }).term, [location]);
+    React.useEffect(() => {
+        if (activeSearchTerm.current && activeSearchTerm.current !== searchTerm) {
+            clearAllFilters();
+        }
+        activeSearchTerm.current = searchTerm;
+    }, [clearAllFilters, searchTerm]);
+    React.useEffect(() => {
+        activeOffset.current = offset;
+    }, [offset]);
+    if (pagination === undefined) {
+        return (React.createElement(PaginationProvider, null,
+            React.createElement(SearchPageBehaviour, Object.assign({}, props))));
+    }
+    const filters = ((_a = activeFilterQuery.data) === null || _a === void 0 ? void 0 : _a.activeFilters)
+        ? Object.assign({}, (_b = activeFilterQuery.data) === null || _b === void 0 ? void 0 : _b.activeFilters) : null;
+    filters && delete filters.__typename;
+    // Ideally this component would use the data from usePagination, but due to
+    // how the shouldComponentUpdate method in FilterContainer works it prevents
+    // rendering if we don't do it this way.
+    return searchTerm ? (React.createElement(Query, { variables: {
+            term: searchTerm,
+            first: perPage,
+            limit: perPage,
+            filters,
+            offset: activeOffset.current === offset ? 0 : offset,
+            client: !__IN_SERVER__
+        }, query: searchQuery, fetchPolicy: "cache-and-network" }, (result) => {
+        var _a, _b, _c, _d, _e, _f;
+        const totalResults = (_c = (_b = (_a = ((result === null || result === void 0 ? void 0 : result.data) || (result === null || result === void 0 ? void 0 : result.previousData))) === null || _a === void 0 ? void 0 : _a.search) === null || _b === void 0 ? void 0 : _b.products) === null || _c === void 0 ? void 0 : _c.totalResults;
+        const filters = (_f = (_e = (_d = ((result === null || result === void 0 ? void 0 : result.data) || (result === null || result === void 0 ? void 0 : result.previousData))) === null || _d === void 0 ? void 0 : _d.search) === null || _e === void 0 ? void 0 : _e.products) === null || _f === void 0 ? void 0 : _f.filters;
+        return (React.createElement(React.Fragment, null, children({
+            result: Object.assign(Object.assign({}, result), { 
+                // We want to show the previous data to avoid unnecessary loading states
+                data: result.data || result.previousData }),
+            total: totalResults,
+            filters,
+            term: searchTerm,
+            loading: result.loading,
+            error: result.error
+        })));
+    })) : (children({
+        term: searchTerm,
+        loading: false,
+        error: null,
+        total: 0,
+        result: {},
+        filters: {}
+    }));
+};
+export default SearchPageBehaviour;
+//# sourceMappingURL=SearchPageBehaviour.js.map

package/Search/SearchPage/SearchPageBehaviour.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchPageBehaviour.js","sourceRoot":"","sources":["SearchPageBehaviour.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,8DAA8D,CAAC;AAC9F,OAAO,iBAAiB,MAAM,uDAAuD,CAAC;AACtF,OAAO,kBAAkB,EAAE,EACzB,aAAa,EACd,MAAM,wDAAwD,CAAC;AAChE,OAAO,eAAe,MAAM,uCAAuC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAGpE,OAAO,EAAE,MAAM,IAAI,CAAC;AACpB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AACxD,OAAO,EAAe,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAkBvD,MAAM,mBAAmB,GAA8B,CAAC,KAAK,EAAE,EAAE;;IAC/D,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAClD,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAChE,MAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,EAAU,CAAC;IAChD,wEAAwE;IACxE,uCAAuC;IACvC,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAErC,MAAM,EAAE,eAAe,EAAE,GAAG,UAAU,EAAE,CAAC;IAEzC,eAAe,CACb,CAAC,WAAW,EACZ,uDAAuD,CACxD,CAAC;IAEF,MAAM,iBAAiB,GAAG,QAAQ,CAAC,kBAAkB,EAAE;QACrD,WAAW,EAAE,YAAY;KAC1B,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAC9B,GAAG,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,EAAE,EAAE,iBAAiB,EAAE,IAAI,EAAE,CAAC,CAAC,IAAc,EAC3E,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,gBAAgB,CAAC,OAAO,IAAI,gBAAgB,CAAC,OAAO,KAAK,UAAU,EAAE;YACvE,eAAe,EAAE,CAAC;SACnB;QACD,gBAAgB,CAAC,OAAO,GAAG,UAAU,CAAC;IACxC,CAAC,EAAE,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC;IAElC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,YAAY,CAAC,OAAO,GAAG,MAAM,CAAC;IAChC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,IAAI,UAAU,KAAK,SAAS,EAAE;QAC5B,OAAO,CACL,oBAAC,kBAAkB;YACjB,oBAAC,mBAAmB,oBAAK,KAAK,EAAI,CACf,CACtB,CAAC;KACH;IAED,MAAM,OAAO,GAAG,CAAA,MAAA,iBAAiB,CAAC,IAAI,0CAAE,aAAa;QACnD,CAAC,mBAAM,MAAA,iBAAiB,CAAC,IAAI,0CAAE,aAAa,EAC5C,CAAC,CAAC,IAAI,CAAC;IAET,OAAO,IAAI,OAAO,OAAO,CAAC,UAAU,CAAC;IAErC,2EAA2E;IAC3E,4EAA4E;IAC5E,wCAAwC;IACxC,OAAO,UAAU,CAAC,CAAC,CAAC,CAClB,oBAAC,KAAK,IACJ,SAAS,EAAE;YACT,IAAI,EAAE,UAAU;YAChB,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,OAAO;YACd,OAAO;YACP,MAAM,EAAE,YAAY,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM;YACpD,MAAM,EAAE,CAAC,aAAa;SACvB,EACD,KAAK,EAAE,WAAW,EAClB,WAAW,EAAC,mBAAmB,IAE9B,CAAC,MAAwB,EAAE,EAAE;;QAC5B,MAAM,YAAY,GAAG,MAAA,MAAA,MAAA,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,MAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY,CAAA,CAAC,0CAAE,MAAM,0CAC/D,QAAQ,0CAAE,YAAY,CAAC;QAC3B,MAAM,OAAO,GAAG,MAAA,MAAA,MAAA,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,MAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY,CAAA,CAAC,0CAAE,MAAM,0CAAE,QAAQ,0CACpE,OAAO,CAAC;QAEZ,OAAO,CACL,0CACG,QAAQ,CAAC;YACR,MAAM,kCACD,MAAM;gBACT,wEAAwE;gBACxE,IAAI,EAAE,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,YAAY,GACzC;YACD,KAAK,EAAE,YAAY;YACnB,OAAO;YACP,IAAI,EAAE,UAAU;YAChB,OAAO,EAAE,MAAM,CAAC,OAAO;YACvB,KAAK,EAAE,MAAM,CAAC,KAAK;SACpB,CAAC,CACD,CACJ,CAAC;IACJ,CAAC,CACK,CACT,CAAC,CAAC,CAAC,CACF,QAAQ,CAAC;QACP,IAAI,EAAE,UAAU;QAChB,OAAO,EAAE,KAAK;QACd,KAAK,EAAE,IAAI;QACX,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,EAAE;QACV,OAAO,EAAE,EAAE;KACZ,CAAC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/Search/SuggestedTerm.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Product, Category } from '@jetshop/core/types';
+export interface SuggestedTermProps {
+    className?: string;
+    term: string;
+    /** Function to call when a search term is clicked */
+    onClick?: () => void;
+}
+interface SuggestedProduct extends SuggestedTermProps {
+    item: Product;
+}
+interface SuggestedCategory extends SuggestedTermProps {
+    item: Category;
+}
+declare const SuggestedTerm: (props: SuggestedProduct | SuggestedCategory) => React.JSX.Element;
+export default SuggestedTerm;

package/Search/SuggestedTerm.js

@@ -0,0 +1,35 @@
+import React from 'react';
+import ProductLink from '@jetshop/ui/ProductLink';
+import CategoryLink from '@jetshop/ui/CategoryLink';
+const SuggestedTerm = (props) => {
+    const { term = '', className = '', onClick = () => null } = props;
+    if (isProduct(props)) {
+        const { item } = props;
+        return (React.createElement("li", { className: className, onClick: onClick, "data-flight-search-autocomplete-result": "product" }, item.primaryRoute ? (React.createElement(ProductLink, { product: item }, getHighlightedText(item.name, term))) : (item.name)));
+    }
+    else {
+        const { item } = props;
+        const displayText = item.primaryRoute.breadcrumbs.join(' > ');
+        return (React.createElement("li", { className: className, onClick: onClick, "data-flight-search-autocomplete-result": "category" }, item.primaryRoute ? (React.createElement(CategoryLink, { category: item }, getHighlightedText(displayText, term))) : (item.name)));
+    }
+};
+function isProduct(props) {
+    return props.item.__typename === 'Product';
+}
+function getHighlightedText(text, highlight) {
+    // Split on higlight term and include term into parts, ignore case
+    const parts = text.split(new RegExp(`(${escapeRegExp(highlight).split(' ').join('|')})`, 'gi'));
+    const highlightArray = highlight.split(' ');
+    const toHighlightLower = highlightArray.map((word) => word.toLowerCase());
+    return parts.reduce((prev, curr, index) => {
+        return [
+            ...prev,
+            toHighlightLower.includes(curr.toLowerCase()) ? (React.createElement("strong", { style: { fontWeight: 600 }, key: index }, curr)) : (curr)
+        ];
+    }, []);
+}
+function escapeRegExp(string) {
+    return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+}
+export default SuggestedTerm;
+//# sourceMappingURL=SuggestedTerm.js.map

package/Search/SuggestedTerm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuggestedTerm.js","sourceRoot":"","sources":["SuggestedTerm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,WAAW,MAAM,yBAAyB,CAAC;AAElD,OAAO,YAAY,MAAM,0BAA0B,CAAC;AAiBpD,MAAM,aAAa,GAAG,CAAC,KAA2C,EAAE,EAAE;IACpE,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,GAAG,GAAG,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,CAAC;IAElE,IAAI,SAAS,CAAC,KAAK,CAAC,EAAE;QACpB,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;QACvB,OAAO,CACL,4BACE,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,4CACuB,SAAS,IAE/C,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CACnB,oBAAC,WAAW,IAAC,OAAO,EAAE,IAAI,IACvB,kBAAkB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CACxB,CACf,CAAC,CAAC,CAAC,CACF,IAAI,CAAC,IAAI,CACV,CACE,CACN,CAAC;KACH;SAAM;QACL,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;QAEvB,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAE9D,OAAO,CACL,4BACE,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,4CACuB,UAAU,IAEhD,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CACnB,oBAAC,YAAY,IAAC,QAAQ,EAAE,IAAI,IACzB,kBAAkB,CAAC,WAAW,EAAE,IAAI,CAAC,CACzB,CAChB,CAAC,CAAC,CAAC,CACF,IAAI,CAAC,IAAI,CACV,CACE,CACN,CAAC;KACH;AACH,CAAC,CAAC;AAEF,SAAS,SAAS,CAChB,KAA2C;IAE3C,OAAQ,KAA0B,CAAC,IAAI,CAAC,UAAU,KAAK,SAAS,CAAC;AACnE,CAAC;AAED,SAAS,kBAAkB,CAAC,IAAY,EAAE,SAAiB;IACzD,kEAAkE;IAClE,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CACtB,IAAI,MAAM,CAAC,IAAI,YAAY,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,CACtE,CAAC;IACF,MAAM,cAAc,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC5C,MAAM,gBAAgB,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;IAE1E,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE;QACxC,OAAO;YACL,GAAG,IAAI;YACP,gBAAgB,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,CAAC,CAC9C,gCAAQ,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,EAAE,GAAG,EAAE,KAAK,IAC3C,IAAI,CACE,CACV,CAAC,CAAC,CAAC,CACF,IAAI,CACL;SACF,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC;AAED,SAAS,YAAY,CAAC,MAAc;IAClC,OAAO,MAAM,CAAC,OAAO,CAAC,qBAAqB,EAAE,MAAM,CAAC,CAAC;AACvD,CAAC;AAED,eAAe,aAAa,CAAC"}

package/Search/index.d.ts

@@ -0,0 +1 @@
+export { default as SearchField } from './SearchField';

package/Search/index.js

@@ -0,0 +1,2 @@
+export { default as SearchField } from './SearchField';
+//# sourceMappingURL=index.js.map

package/Search/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/Select/Components.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+export declare const SelectContainer: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    as?: React.ElementType<any>;
+}>;
+export declare const ListItem: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    as?: React.ElementType<any>;
+}>;
+export declare const SelectableListItem: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    as?: React.ElementType<any>;
+}>;
+export declare const ListTitle: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement> & {
+    as?: React.ElementType<any>;
+}>;
+export declare const SelectItem: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLSpanElement> & React.HTMLAttributes<HTMLSpanElement> & {
+    as?: React.ElementType<any>;
+}>;
+export declare const SelectItemWrapper: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLSpanElement> & React.HTMLAttributes<HTMLSpanElement> & {
+    as?: React.ElementType<any>;
+}>;
+export interface DropdownWrapperProps {
+    isOpen: boolean;
+}
+export declare const Wrapper: import("linaria/lib/StyledMeta").StyledMeta & React.FunctionComponent<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    as?: React.ElementType<any>;
+}>;
+export declare const DropdownWrapper: React.SFC<DropdownWrapperProps>;
+export declare const StyledCarrot: import("linaria/lib/StyledMeta").StyledMeta & React.SFC<React.SVGProps<SVGSVGElement>>;
+export declare const StyledCheck: import("linaria/lib/StyledMeta").StyledMeta & React.SFC<React.SVGProps<SVGSVGElement>>;

package/Select/Components.js

@@ -0,0 +1,91 @@
+import { styled } from 'linaria/react';
+import React from 'react';
+import { ReactComponent as Carrot } from '../svg/Carrot.svg';
+import { ReactComponent as Check } from '../svg/Check.svg';
+export const SelectContainer = styled('div') `
+  width: 100%;
+  position: relative;
+  background-color: #ffffff;
+  margin-bottom: 16px;
+`;
+export const ListItem = styled('button') `
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  height: 54px;
+  display: flex;
+  align-items: center;
+  background-color: #ffffff;
+  border: 1px solid #dedede;
+  position: relative;
+  cursor: pointer;
+  &.disabled {
+    color: #c2c2c2;
+    cursor: not-allowed;
+    :hover {
+      background-color: #ffffff;
+    }
+  }
+`;
+export const SelectableListItem = styled(ListItem) `
+  cursor: pointer;
+  border-width: 1px 0 0 0;
+  :last-of-type {
+    border-bottom: none;
+  }
+  :hover {
+    background-color: #f2f2f2;
+  }
+  &.selected,
+  &.highlighted {
+    background-color: #f2f2f2;
+  }
+  &.disabled {
+    color: #c2c2c2;
+    cursor: not-allowed;
+    :hover {
+      background-color: #ffffff;
+    }
+  }
+`;
+export const ListTitle = styled('h4') ``;
+export const SelectItem = styled('span') `
+  display: block;
+`;
+export const SelectItemWrapper = styled('span') `
+  display: flex;
+  flex-direction: row;
+`;
+// TODO: animate height to auto
+export const Wrapper = styled('div') `
+  position: absolute;
+  height: 0px;
+  z-index: 40;
+  width: 100%;
+  overflow: hidden;
+  &.open {
+    height: auto;
+  }
+`;
+const InnerWrapper = styled('div') `
+  border: 1px solid #dedede;
+  border-top: 0;
+  overflow-y: auto;
+  max-height: 470px;
+  @media (--below-sm) {
+    max-height: 100vh;
+  }
+  > button:first-child {
+    border-top: 0;
+  }
+`;
+export const DropdownWrapper = ({ isOpen, children }) => (React.createElement(Wrapper, { className: isOpen ? 'open' : 'closed' },
+    React.createElement(InnerWrapper, null, children)));
+export const StyledCarrot = styled(Carrot) `
+  transition: transform 200ms;
+  &.open {
+    transform: rotate(-180deg);
+  }
+`;
+export const StyledCheck = styled(Check) ``;
+//# sourceMappingURL=Components.js.map

package/Select/Components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Components.js","sourceRoot":"","sources":["Components.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,cAAc,IAAI,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAE3D,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;CAK3C,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;;;;;;;;;;;;;;;;;;CAkBvC,CAAC;AACF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;;;;;;;;;;;;;;;;;;;;CAoBjD,CAAC;AACF,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA,EAAE,CAAC;AACxC,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;CAEvC,CAAC;AACF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;;CAG9C,CAAC;AAMF,+BAA+B;AAC/B,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;;CASnC,CAAC;AACF,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;;;;;;;;;;;CAWjC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAoC,CAAC,EAC/D,MAAM,EACN,QAAQ,EACT,EAAE,EAAE,CAAC,CACJ,oBAAC,OAAO,IAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;IAC5C,oBAAC,YAAY,QAAE,QAAQ,CAAgB,CAC/B,CACX,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;;;;CAKzC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA,EAAE,CAAC"}

package/Select/SelectComponents/Quantity.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const Quantity: import("linaria/lib/StyledMeta").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement> & {
+    as?: import("react").ElementType<any>;
+}>;
+export default Quantity;

package/Select/SelectComponents/Quantity.js

@@ -0,0 +1,8 @@
+import { styled } from 'linaria/react';
+const Quantity = styled('p') `
+  font-size: 1em;
+  margin-left: 4px;
+  color: #878787;
+`;
+export default Quantity;
+//# sourceMappingURL=Quantity.js.map

package/Select/SelectComponents/Quantity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Quantity.js","sourceRoot":"","sources":["Quantity.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;;CAI3B,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/Select/index.d.ts

@@ -0,0 +1,5 @@
+export interface SelectableItemProps {
+    selected?: boolean;
+    disabled?: boolean;
+    isHighlighted?: boolean;
+}

package/Select/index.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.js.map

package/Select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":""}

package/SortOrder/SortOrder.d.ts

@@ -0,0 +1,16 @@
+import { ISortOrderContext } from '@jetshop/core/components/SortOrder/SortOrderContext';
+import { ProductSortOrder } from '@jetshop/core/types';
+import * as React from 'react';
+export interface MappedSortOrder {
+    direction: 'ASCENDING' | 'DESCENDING';
+    value: string;
+    text: string;
+}
+export interface SortOrderProps {
+    sortOrders: ProductSortOrder[];
+    children(sortOrderContext: ISortOrderContext & {
+        mappedSortOrder: MappedSortOrder[];
+    }): React.ReactNode;
+}
+declare const _default: React.ComponentClass<SortOrderProps, any>;
+export default _default;

package/SortOrder/SortOrder.js

@@ -0,0 +1,33 @@
+import { sortTypes, sortValues } from '@jetshop/core/components/SortOrder/SortOrderContainer';
+import SortOrderContext from '@jetshop/core/components/SortOrder/SortOrderContext';
+import ErrorBoundary from '@jetshop/ui/ErrorBoundary/Generic';
+import PassThrough from '@jetshop/ui/ErrorBoundary/PassThrough';
+import * as React from 'react';
+import { withRouter } from 'react-router-dom';
+class SortOrder extends React.PureComponent {
+    render() {
+        // Mutate sort order obj to include asc/desc & appropriate text
+        // eg { text: 'Price low to high', direction: 'ASCENDING' }
+        const mappedSortOrder = this.props.sortOrders.reduce((sorts, curr) => {
+            const mutatedSorts = sortValues[sortTypes[curr.value]].map((type) => {
+                return Object.assign(Object.assign({}, curr), { text: (React.createElement("div", null,
+                        React.createElement(React.Fragment, null,
+                            curr['text'],
+                            " ",
+                            type.text))), direction: type.direction });
+            });
+            return [...sorts, ...mutatedSorts];
+        }, []);
+        return (React.createElement(ErrorBoundary, { component: PassThrough },
+            React.createElement(SortOrderContext.Consumer, null, ({ changeSortOrder, direction, sortOrder }) => {
+                return this.props.children({
+                    changeSortOrder,
+                    direction,
+                    sortOrder,
+                    mappedSortOrder
+                });
+            })));
+    }
+}
+export default withRouter(SortOrder);
+//# sourceMappingURL=SortOrder.js.map

package/SortOrder/SortOrder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortOrder.js","sourceRoot":"","sources":["SortOrder.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,UAAU,EACX,MAAM,uDAAuD,CAAC;AAC/D,OAAO,gBAEN,MAAM,qDAAqD,CAAC;AAE7D,OAAO,aAAa,MAAM,mCAAmC,CAAC;AAC9D,OAAO,WAAW,MAAM,uCAAuC,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAuB,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAiBnE,MAAM,SAAU,SAAQ,KAAK,CAAC,aAG7B;IACQ,MAAM;QACX,+DAA+D;QAC/D,2DAA2D;QAC3D,MAAM,eAAe,GAAsB,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,CACrE,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE;YACd,MAAM,YAAY,GAAG,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gBAClE,uCACK,IAAI,KACP,IAAI,EAAE,CACJ;wBACE;4BACG,IAAI,CAAC,MAAM,CAAC;;4BAAG,IAAI,CAAC,IAAI,CACxB,CACC,CACP,EACD,SAAS,EAAE,IAAI,CAAC,SAAS,IACzB;YACJ,CAAC,CAAC,CAAC;YACH,OAAO,CAAC,GAAG,KAAK,EAAE,GAAG,YAAY,CAAC,CAAC;QACrC,CAAC,EACD,EAAE,CACH,CAAC;QAEF,OAAO,CACL,oBAAC,aAAa,IAAC,SAAS,EAAE,WAAW;YACnC,oBAAC,gBAAgB,CAAC,QAAQ,QACvB,CAAC,EAAE,eAAe,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE;gBAC7C,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;oBACzB,eAAe;oBACf,SAAS;oBACT,SAAS;oBACT,eAAe;iBAChB,CAAC,CAAC;YACL,CAAC,CACyB,CACd,CACjB,CAAC;IACJ,CAAC;CACF;AAED,eAAe,UAAU,CAAC,SAAS,CAAmC,CAAC"}

package/SortOrder/SortOrderDropdown.d.ts

@@ -0,0 +1,9 @@
+import { ProductSortOrder } from '@jetshop/core/types';
+import * as React from 'react';
+export interface SortOrderDropdownProps {
+    sortOrders: ProductSortOrder[];
+}
+declare function SortOrderDropdown({ sortOrders }: {
+    sortOrders: ProductSortOrder[];
+}): React.JSX.Element;
+export default SortOrderDropdown;

package/SortOrder/SortOrderDropdown.js

@@ -0,0 +1,25 @@
+import t from '@jetshop/intl';
+import { DropdownMenu, DropdownMenuButton, DropdownMenuItem, DropdownMenuItems } from '@jetshop/ui/DropdownMenu';
+import { StyledCheck } from '@jetshop/ui/Select/Components';
+import SortOrder from '@jetshop/ui/SortOrder/SortOrder';
+import * as React from 'react';
+import logWarningInDev from '../../core/helpers/logWarningInDev';
+// TODO: replace this with a useSortOrder hook (as per useListFilter etc)
+function SortOrderDropdown({ sortOrders }) {
+    logWarningInDev(true, 'This implementation will be removed in flight 6.0. See the example in trend on how to migrate.');
+    return (React.createElement(SortOrder, { sortOrders: sortOrders }, props => (React.createElement(SortMenu, { changeSortOrder: props.changeSortOrder, direction: props.direction, sortOrder: props.sortOrder, mappedSortOrder: props.mappedSortOrder }))));
+}
+// TODO: Move this to the shop
+function SortMenu(props) {
+    const { mappedSortOrder, changeSortOrder, sortOrder, direction } = props;
+    const activeItem = mappedSortOrder.find(item => item.direction === direction && item.value === sortOrder);
+    return (React.createElement(DropdownMenu, null,
+        React.createElement(DropdownMenuButton, null, activeItem ? activeItem.text : t('Sort By')),
+        React.createElement(DropdownMenuItems, null, mappedSortOrder.map(sortItem => {
+            return (React.createElement(DropdownMenuItem, { onSelect: () => changeSortOrder(sortItem.value, sortItem.direction), key: sortItem.value },
+                sortItem.text,
+                activeItem === sortItem && React.createElement(StyledCheck, null)));
+        }))));
+}
+export default SortOrderDropdown;
+//# sourceMappingURL=SortOrderDropdown.js.map

package/SortOrder/SortOrderDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortOrderDropdown.js","sourceRoot":"","sources":["SortOrderDropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,CAAC,MAAM,eAAe,CAAC;AAC9B,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,SAA8B,MAAM,iCAAiC,CAAC;AAC7E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,eAAe,MAAM,oCAAoC,CAAC;AAMjE,yEAAyE;AACzE,SAAS,iBAAiB,CAAC,EAAE,UAAU,EAAsC;IAC3E,eAAe,CACb,IAAI,EACJ,gGAAgG,CACjG,CAAC;IAEF,OAAO,CACL,oBAAC,SAAS,IAAC,UAAU,EAAE,UAAU,IAC9B,KAAK,CAAC,EAAE,CAAC,CACR,oBAAC,QAAQ,IACP,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,eAAe,EAAE,KAAK,CAAC,eAAe,GACtC,CACH,CACS,CACb,CAAC;AACJ,CAAC;AAED,8BAA8B;AAC9B,SAAS,QAAQ,CACf,KAAiE;IAEjE,MAAM,EAAE,eAAe,EAAE,eAAe,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAEzE,MAAM,UAAU,GAAG,eAAe,CAAC,IAAI,CACrC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,KAAK,SAAS,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,CACjE,CAAC;IAEF,OAAO,CACL,oBAAC,YAAY;QACX,oBAAC,kBAAkB,QAChB,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CACzB;QACrB,oBAAC,iBAAiB,QACf,eAAe,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;YAC9B,OAAO,CACL,oBAAC,gBAAgB,IACf,QAAQ,EAAE,GAAG,EAAE,CACb,eAAe,CAAC,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC,EAErD,GAAG,EAAE,QAAQ,CAAC,KAAK;gBAElB,QAAQ,CAAC,IAAI;gBACb,UAAU,KAAK,QAAQ,IAAI,oBAAC,WAAW,OAAG,CAC1B,CACpB,CAAC;QACJ,CAAC,CAAC,CACgB,CACP,CAChB,CAAC;AACJ,CAAC;AAED,eAAe,iBAAiB,CAAC"}

package/SortOrder/SortOrderList.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { ProductSortOrder } from '@jetshop/core/types';
+export interface SortOrderListProps {
+    sortOrders: ProductSortOrder[];
+}
+declare const SortOrderList: React.SFC<SortOrderListProps>;
+export default SortOrderList;

package/SortOrder/SortOrderList.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { styled } from 'linaria/react';
+import SortOrder from './SortOrder';
+import { ListItem } from '@jetshop/ui/Select/Components';
+import { ReactComponent as Check } from '@jetshop/ui/svg/Check.svg';
+const StyledListItem = styled(ListItem) `
+  padding: 0 1rem;
+`;
+const SortOrderList = ({ sortOrders }) => {
+    return (React.createElement(SortOrder, { sortOrders: sortOrders }, ({ changeSortOrder, direction, sortOrder, mappedSortOrder }) => mappedSortOrder.map(order => (React.createElement(StyledListItem, { type: "button", key: `${order.value}-${order.direction}`, onClick: () => {
+            changeSortOrder(order.value, order.direction);
+        } },
+        order.text,
+        direction === order.direction && sortOrder === order.value && (React.createElement(Check, null)))))));
+};
+export default SortOrderList;
+//# sourceMappingURL=SortOrderList.js.map

package/SortOrder/SortOrderList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortOrderList.js","sourceRoot":"","sources":["SortOrderList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,cAAc,IAAI,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAMpE,MAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;;CAEtC,CAAC;AAEF,MAAM,aAAa,GAAkC,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE;IACtE,OAAO,CACL,oBAAC,SAAS,IAAC,UAAU,EAAE,UAAU,IAC9B,CAAC,EAAE,eAAe,EAAE,SAAS,EAAE,SAAS,EAAE,eAAe,EAAE,EAAE,EAAE,CAC9D,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAC3B,oBAAC,cAAc,IACb,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,GAAG,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,SAAS,EAAE,EACxC,OAAO,EAAE,GAAG,EAAE;YACZ,eAAe,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;QAChD,CAAC;QAEA,KAAK,CAAC,IAAI;QACV,SAAS,KAAK,KAAK,CAAC,SAAS,IAAI,SAAS,KAAK,KAAK,CAAC,KAAK,IAAI,CAC7D,oBAAC,KAAK,OAAG,CACV,CACc,CAClB,CAAC,CAEM,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/StartPageRenderer/StartPageRenderer.d.ts

@@ -0,0 +1,17 @@
+import { Product, StartPage } from '@jetshop/core/types';
+import { Components } from '../ContentRenderer';
+import React from 'react';
+import { QueryResult } from '@apollo/client';
+type ProductGrid = React.FC<{
+    products: Product[];
+}>;
+export interface StartPageProviderProps {
+    result: QueryResult<{
+        startPage: StartPage;
+    }, any>;
+    LoadingPage?: React.FC<any>;
+    ProductGrid?: ProductGrid;
+    startPageComponents: Components;
+}
+declare const StartPageRenderer: ({ result, ProductGrid, startPageComponents: components, LoadingPage }: StartPageProviderProps) => JSX.Element;
+export default StartPageRenderer;

package/StartPageRenderer/StartPageRenderer.js

@@ -0,0 +1,52 @@
+import Head from '@jetshop/core/components/Head';
+import { ContentRenderer } from '../ContentRenderer';
+import React from 'react';
+function LegacyStartPage({ items, components, ProductGrid }) {
+    if (!items || items.length < 1)
+        return null;
+    const numberOfRows = items[items.length - 1].row;
+    return (React.createElement(React.Fragment, null, [...Array(numberOfRows)].map((_, index) => {
+        const rowNumber = index + 1;
+        const rowItems = items.filter((item) => item.row === rowNumber);
+        if (rowItems[0]) {
+            const firstItem = rowItems[0].item;
+            if (rowItems.length > 0 && firstItem.content) {
+                return rowItems.map(({ item }, itemIndex) => {
+                    if (item.content) {
+                        let content = null;
+                        try {
+                            content = JSON.parse(item.content);
+                        }
+                        catch (error) {
+                            console.warn(`Unable to parse JSON content for ${item.name}`);
+                        }
+                        if (content) {
+                            const Component = components[(content.componentName || item.name).toUpperCase()];
+                            return Component ? (React.createElement(Component, Object.assign({ key: itemIndex }, content, { imageSrc: item.image &&
+                                    item.image.url }))) : null;
+                        }
+                    }
+                });
+            }
+            else if (firstItem.articleNumber) {
+                const products = rowItems.map(({ item }) => item);
+                return React.createElement(ProductGrid, { key: index, products: products });
+            }
+        }
+        else
+            return null;
+    })));
+}
+const StartPageRenderer = ({ result, ProductGrid, startPageComponents: components, LoadingPage }) => {
+    var _a, _b, _c;
+    const data = result === null || result === void 0 ? void 0 : result.data;
+    if (!(data === null || data === void 0 ? void 0 : data.startPage)) {
+        return LoadingPage ? React.createElement(LoadingPage, null) : null;
+    }
+    const items = (_a = data.startPage.data) === null || _a === void 0 ? void 0 : _a.items;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Head, { data: data.startPage, route: (_b = data === null || data === void 0 ? void 0 : data.startPage) === null || _b === void 0 ? void 0 : _b.primaryRoute }),
+        items && (items === null || items === void 0 ? void 0 : items.length) > 0 ? (React.createElement(ContentRenderer, { items: items, components: components })) : (React.createElement(LegacyStartPage, { items: (_c = data.startPage) === null || _c === void 0 ? void 0 : _c.items, components: components, ProductGrid: ProductGrid }))));
+};
+export default StartPageRenderer;
+//# sourceMappingURL=StartPageRenderer.js.map

package/StartPageRenderer/StartPageRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StartPageRenderer.js","sourceRoot":"","sources":["StartPageRenderer.tsx"],"names":[],"mappings":"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"}

package/StartPageRenderer/index.d.ts

@@ -0,0 +1 @@
+export { default } from './StartPageRenderer';

package/StartPageRenderer/index.js

@@ -0,0 +1,2 @@
+export { default } from './StartPageRenderer';
+//# sourceMappingURL=index.js.map

package/StartPageRenderer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC"}

package/Stock/StockStatusContainer.d.ts

@@ -0,0 +1,21 @@
+import { Maybe, Product, ProductVariant, Scalars } from '@jetshop/core/types';
+import * as React from 'react';
+export interface StockStatusContainerRender {
+    status: Maybe<'inStock' | 'outOfStock' | 'notifyWhenBack'>;
+    text: Maybe<string>;
+    maxOrderQuantity?: number | null;
+    stockDate?: Scalars['DateTime'];
+}
+export interface StockStatusContainerProps {
+    children(args: StockStatusContainerRender): React.ReactNode;
+    product: Product;
+}
+/**
+ * deprectaed
+ * @deprecated deprecated in favor of jetshop/core/hooks/useStockStatus
+ * @returns StockStatusContainerRender
+ */
+declare function StockStatusContainer({ product, children }: StockStatusContainerProps): React.ReactNode;
+declare function useStockStatus(product: Product | ProductVariant): StockStatusContainerRender;
+export default StockStatusContainer;
+export { useStockStatus };

package/Stock/StockStatusContainer.js

@@ -0,0 +1,45 @@
+function getStatus(statusObject) {
+    return statusObject.buyable
+        ? 'inStock'
+        : statusObject.stockNotificationEnabled
+            ? 'notifyWhenBack'
+            : 'outOfStock';
+}
+/**
+ * deprectaed
+ * @deprecated deprecated in favor of jetshop/core/hooks/useStockStatus
+ * @returns StockStatusContainerRender
+ */
+function StockStatusContainer({ product, children }) {
+    const { status, text, maxOrderQuantity, stockDate } = useStockStatus(product);
+    if (!status)
+        return null;
+    // Mimic fn-as-child pattern
+    return children({
+        status,
+        text,
+        maxOrderQuantity,
+        stockDate
+    });
+}
+function useStockStatus(product) {
+    const stockStatus = product === null || product === void 0 ? void 0 : product.stockStatus;
+    if (!stockStatus) {
+        console.warn('The provided product does not have a stockStatus');
+        return {
+            status: null,
+            text: null,
+            maxOrderQuantity: null,
+            stockDate: null
+        };
+    }
+    return {
+        status: getStatus(stockStatus),
+        text: stockStatus.text || null,
+        maxOrderQuantity: stockStatus.maxOrderQuantity,
+        stockDate: stockStatus.stockDate
+    };
+}
+export default StockStatusContainer;
+export { useStockStatus };
+//# sourceMappingURL=StockStatusContainer.js.map

package/Stock/StockStatusContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StockStatusContainer.js","sourceRoot":"","sources":["StockStatusContainer.tsx"],"names":[],"mappings":"AAoBA,SAAS,SAAS,CAChB,YAAyB;IAEzB,OAAO,YAAY,CAAC,OAAO;QACzB,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,YAAY,CAAC,wBAAwB;YACvC,CAAC,CAAC,gBAAgB;YAClB,CAAC,CAAC,YAAY,CAAC;AACnB,CAAC;AAED;;;;GAIG;AACH,SAAS,oBAAoB,CAAC,EAC5B,OAAO,EACP,QAAQ,EACkB;IAC1B,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,SAAS,EAAE,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IAE9E,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEzB,4BAA4B;IAC5B,OAAO,QAAQ,CAAC;QACd,MAAM;QACN,IAAI;QACJ,gBAAgB;QAChB,SAAS;KACV,CAAC,CAAC;AACL,CAAC;AAED,SAAS,cAAc,CACrB,OAAiC;IAEjC,MAAM,WAAW,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAC;IAEzC,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO,CAAC,IAAI,CAAC,kDAAkD,CAAC,CAAC;QACjE,OAAO;YACL,MAAM,EAAE,IAAI;YACZ,IAAI,EAAE,IAAI;YACV,gBAAgB,EAAE,IAAI;YACtB,SAAS,EAAE,IAAI;SAChB,CAAC;KACH;IAED,OAAO;QACL,MAAM,EAAE,SAAS,CAAC,WAAW,CAAC;QAC9B,IAAI,EAAE,WAAW,CAAC,IAAI,IAAI,IAAI;QAC9B,gBAAgB,EAAE,WAAW,CAAC,gBAAgB;QAC9C,SAAS,EAAE,WAAW,CAAC,SAAS;KACjC,CAAC;AACJ,CAAC;AAED,eAAe,oBAAoB,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,CAAC"}