@commercetools-frontend/experimental-components 0.0.2 → 0.0.3

package/src/features/platform-limits/shared/hooks/use-platform-limits-fetcher/use-platform-limits-fetcher.spec.js

@@ -1,202 +0,0 @@
-import PropTypes from 'prop-types';
-import {
-  PlatformLimits,
-  LimitWithCurrent,
-  PlatformLimitsShippingMethods,
-} from '@commercetools-local/test-data';
-import { reportErrorToSentry } from '@commercetools-frontend/sentry';
-import {
-  screen,
-  renderApp,
-} from '@commercetools-frontend/application-shell/test-utils';
-import { RESOURCES_WITH_PLATFORM_LIMITS } from '../../constants';
-import { PlatformLimitsFetcherQuery } from './use-platform-limits-fetcher.ctp.graphql';
-import usePlatformLimitsFetcher from './use-platform-limits-fetcher';
-
-jest.mock('@commercetools-frontend/sentry');
-
-const platformLimitsWithNonExceeded = PlatformLimits.presets
-  .withAllPlatformLimits()
-  .buildGraphql();
-const shippingMethodsWithNonExceeded = PlatformLimits.random()
-  .shippingMethods(
-    PlatformLimitsShippingMethods.random().total(
-      LimitWithCurrent.presets.withNonExceeded()
-    )
-  )
-  .buildGraphql();
-
-const mockRequests = {
-  withoutErrors: {
-    withAllPlatformLimits: [
-      {
-        request: {
-          query: PlatformLimitsFetcherQuery,
-          variables: {
-            shouldIncludeCartDiscounts: true,
-            shouldIncludeCarts: true,
-            shouldIncludeCustomerGroups: true,
-            shouldIncludeCustomers: true,
-            shouldIncludeProductDiscounts: true,
-            shouldIncludeShippingMethods: true,
-            shouldIncludeShoppingLists: true,
-            shouldIncludeStores: true,
-            shouldIncludeTaxCategories: true,
-            shouldIncludeZones: true,
-          },
-        },
-        result: {
-          data: {
-            limits: platformLimitsWithNonExceeded,
-          },
-        },
-      },
-    ],
-    withOnePlatformLimit: [
-      {
-        request: {
-          query: PlatformLimitsFetcherQuery,
-          variables: {
-            shouldIncludeCartDiscounts: false,
-            shouldIncludeCarts: false,
-            shouldIncludeCustomerGroups: false,
-            shouldIncludeCustomers: false,
-            shouldIncludeProductDiscounts: false,
-            shouldIncludeShippingMethods: true,
-            shouldIncludeShoppingLists: false,
-            shouldIncludeStores: false,
-            shouldIncludeTaxCategories: false,
-            shouldIncludeZones: false,
-          },
-        },
-        result: {
-          data: {
-            limits: shippingMethodsWithNonExceeded,
-          },
-        },
-      },
-    ],
-  },
-  withGeneralError: [
-    {
-      request: {
-        query: PlatformLimitsFetcherQuery,
-        variables: {
-          shouldIncludeCartDiscounts: true,
-          shouldIncludeCarts: true,
-          shouldIncludeCustomerGroups: true,
-          shouldIncludeCustomers: true,
-          shouldIncludeProductDiscounts: true,
-          shouldIncludeShippingMethods: true,
-          shouldIncludeShoppingLists: true,
-          shouldIncludeStores: true,
-          shouldIncludeTaxCategories: true,
-          shouldIncludeZones: true,
-        },
-      },
-      result: {
-        errors: [
-          {
-            message: 'Internal server error.',
-          },
-        ],
-      },
-    },
-  ],
-};
-
-const TestComponent = (props) => {
-  const platformLimitsFetcher = usePlatformLimitsFetcher(props.platformLimit);
-
-  const hasAllPlatformLimits =
-    Object.keys(platformLimitsFetcher?.platformLimits || {}).length === 10;
-
-  const hasOnePlatformLimit =
-    Object.keys(platformLimitsFetcher?.platformLimits || {}).length === 1;
-
-  return (
-    <ul>
-      <li>Is loading: {platformLimitsFetcher.isLoading ? 'Yes' : 'No'}</li>
-      <li>Has all platform limits: {hasAllPlatformLimits ? 'Yes' : 'No'}</li>
-      <li>Has one platform limits: {hasOnePlatformLimit ? 'Yes' : 'No'}</li>
-    </ul>
-  );
-};
-
-TestComponent.propTypes = {
-  platformLimit: PropTypes.string,
-};
-
-const render = (options = {}, props = {}) =>
-  renderApp(<TestComponent {...props} />, options);
-
-describe('when platform limits are enabled', () => {
-  describe('when loading', () => {
-    it('should indicate loading state and that platform limits exists', async () => {
-      render({
-        mocks: mockRequests.withoutErrors.withAllPlatformLimits,
-      });
-
-      expect(screen.getByText(/Is loading: Yes/i)).toBeInTheDocument();
-      expect(
-        screen.getByText(/Has all platform limits: No/i)
-      ).toBeInTheDocument();
-      expect(
-        screen.getByText(/Has one platform limits: No/i)
-      ).toBeInTheDocument();
-
-      await screen.findByText(/Is loading: No/i);
-    });
-  });
-
-  describe('when loaded', () => {
-    describe('without error', () => {
-      describe('with all platform limits', () => {
-        it('should indicate that all platform limits exists', async () => {
-          render({
-            mocks: mockRequests.withoutErrors.withAllPlatformLimits,
-          });
-
-          await screen.findByText(/Is loading: No/i);
-
-          await screen.findByText(/Has all platform limits: Yes/i);
-        });
-      });
-
-      describe('with one platform limits', () => {
-        it('should indicate that all platform limits exists', async () => {
-          render(
-            {
-              mocks: mockRequests.withoutErrors.withOnePlatformLimit,
-            },
-            { platformLimit: RESOURCES_WITH_PLATFORM_LIMITS.shippingMethods }
-          );
-
-          await screen.findByText(/Is loading: No/i);
-
-          await screen.findByText(/Has one platform limits: Yes/i);
-        });
-      });
-    });
-
-    describe('with error', () => {
-      it('should indicate error and that no platform limits exists and report an error', async () => {
-        render({
-          mocks: mockRequests.withGeneralError,
-        });
-
-        await screen.findByText(/Is loading: No/i);
-
-        expect(
-          screen.getByText(/Has all platform limits: No/i)
-        ).toBeInTheDocument();
-
-        expect(
-          screen.getByText(/Has one platform limits: No/i)
-        ).toBeInTheDocument();
-
-        expect(reportErrorToSentry).toHaveBeenCalled();
-      });
-    });
-  });
-});

package/src/features/platform-limits/shared/index.js

@@ -1,15 +0,0 @@
-export {
-  usePlatformLimitsFetcher,
-  useLimitsModalState,
-  useInterceptNavigation,
-} from './hooks';
-
-export { Notifications, StatusText } from './components';
-
-export {
-  getHasExceededWarningThreshold,
-  getHasExceededLimit,
-  getPlatformLimitsStatus,
-} from './utils';
-
-export { RESOURCES_WITH_PLATFORM_LIMITS } from './constants';

package/src/features/platform-limits/shared/utils/index.js

@@ -1,5 +0,0 @@
-export {
-  getHasExceededWarningThreshold,
-  getHasExceededLimit,
-  getPlatformLimitsStatus,
-} from './utils';

package/src/features/platform-limits/shared/utils/utils.js

@@ -1,17 +0,0 @@
-export const getHasExceededWarningThreshold = ({ limit, current }) =>
-  limit && current ? current / limit >= 0.8 : false;
-
-export const getHasExceededLimit = ({ limit, current }) =>
-  limit && current ? current / limit >= 1 : false;
-
-export const getPlatformLimitsStatus = ({ limit, current, total, intl }) => {
-  if (limit) {
-    return `(${intl.formatNumber(current)}/${intl.formatNumber(limit)})`;
-  }
-
-  if (total) {
-    return `(${intl.formatNumber(total)})`;
-  }
-
-  return '';
-};

package/src/features/platform-limits/shared/utils/utils.spec.js

@@ -1,126 +0,0 @@
-import { intlMock } from '@commercetools-local/test-utils';
-import {
-  getHasExceededWarningThreshold,
-  getHasExceededLimit,
-  getPlatformLimitsStatus,
-} from './utils';
-
-describe('when limit is defined', () => {
-  describe("when warning threshold hasn't been exceeded yet", () => {
-    it('should not warn', () => {
-      const warningThreshold = getHasExceededWarningThreshold({
-        limit: 1000,
-        current: 25,
-      });
-      const limitThreshold = getHasExceededLimit({
-        limit: 1000,
-        current: 25,
-      });
-
-      expect(warningThreshold).toBe(false);
-      expect(limitThreshold).toBe(false);
-    });
-  });
-
-  describe('when warning threshold has been exceeded', () => {
-    it('should return a warning not an error', () => {
-      const warningThreshold = getHasExceededWarningThreshold({
-        limit: 1000,
-        current: 870,
-      });
-      const limitThreshold = getHasExceededLimit({
-        limit: 1000,
-        current: 870,
-      });
-
-      expect(warningThreshold).toBe(true);
-      expect(limitThreshold).toBe(false);
-    });
-  });
-
-  describe('when limit threshold has been reached', () => {
-    it('should return an error', () => {
-      const limitThreshold = getHasExceededLimit({
-        limit: 1000,
-        current: 1000,
-      });
-
-      expect(limitThreshold).toBe(true);
-    });
-  });
-});
-
-describe('when limit is not defined', () => {
-  describe('when {limit} is not defined', () => {
-    it('should not warn or return an error', () => {
-      const warningThreshold = getHasExceededWarningThreshold({
-        limit: null,
-        current: 10,
-      });
-      const limitThreshold = getHasExceededLimit({
-        limit: null,
-        current: 10,
-      });
-
-      expect(warningThreshold).toBe(false);
-      expect(limitThreshold).toBe(false);
-    });
-  });
-
-  describe('when {current} is not defined', () => {
-    it('should not warn or return an error', () => {
-      const warningThreshold = getHasExceededWarningThreshold({
-        limit: 1000,
-        current: null,
-      });
-      const limitThreshold = getHasExceededLimit({
-        limit: 1000,
-        current: null,
-      });
-
-      expect(warningThreshold).toBe(false);
-      expect(limitThreshold).toBe(false);
-    });
-  });
-});
-
-describe('getPlatformLimitsStatus', () => {
-  describe('when limit is defined', () => {
-    it('should show platform limits status', () => {
-      const platformLimitsStatus = getPlatformLimitsStatus({
-        limit: 1000,
-        current: 25,
-        total: 25,
-        intl: intlMock,
-      });
-
-      expect(platformLimitsStatus).toBe('(25/1000)');
-    });
-  });
-
-  describe('when limit not is defined and total is defined', () => {
-    it('should show resource total amount', () => {
-      const platformLimitsStatus = getPlatformLimitsStatus({
-        limit: null,
-        current: 25,
-        total: 25,
-        intl: intlMock,
-      });
-
-      expect(platformLimitsStatus).toBe('(25)');
-    });
-  });
-
-  describe('when limit and total are not defined', () => {
-    it('should not show status or total', () => {
-      const platformLimitsStatus = getPlatformLimitsStatus({
-        limit: null,
-        current: null,
-        total: null,
-        intl: intlMock,
-      });
-
-      expect(platformLimitsStatus).toBe('');
-    });
-  });
-});

package/src/features/platform-limits/shipping-methods/components/index.js

@@ -1,3 +0,0 @@
-export { default as ShippingMethodsNotification } from './platform-limits-shipping-methods-notification';
-export { default as ShippingMethodsTooltip } from './platform-limits-shipping-methods-tooltip';
-export { default as ShippingMethodsStatus } from './platform-limits-shipping-methods-status';

package/src/features/platform-limits/shipping-methods/components/platform-limits-shipping-methods-notification/index.js

@@ -1 +0,0 @@
-export { default } from './platform-limits-shipping-methods-notification';

package/src/features/platform-limits/shipping-methods/components/platform-limits-shipping-methods-notification/platform-limits-shipping-methods-notification.jsx

@@ -1,42 +0,0 @@
-import {
-  useShippingMethodsPlatformLimitsStatus,
-  useShippingMethodsPlatformLimitsFetcher,
-} from '../../hooks';
-import { Notifications, RESOURCES_WITH_PLATFORM_LIMITS } from '../../../shared';
-
-const PlatformLimitsShippingMethodsNotifications = () => {
-  const { platformLimits } = useShippingMethodsPlatformLimitsFetcher();
-  const {
-    hasReachedShippingMethodsWarningLimit,
-    hasReachedShippingMethodsErrorLimit,
-  } = useShippingMethodsPlatformLimitsStatus();
-
-  if (!platformLimits?.shippingMethods?.total) {
-    return null;
-  }
-
-  if (hasReachedShippingMethodsErrorLimit) {
-    return (
-      <Notifications.Error
-        resource={RESOURCES_WITH_PLATFORM_LIMITS.shippingMethods}
-        limit={platformLimits.shippingMethods.total.limit}
-      />
-    );
-  }
-
-  if (hasReachedShippingMethodsWarningLimit) {
-    return (
-      <Notifications.Warning
-        resource={RESOURCES_WITH_PLATFORM_LIMITS.shippingMethods}
-        limit={platformLimits.shippingMethods.total.limit}
-      />
-    );
-  }
-
-  return null;
-};
-
-PlatformLimitsShippingMethodsNotifications.displayName =
-  'PlatformLimitsShippingMethodsNotifications';
-
-export default PlatformLimitsShippingMethodsNotifications;

package/src/features/platform-limits/shipping-methods/components/platform-limits-shipping-methods-notification/platform-limits-shipping-methods-notification.spec.js

@@ -1,51 +0,0 @@
-import {
-  screen,
-  renderApp,
-} from '@commercetools-frontend/application-shell/test-utils';
-import usePlatformLimitsFetcher from '../../../shared/hooks/use-platform-limits-fetcher';
-import PlatformLimitsShippingMethodsNotification from './platform-limits-shipping-methods-notification';
-
-jest.mock('../../../shared/hooks/use-platform-limits-fetcher');
-
-describe('ShippingMethodsNotifications', () => {
-  describe('when warning limit has not been exceeded', () => {
-    it('should not render warning or error notifcation', () => {
-      usePlatformLimitsFetcher.withShippingMethodsWithNonExceeded();
-      renderApp(<PlatformLimitsShippingMethodsNotification />);
-
-      expect(
-        screen.queryByText(
-          /This project will soon reach the limit of 10 shipping methods. Once it has been reached, no additional shipping methods can be added. To add more shipping methods delete existing ones, reach out to your administrator or contact/
-        )
-      ).not.toBeInTheDocument();
-
-      expect(
-        screen.queryByText(
-          /This project reached the limit of 10 shipping methods. To add more shipping methods delete existing ones, reach out to your administrator or contact/
-        )
-      ).not.toBeInTheDocument();
-    });
-  });
-
-  describe('when warning limit has been exceeded', () => {
-    it('should render warning notifcation', () => {
-      usePlatformLimitsFetcher.withShippingMethodsWithWarningExceeded();
-      renderApp(<PlatformLimitsShippingMethodsNotification />);
-
-      screen.getByText(
-        /This project will soon reach the limit of 10 shipping methods. Once it has been reached, no additional shipping methods can be added. To add more shipping methods delete existing ones, reach out to your administrator or contact/
-      );
-    });
-  });
-
-  describe('when error limit has been exceeded', () => {
-    it('should render error notifcation', () => {
-      usePlatformLimitsFetcher.withShippingMethodsWithExceeded();
-      renderApp(<PlatformLimitsShippingMethodsNotification />);
-
-      screen.getByText(
-        /This project reached the limit of 10 shipping methods. To add more shipping methods delete existing ones, reach out to your administrator or contact/
-      );
-    });
-  });
-});

package/src/features/platform-limits/shipping-methods/components/platform-limits-shipping-methods-status/index.js

@@ -1 +0,0 @@
-export { default } from './platform-limits-shipping-methods-status';

package/src/features/platform-limits/shipping-methods/components/platform-limits-shipping-methods-status/messages.js

@@ -1,9 +0,0 @@
-import { defineMessages } from 'react-intl';
-
-export default defineMessages({
-  shippingMethodsStatus: {
-    id: 'PlatformLimits.Status.shippingMethods',
-    description: 'The message for shipping methods platform limit values',
-    defaultMessage: 'Shipping methods ',
-  },
-});

package/src/features/platform-limits/shipping-methods/components/platform-limits-shipping-methods-status/platform-limits-shipping-methods-status.jsx

@@ -1,29 +0,0 @@
-import PropTypes from 'prop-types';
-import { useIntl } from 'react-intl';
-import { StatusText, getPlatformLimitsStatus } from '../../../shared';
-import { useShippingMethodsPlatformLimitsFetcher } from '../../hooks';
-import messages from './messages';
-
-const PlatformLimitsShippingMethodsStatus = ({ total }) => {
-  const intl = useIntl();
-  const { platformLimits } = useShippingMethodsPlatformLimitsFetcher();
-  const current = platformLimits?.shippingMethods?.total?.current;
-  const limit = platformLimits?.shippingMethods?.total?.limit;
-
-  return (
-    <StatusText>
-      {`${intl.formatMessage(
-        messages.shippingMethodsStatus
-      )} ${getPlatformLimitsStatus({ limit, current, total, intl })}`}
-    </StatusText>
-  );
-};
-
-PlatformLimitsShippingMethodsStatus.propTypes = {
-  total: PropTypes.number,
-};
-
-PlatformLimitsShippingMethodsStatus.displayName =
-  'PlatformLimitsShippingMethodsStatus';
-
-export default PlatformLimitsShippingMethodsStatus;

package/src/features/platform-limits/shipping-methods/components/platform-limits-shipping-methods-status/platform-limits-shipping-methods-status.spec.js

@@ -1,37 +0,0 @@
-import {
-  screen,
-  renderApp,
-} from '@commercetools-frontend/application-shell/test-utils';
-import usePlatformLimitsFetcher from '../../../shared/hooks/use-platform-limits-fetcher';
-import PlatformLimitsShippingMethodsStatus from './platform-limits-shipping-methods-status';
-
-jest.mock('../../../shared/hooks/use-platform-limits-fetcher');
-
-describe('ShippingMethodsStatus', () => {
-  describe('when platform limit is defined', () => {
-    it('should render shipping methods title {current}/{limit} values', () => {
-      usePlatformLimitsFetcher.withShippingMethodsWithNonExceeded();
-      renderApp(<PlatformLimitsShippingMethodsStatus total={19} />);
-
-      screen.getByText('Shipping methods (2/10)');
-    });
-  });
-
-  describe('when platform limit is not defined', () => {
-    it('should render shipping methods title {total}', () => {
-      usePlatformLimitsFetcher.withShippingMethodsUndefined();
-      renderApp(<PlatformLimitsShippingMethodsStatus total={13} />);
-
-      screen.getByText('Shipping methods (13)');
-    });
-  });
-
-  describe('when platform limit and total are not defined', () => {
-    it('should render shipping methods title without values', () => {
-      usePlatformLimitsFetcher.withShippingMethodsUndefined();
-      renderApp(<PlatformLimitsShippingMethodsStatus />);
-
-      screen.getByText(/shipping methods/i);
-    });
-  });
-});

package/src/features/platform-limits/shipping-methods/components/platform-limits-shipping-methods-tooltip/index.js

@@ -1 +0,0 @@
-export { default } from './platform-limits-shipping-methods-tooltip';

package/src/features/platform-limits/shipping-methods/components/platform-limits-shipping-methods-tooltip/messages.js

@@ -1,10 +0,0 @@
-import { defineMessages } from 'react-intl';
-
-export default defineMessages({
-  shippingMethodsPlatformLimitReached: {
-    id: 'PlatformLimits.Tooltip.shippingMethodsLimitReached',
-    description:
-      'The message for shipping methods platform limit being reached',
-    defaultMessage: 'Shipping methods limit has been reached',
-  },
-});

package/src/features/platform-limits/shipping-methods/components/platform-limits-shipping-methods-tooltip/platform-limits-shipping-methods-tooltip.jsx

@@ -1,18 +0,0 @@
-import { useIntl } from 'react-intl';
-import { Tooltip } from '@commercetools-frontend/ui-kit';
-import messages from './messages';
-
-const PlatformLimitsShippingMethodsTooltip = (props) => {
-  const intl = useIntl();
-  return (
-    <Tooltip
-      {...props}
-      title={intl.formatMessage(messages.shippingMethodsPlatformLimitReached)}
-    />
-  );
-};
-
-PlatformLimitsShippingMethodsTooltip.displayName =
-  'PlatformLimitsShippingMethodsTooltip';
-
-export default PlatformLimitsShippingMethodsTooltip;

package/src/features/platform-limits/shipping-methods/hocs/index.js

@@ -1,2 +0,0 @@
-// eslint-disable-next-line import/prefer-default-export
-export { default as injectShippingMethodsPlatformLimits } from './inject-shipping-methods-platform-limits';

package/src/features/platform-limits/shipping-methods/hocs/inject-shipping-methods-platform-limits/index.js

@@ -1 +0,0 @@
-export { default } from './inject-shipping-methods-platform-limits';

package/src/features/platform-limits/shipping-methods/hocs/inject-shipping-methods-platform-limits/inject-shipping-methods-platform-limits.jsx

@@ -1,23 +0,0 @@
-import { wrapDisplayName } from '../../../../../internal-index';
-import { useShippingMethodsPlatformLimits } from '../../hooks';
-
-const injectShippingMethodsPlatformLimits = () => (WrappedComponent) => {
-  const WithShippingMethodsPlatformLimits = (props) => {
-    const shippingMethodsPlatformLimits = useShippingMethodsPlatformLimits();
-
-    const shippingMethodsProps = {
-      platformLimits: shippingMethodsPlatformLimits,
-    };
-
-    return <WrappedComponent {...props} {...shippingMethodsProps} />;
-  };
-
-  WithShippingMethodsPlatformLimits.displayName = wrapDisplayName(
-    WrappedComponent,
-    'WithShippingMethodsPlatformLimits'
-  );
-
-  return WithShippingMethodsPlatformLimits;
-};
-
-export default injectShippingMethodsPlatformLimits;

package/src/features/platform-limits/shipping-methods/hooks/index.js

@@ -1,3 +0,0 @@
-export { default as useShippingMethodsPlatformLimitsFetcher } from './use-shipping-methods-platform-limits-fetcher';
-export { default as useShippingMethodsPlatformLimitsStatus } from './use-shipping-methods-platform-limits-status';
-export { default as useShippingMethodsPlatformLimits } from './use-shipping-methods-platform-limits';

package/src/features/platform-limits/shipping-methods/hooks/use-shipping-methods-platform-limits/index.js

@@ -1 +0,0 @@
-export { default } from './use-shipping-methods-platform-limits';

package/src/features/platform-limits/shipping-methods/hooks/use-shipping-methods-platform-limits/use-shipping-methods-platform-limits.js

@@ -1,30 +0,0 @@
-import useShippingMethodsPlatformLimitsFetcher from '../use-shipping-methods-platform-limits-fetcher';
-import useShippingMethodsPlatformLimitsStatus from '../use-shipping-methods-platform-limits-status';
-import {
-  ShippingMethodsTooltip,
-  ShippingMethodsNotification,
-  ShippingMethodsStatus,
-} from '../../components';
-
-const useShippingMethodsLimits = () => {
-  const { refetch } = useShippingMethodsPlatformLimitsFetcher();
-  const {
-    hasReachedShippingMethodsWarningLimit,
-    hasReachedShippingMethodsErrorLimit,
-  } = useShippingMethodsPlatformLimitsStatus();
-
-  return {
-    ShippingMethodsLimits: {
-      Notifications: ShippingMethodsNotification,
-      Status: ShippingMethodsStatus,
-      Tooltip: ShippingMethodsTooltip,
-    },
-    refetchShippingMethodsPlatformLimits: refetch,
-    status: {
-      hasReachedShippingMethodsWarningLimit,
-      hasReachedShippingMethodsErrorLimit,
-    },
-  };
-};
-
-export default useShippingMethodsLimits;

package/src/features/platform-limits/shipping-methods/hooks/use-shipping-methods-platform-limits-fetcher/index.js

@@ -1 +0,0 @@
-export { default } from './use-shipping-methods-platform-limits-fetcher';