@shipengine/elements 2.20.0 → 2.22.0

package/cjs/elements/shipment-summary/shipment-summary.cjs

@@ -0,0 +1,121 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var reactI18next = require('react-i18next');
+var reactApi = require('@shipengine/react-api');
+var shipment = require('./components/shipment/shipment.cjs');
+var index = require('../../locales/en/index.cjs');
+var loader = require('../../components/loader/loader.cjs');
+var createElement = require('../../create-element/create-element.cjs');
+var errorFallback = require('../../components/error-fallback/error-fallback.cjs');
+
+/**
+ * # Shipment Summary Component
+ *
+ * - The `<ShipmentSummary />` component is used to for viewing the shipment's tracking number, printing the label that
+ * was created, and the option to void the label. When a label is voided, you can see a list of the
+ * previously voided labels for a given shipment using this component.
+ *
+ * @param ComponentProps The base props that will be passed into the `<ShipmentSummary />` component.
+ *
+ * @returns Element An EmotionJSX.Element that will render the `<ShipmentSummary />` component
+ * with all the appropriate wrappers.
+ *
+ * @example
+ * You can see how the `<Component />` is used in the `createElement` function call below.
+ * ```tsx
+ * export const Element = createElement(Component, ErrorFallback, {
+ *
+ *   resources: { en },
+ * });
+ * ```
+ *
+ * <br />
+ *
+ * @see {@link ShipmentSummary.Element | The **Element** created to render `<ShipmentSummary />`}
+ */
+const Component = ({
+  features,
+  onClickPrintLabel,
+  onClickPurchaseLabel,
+  onClickVoidLabel,
+  shipmentId
+}) => {
+  var _a, _b, _c;
+  const {
+    t
+  } = reactI18next.useTranslation(["common", "view-shipment"]);
+  const shipment$1 = reactApi.useGetSalesOrderShipment(shipmentId);
+  const {
+    data: {
+      labels = []
+    } = {}
+  } = reactApi.useListLabels({
+    queryFnParams: {
+      shipmentId
+    }
+  });
+  const salesOrder = reactApi.useGetSalesOrder((_b = (_a = shipment$1.data) === null || _a === void 0 ? void 0 : _a.salesOrderIds) === null || _b === void 0 ? void 0 : _b[0]);
+  const warehouses = reactApi.useListWarehouses();
+  const carriers = reactApi.useListCarriers();
+  if (shipment$1.isInitialLoading) return jsxRuntime.jsx(loader.Loader, {
+    message: t("loading.shipment")
+  });
+  if (shipment$1.error) throw new Error(shipment$1.error.map(e => e.message).join(", "));
+  if (!shipment$1.data) throw new Error("errorMessages.unableToLoad.shipment");
+  const warehouse = (_c = warehouses.data) === null || _c === void 0 ? void 0 : _c.find(w => {
+    var _a;
+    return w.warehouseId === ((_a = shipment$1.data) === null || _a === void 0 ? void 0 : _a.warehouseId);
+  });
+  return jsxRuntime.jsx(shipment.Shipment, {
+    carriers: carriers.data,
+    features: features,
+    labels: labels,
+    onClickPrintLabel: onClickPrintLabel,
+    onClickPurchaseLabel: onClickPurchaseLabel,
+    onClickVoidLabel: onClickVoidLabel,
+    salesOrder: salesOrder.data,
+    shipment: shipment$1.data,
+    warehouse: warehouse
+  });
+};
+/**
+ * # Registered Shipment Summary Element
+ *
+ * - This is the registered `<ShipmentSummary />` element that will be used to render the
+ * `<ShipmentSummary.Element />` component.
+ *
+ * @param ElementProps The props, callbacks, and resources necessary to render
+ * the `<ShipmentSummary.Element />` component.
+ *
+ * @example
+ * The `<Component />` is the source JSX that is rendered when you make use of the `ShipmentSummary`
+ * Element directly. Here is a brief example of how you would use it within your application.
+ * ```tsx
+ * <ShipmentSummary.Element
+ *   onClickPurchaseLabel={({ salesOrderId }) => {
+ *     console.log('sales order ID', salesOrderId);
+ *   }}
+ *   onClickVoidLabel={({ labelId }) => {
+ *     console.log('voided label', labelId);
+ *   }}
+ *   shipmentId="se-1234567"
+ * />
+ * ```
+ *
+ * <br />
+ *
+ * @see {@link ShipmentSummary.ComponentProps | The **props** that can be passed into the `<ShipmentSummary.Element />` component}
+ *
+ * @see {@link VoidLabel.Element | The next step in the label purchase workflow `<VoidLabel.Element />`}
+ **/
+const Element = createElement.createElement(Component, errorFallback.ErrorFallback, {
+  resources: {
+    en: index
+  }
+});
+
+exports.Component = Component;
+exports.Element = Element;

package/cjs/elements/shipments-grid/hooks/use-shipments-grid.cjs

@@ -0,0 +1,144 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var useGetServiceName = require('../../../hooks/use-get-service-name.cjs');
+var React = require('react');
+var reactApi = require('@shipengine/react-api');
+var createdDateValue = require('../utils/created-date-value.cjs');
+var usePager = require('../../../components/pager/usePager.cjs');
+
+const PAGE_SIZE = 20;
+const getInitialFilters = (showShipmentIdFilter, showCreatedDateFilter) => ({
+  createdDate: {
+    enabled: showCreatedDateFilter,
+    value: null
+  },
+  shipmentId: {
+    enabled: showShipmentIdFilter,
+    value: ""
+  }
+});
+const useShipmentsGrid = ({
+  shipmentStatus,
+  showShipmentIdFilter: _showShipmentIdFilter = true,
+  showCreatedDateFilter: _showCreatedDateFilter = true,
+  sortBy,
+  sortDir
+}) => {
+  var _a, _b, _c, _d;
+  const initialFilters = getInitialFilters(_showShipmentIdFilter, _showCreatedDateFilter);
+  const {
+    getServiceName
+  } = useGetServiceName.useGetServiceName();
+  const {
+    page,
+    pageSize,
+    pagerProps
+  } = usePager.usePager(PAGE_SIZE);
+  const [filters, setFilters] = React.useState(initialFilters);
+  const clearAllFilters = () => {
+    setFilters(initialFilters);
+  };
+  const onSetFilters = newFilters => {
+    pagerProps.onPageSelect(1);
+    setFilters(newFilters);
+  };
+  const isAnyFilterActive = Object.keys(filters).some(key => {
+    const filter = filters[key];
+    return (filter === null || filter === void 0 ? void 0 : filter.enabled) && filter.value;
+  });
+  const isAnyFilterEnabled = Object.keys(filters).some(key => {
+    const filter = filters[key];
+    return filter === null || filter === void 0 ? void 0 : filter.enabled;
+  });
+  React.useEffect(() => {
+    const updatedFilters = getInitialFilters(_showShipmentIdFilter, _showCreatedDateFilter);
+    setFilters(updatedFilters);
+  }, [_showCreatedDateFilter, _showShipmentIdFilter]);
+  const {
+    data,
+    isLoading: isLoadingShipments,
+    isError
+  } = reactApi.useListShipments(Object.assign({
+    page,
+    pageSize,
+    shipmentStatus,
+    sortBy: sortBy,
+    sortDir: sortDir
+  }, createdDateValue.getCreatedDateFilterValue((_b = (_a = filters.createdDate) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.start, (_d = (_c = filters.createdDate) === null || _c === void 0 ? void 0 : _c.value) === null || _d === void 0 ? void 0 : _d.end)));
+  const shipments = React.useMemo(() => data === null || data === void 0 ? void 0 : data.shipments.map(shipment => Object.assign(Object.assign({}, shipment), {
+    disableOnRowClick: shipment.shipmentStatus === "cancelled",
+    serviceName: getServiceName(shipment)
+  })), [data === null || data === void 0 ? void 0 : data.shipments, getServiceName]);
+  const {
+    data: shipmentById,
+    error: shipmentErrors,
+    isInitialLoading: isLoadingShipment
+  } = reactApi.useGetShipment({
+    queryFnParams: {
+      shipmentId: filters.shipmentId.value || undefined
+    },
+    retry: false
+  });
+  const isShipmentByIdFilterActive = filters.shipmentId.value;
+  const getShipmentFilteredById = shipment => {
+    var _a;
+    if (isShipmentByIdFilterActive && !shipmentErrors) {
+      let shipmentPassFilters = true;
+      // Check if shipment filtered by id has same status
+      if (shipmentStatus && (shipment === null || shipment === void 0 ? void 0 : shipment.shipmentStatus) !== shipmentStatus) {
+        shipmentPassFilters = false;
+      }
+      // Lets filter by createdDate (if defined)
+      const createdAtFilters = (_a = filters.createdDate) === null || _a === void 0 ? void 0 : _a.value;
+      if ((createdAtFilters === null || createdAtFilters === void 0 ? void 0 : createdAtFilters.start) && createdAtFilters.end && (shipment === null || shipment === void 0 ? void 0 : shipment.createdAt)) {
+        if (!createdDateValue.filterDateAndShipmentDateIsSameOrWithinInterval(createdAtFilters.start, createdAtFilters.end, shipment.createdAt)) {
+          shipmentPassFilters = false;
+        }
+      }
+      return shipmentPassFilters ? shipment : undefined;
+    }
+    return undefined;
+  };
+  const shipmentFilteredById = getShipmentFilteredById(shipmentById);
+  const shipmentFilteredByIdHasErrors = isShipmentByIdFilterActive && (shipmentErrors || !shipmentFilteredById);
+  //1. In case filters are applied, we need to show shipmentfiltered
+  //2. In case there are errors or no shipment matched the filters, should show empty data on the table
+  //3. In case there are shipments, show them
+  //4. Otherwise, empty data.
+  const getGridData = () => {
+    if (shipmentFilteredById) {
+      return [Object.assign(Object.assign({}, shipmentFilteredById), {
+        disableOnRowClick: shipmentFilteredById.shipmentStatus === "cancelled",
+        serviceName: getServiceName(shipmentFilteredById)
+      })];
+    } else if (shipmentFilteredByIdHasErrors) {
+      return [];
+    } else if (shipments) {
+      return shipments;
+    }
+    return [];
+  };
+  return {
+    clearAllFilters,
+    filters,
+    getGridData,
+    isAnyFilterActive,
+    isError,
+    isLoading: isLoadingShipments || isLoadingShipment,
+    pageConfig: {
+      currentPage: shipmentFilteredById ? 1 : (data === null || data === void 0 ? void 0 : data.page) || 0,
+      pagerProps,
+      pagesAmount: (data === null || data === void 0 ? void 0 : data.pages) || 0,
+      pageSize,
+      showPagination: shipmentFilteredById ? false : ((data === null || data === void 0 ? void 0 : data.total) || 0) > pageSize,
+      totalElements: shipmentFilteredById ? 1 : (data === null || data === void 0 ? void 0 : data.total) || 0
+    },
+    setFilters: onSetFilters,
+    shipments,
+    shouldShowFilters: isAnyFilterEnabled
+  };
+};
+
+exports.useShipmentsGrid = useShipmentsGrid;

package/cjs/elements/shipments-grid/index.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var shipmentsGrid = require('./shipments-grid.cjs');
+
+
+
+exports.ShipmentsGrid = shipmentsGrid;

package/cjs/elements/shipments-grid/shipments-grid.cjs

@@ -0,0 +1,302 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+var useSortableQuery = require('../../hooks/use-sortable-query.cjs');
+var React = require('react');
+var reactI18next = require('react-i18next');
+var giger = require('@shipengine/giger');
+var useShipmentsGrid = require('./hooks/use-shipments-grid.cjs');
+var shipmentsGrid_styles = require('./shipments-grid.styles.cjs');
+var actionsMenu = require('../../components/actions-menu/actions-menu.cjs');
+var gridFilters = require('../../components/grid-filters/grid-filters.cjs');
+var index = require('../../locales/en/index.cjs');
+var elementsContextProvider = require('../../elements-provider/elements-context-provider.cjs');
+var errorState = require('../../components/error-state/error-state.cjs');
+var sortableHeader = require('../../components/grid-controller/sortable-header/sortable-header.cjs');
+var cellFormattedDate = require('../../components/grid-controller/cell-formatted-date.cjs');
+var gridController = require('../../components/grid-controller/grid-controller.cjs');
+var gridFooter = require('../../components/grid-controller/grid-footer.cjs');
+var spacer = require('../../components/spacer/spacer.cjs');
+var poweredByShipengine = require('../../components/powered-by-shipengine/powered-by-shipengine.cjs');
+var createElement = require('../../create-element/create-element.cjs');
+var errorFallback = require('../../components/error-fallback/error-fallback.cjs');
+
+/**
+ * # Shipments Grid Component
+ *
+ * - The `<ShipmentsGrid />` component is used to view the user's list of shipments.
+ *
+ * @param ShipmentsGridProps The base props that will be passed into the `<ShipmentsGrid />` component.
+ *
+ * @returns Element An EmotionJSX.Element that will render the `<ShipmentsGrid />` component.
+ *
+ * @example
+ * You can see how the `<Component />` is used in the `createElement` function call below.
+ * ```tsx
+ * export const Element = createElement(Component, ErrorFallback, {
+ *   resources: { en },
+ * });
+ * ```
+ *
+ * <br />
+ *
+ * @see {@link ShipmentsGrid.Element | The **Element** created to render `<ShipmentsGrid />`}
+ */
+const Component = ({
+  onRowClick,
+  onClickCancelShipment,
+  shipmentStatus,
+  showShipmentIdFilter: _showShipmentIdFilter = true,
+  showCreatedDateFilter: _showCreatedDateFilter = true
+}) => {
+  const {
+    t
+  } = reactI18next.useTranslation(["common", "list-shipments"]);
+  const {
+    globalFeatures
+  } = elementsContextProvider.useElements();
+  const {
+    toggleSort,
+    sortState
+  } = useSortableQuery.useSortableQuery({
+    defaultSortBy: "modified_at",
+    defaultSortDir: "desc"
+  });
+  const {
+    isLoading,
+    isError,
+    filters,
+    setFilters,
+    pageConfig,
+    getGridData,
+    isAnyFilterActive,
+    shouldShowFilters,
+    clearAllFilters
+  } = useShipmentsGrid.useShipmentsGrid({
+    shipmentStatus,
+    showCreatedDateFilter: _showCreatedDateFilter,
+    showShipmentIdFilter: _showShipmentIdFilter,
+    sortBy: sortState.by,
+    sortDir: sortState.dir
+  });
+  const handleCreatedDateSort = () => {
+    toggleSort("created_at");
+  };
+  const handleUpdatedDateSort = () => {
+    toggleSort("modified_at");
+  };
+  const emptyContentComponent = React.useMemo(() => {
+    if (isLoading) {
+      return undefined;
+    }
+    if (isAnyFilterActive) {
+      return jsxRuntime.jsx(giger.EmptyState, Object.assign({
+        isElevated: false,
+        subtitle: t("list-shipments:emptyState.filtersSubtitle"),
+        title: t("list-shipments:emptyState.filtersTitle")
+      }, {
+        children: jsxRuntime.jsx(giger.Button, Object.assign({
+          onClick: clearAllFilters
+        }, {
+          children: t("list-shipments:emptyState.viewAll")
+        }))
+      }));
+    } else {
+      return jsxRuntime.jsx(giger.EmptyState, {
+        isElevated: false,
+        subtitle: t("list-shipments:emptyState.subtitle"),
+        title: t("list-shipments:emptyState.title")
+      });
+    }
+  }, [clearAllFilters, isAnyFilterActive, isLoading, t]);
+  if (isError) {
+    return jsxRuntime.jsx(errorState.ErrorState, {
+      css: shipmentsGrid_styles.styles.errorState,
+      subtitle: [t("list-shipments:errorMessages.subtitle"), t("errorMessages.refreshAndTryAgain")],
+      title: t("list-shipments:errorMessages.title")
+    });
+  }
+  const shipmentTags = {
+    cancelled: {
+      color: giger.TagColor.ALERT,
+      text: t("list-shipments:status.cancelled")
+    },
+    label_purchased: {
+      color: giger.TagColor.SUCCESS,
+      text: t("list-shipments:status.purchased")
+    },
+    pending: {
+      color: giger.TagColor.SUCCESS,
+      text: t("list-shipments:status.readyToBuy")
+    },
+    processing: {
+      color: giger.TagColor.INFO,
+      text: t("list-shipments:status.processing")
+    }
+  };
+  const actionHandler = (action, shipment) => {
+    if (action === actionsMenu.Actions.CANCEL_SHIPMENT) {
+      onClickCancelShipment === null || onClickCancelShipment === void 0 ? void 0 : onClickCancelShipment(shipment);
+    }
+  };
+  const columns = [{
+    headerContent: t("list-shipments:headers.shipmentId"),
+    renderCellContent: shipment => {
+      return jsxRuntime.jsx(giger.Typography, Object.assign({
+        component: "p",
+        css: shipmentsGrid_styles.styles.tableParagraph,
+        variant: "body2"
+      }, {
+        children: shipment.shipmentId
+      }));
+    }
+  }, {
+    headerContent: t("list-shipments:headers.parcels"),
+    renderCellContent: shipment => {
+      return jsxRuntime.jsx(giger.Typography, Object.assign({
+        component: "p",
+        css: shipmentsGrid_styles.styles.tableParagraph,
+        variant: "body2"
+      }, {
+        children: shipment.packages.length
+      }));
+    }
+  }, {
+    headerContent: t("list-shipments:headers.recipient"),
+    renderCellContent: shipment => {
+      const hasRecipientData = !!(shipment.shipTo.name || shipment.shipTo.postalCode || shipment.shipTo.cityLocality);
+      const hasDestination = !!(shipment.shipTo.postalCode || shipment.shipTo.cityLocality);
+      return hasRecipientData ? jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [jsxRuntime.jsx(giger.Typography, Object.assign({
+          component: "p",
+          css: shipmentsGrid_styles.styles.tableParagraph,
+          variant: "body2"
+        }, {
+          children: shipment.shipTo.name
+        })), hasDestination && jsxRuntime.jsx(giger.Typography, Object.assign({
+          component: "p",
+          css: shipmentsGrid_styles.styles.tableParagraph,
+          variant: "body2"
+        }, {
+          children: [shipment.shipTo.postalCode, shipment.shipTo.cityLocality].filter(Boolean).join(", ")
+        }))]
+      }) : "--";
+    }
+  }, {
+    headerContent: t("list-shipments:headers.shipping"),
+    renderCellContent: shipment => {
+      return jsxRuntime.jsx(giger.Typography, Object.assign({
+        component: "p",
+        css: shipmentsGrid_styles.styles.tableParagraph,
+        variant: "body2"
+      }, {
+        children: shipment.serviceName || t("list-shipments:none")
+      }));
+    }
+  }, {
+    headerContent: jsxRuntime.jsx(sortableHeader.SortableHeader, {
+      headerText: t("list-shipments:headers.created"),
+      onToggleSort: handleCreatedDateSort,
+      sortDirection: sortState.createdAtDir
+    }),
+    renderCellContent: shipment => {
+      return jsxRuntime.jsx(cellFormattedDate.CellFormattedDate, {
+        date: shipment.createdAt,
+        short: true
+      });
+    }
+  }, {
+    headerContent: jsxRuntime.jsx(sortableHeader.SortableHeader, {
+      headerText: t("list-shipments:headers.modified"),
+      onToggleSort: handleUpdatedDateSort,
+      sortDirection: sortState.modifiedAtDir
+    }),
+    renderCellContent: shipment => {
+      return jsxRuntime.jsx(cellFormattedDate.CellFormattedDate, {
+        date: shipment.modifiedAt,
+        short: true
+      });
+    }
+  }, {
+    headerContent: t("list-shipments:headers.status"),
+    renderCellContent: shipment => {
+      return jsxRuntime.jsx(giger.Tag, Object.assign({
+        color: shipmentTags[shipment.shipmentStatus].color,
+        variant: giger.TagVariant.LINEAL_FILLED
+      }, {
+        children: shipmentTags[shipment.shipmentStatus].text
+      }));
+    }
+  }, {
+    headerContent: "",
+    renderCellContent: shipment => {
+      const isAbleToBeCancel = !!onClickCancelShipment && shipment.shipmentStatus === "pending";
+      const actions = [...(isAbleToBeCancel ? [actionsMenu.Actions.CANCEL_SHIPMENT] : [])];
+      return actions.length > 0 && jsxRuntime.jsx(actionsMenu.ActionsMenu, {
+        allowedActions: actions,
+        onActionClick: action => actionHandler(action, shipment)
+      });
+    }
+  }];
+  return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [jsxRuntime.jsx(gridController.GridController, {
+      columns: columns,
+      data: getGridData(),
+      emptyContent: emptyContentComponent,
+      filters: shouldShowFilters && jsxRuntime.jsx(gridFilters.GridFilters, {
+        filters: filters,
+        filtersDisabled: isLoading,
+        onClearAllFilters: clearAllFilters,
+        onFiltersUpdated: setFilters
+      }),
+      footerContent: jsxRuntime.jsx(gridFooter.GridFooter, {
+        onPageChange: pageConfig.pagerProps.onPageSelect,
+        page: pageConfig.currentPage,
+        pages: pageConfig.pagesAmount,
+        pageSize: pageConfig.pageSize,
+        showPagination: pageConfig.showPagination,
+        total: pageConfig.totalElements
+      }),
+      isLoading: isLoading,
+      onRowClick: onRowClick
+    }), globalFeatures.poweredByShipEngine && jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [jsxRuntime.jsx(spacer.Spacer, {}), jsxRuntime.jsx(poweredByShipengine.PoweredByShipEngine, {})]
+    })]
+  });
+};
+/**
+ * # Registered Shipments Grid Element
+ *
+ * @param ShipmentsGridProps The props necessary to render the `<ShipmentsGrid.Element />`.
+ *
+ * @example
+ * The `<Component />` is the source JSX that is rendered when you make use of the `ShipmentsGrid`
+ * Element directly.
+ *
+ * ```tsx
+ * <ShipmentsGrid.Element
+ *    shipmentStatus="pending"
+ *    onRowClick={(shipment) => console.log('Row clicked', shipment)}
+ * />
+ * ```
+ *
+ * <br />
+ *
+ * @see {@link ShipmentsGrid.ShipmentsGridProps | The **Base props** used in `<ShipmentsGrid.Element />`}
+ *
+ */
+const Element = createElement.createElement(Component, errorFallback.ErrorFallback, {
+  css: {
+    height: "100%",
+    minWidth: "440px",
+    width: "100%"
+  },
+  resources: {
+    en: index
+  }
+});
+
+exports.Component = Component;
+exports.Element = Element;

package/cjs/elements/shipments-grid/shipments-grid.styles.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles$1 = require('../../utilities/styles.cjs');
+
+const styles = styles$1.createStyles({
+  errorState: theme => Object.assign({
+    backgroundColor: styles$1.scopeTheme(theme).palette.white
+  }, styles$1.scopeTheme(theme).getComponentOverride("Table")),
+  tableParagraph: {
+    margin: 0
+  }
+});
+
+exports.styles = styles;

package/cjs/elements/shipments-grid/utils/created-date-value.cjs

@@ -0,0 +1,48 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var formatISO = require('date-fns/formatISO');
+var isSameDay = require('date-fns/isSameDay');
+var isWithinInterval = require('date-fns/isWithinInterval');
+var setHours = require('date-fns/setHours');
+var setMinutes = require('date-fns/setMinutes');
+
+/**
+ * Given an start/end Dates this function will return and object with "end" and "start" Date
+ * For the "start" Date we add the hours to 00 and 00 minutes
+ * For the "end" Date we add the hours to 23 and 59 minutes.
+ */
+const setDatesAndHours = (startDate, endDate) => ({
+  end: setHours.setHours(setMinutes.setMinutes(endDate, 59), 23),
+  start: setHours.setHours(setMinutes.setMinutes(startDate, 0), 0)
+});
+/**
+ * This functions receive an start and end Dates and prepare an object that can be passed to the API.
+ */
+const getCreatedDateFilterValue = (start, end) => {
+  if (!start || !end) {
+    return {};
+  }
+  const mappedDates = setDatesAndHours(start, end);
+  return {
+    createdAtEnd: formatISO.formatISO(mappedDates.end),
+    createdAtStart: formatISO.formatISO(mappedDates.start)
+  };
+};
+/**
+ * Given an start/end Dates and the Shipment Creation date we check if the Shipment creation date
+ * its the same as the one selected by the user or within an interval
+ */
+const filterDateAndShipmentDateIsSameOrWithinInterval = (start, end, shipmentCreationDate) => {
+  const dateFilterIsSameDay = isSameDay.isSameDay(start, end);
+  if (dateFilterIsSameDay && isSameDay.isSameDay(start, new Date(shipmentCreationDate))) {
+    return true;
+  } else if (isWithinInterval.isWithinInterval(new Date(shipmentCreationDate), setDatesAndHours(start, end))) {
+    return true;
+  }
+  return false;
+};
+
+exports.filterDateAndShipmentDateIsSameOrWithinInterval = filterDateAndShipmentDateIsSameOrWithinInterval;
+exports.getCreatedDateFilterValue = getCreatedDateFilterValue;

package/cjs/elements/shipments-grid/utils/index.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var createdDateValue = require('./created-date-value.cjs');
+
+
+
+exports.filterDateAndShipmentDateIsSameOrWithinInterval = createdDateValue.filterDateAndShipmentDateIsSameOrWithinInterval;
+exports.getCreatedDateFilterValue = createdDateValue.getCreatedDateFilterValue;