@faststore/core 2.2.19 → 2.2.21

package/.turbo/turbo-build.log

@@ -1,7 +1,7 @@
 $ yarn partytown & yarn generate && next build
 $ partytown copylib ./public/~partytown
-$ faststore generate-graphql -c
 Partytown lib copied to: /home/runner/work/faststore/faststore/packages/core/public/~partytown
+$ faststore generate-graphql -c
 success - GraphQL schema, types, and optimizations successfully generated 🎉
 warn  - You have enabled experimental feature (scrollRestoration) in next.config.js.
 warn  - Experimental features are not covered by semver, and may cause unexpected or broken application behavior. Use at your own risk.
@@ -20,12 +20,12 @@ info  - Compiled successfully
 info  - Collecting page data...
 info  - Generating static pages (0/7)
 warn - AlertSectionIcon not found. Add a new component for this section or remove it from the CMS
-warn - AlertSectionIcon not found. Add a new component for this section or remove it from the CMS
-warn - AlertSectionIcon not found. Add a new component for this section or remove it from the CMS
 info  - Generating static pages (1/7)
 warn - AlertSectionIcon not found. Add a new component for this section or remove it from the CMS
+warn - AlertSectionIcon not found. Add a new component for this section or remove it from the CMS
 info  - Generating static pages (3/7)
 warn - AlertSectionIcon not found. Add a new component for this section or remove it from the CMS
+warn - AlertSectionIcon not found. Add a new component for this section or remove it from the CMS
 info  - Generating static pages (5/7)
 warn - AlertSectionIcon not found. Add a new component for this section or remove it from the CMS
 warn - AlertSectionIcon not found. Add a new component for this section or remove it from the CMS

package/.turbo/turbo-test.log

@@ -1,25 +1,25 @@
 $ tsdx test
 ts-jest[versions] (WARN) Version 29.1.0 of jest installed has not been tested with ts-jest. If you're experiencing issues, consider using a supported version (>=25.0.0 <26.0.0). Please do not report issues in ts-jest if you are using unsupported versions.
 ts-jest[versions] (WARN) Version 4.9.4 of typescript installed has not been tested with ts-jest. If you're experiencing issues, consider using a supported version (>=3.4.0 <4.0.0). Please do not report issues in ts-jest if you are using unsupported versions.
-PASS test/server/index.test.ts (21.288s)
+PASS test/server/index.test.ts (16.932s)
   FastStore GraphQL Layer
     @faststore/api
-      ✓ should return a valid GraphQL schema (4ms)
-      ✓ should return a valid GraphQL schema contain all expected types (4ms)
-      ✓ should return a valid GraphQL schema contain all expected queries (1ms)
-      ✓ should return a valid GraphQL schema contain all expected mutations (1ms)
+      ✓ should return a valid GraphQL schema (33ms)
+      ✓ should return a valid GraphQL schema contain all expected types (9ms)
+      ✓ should return a valid GraphQL schema contain all expected queries (2ms)
+      ✓ should return a valid GraphQL schema contain all expected mutations
     VTEX API Extension
-      ✓ getTypeDefsFromFolder function should return an Array (10ms)
+      ✓ getTypeDefsFromFolder function should return an Array (15ms)
     Third Party API Extension
-      ✓ getTypeDefsFromFolder function should return an Array (5ms)
+      ✓ getTypeDefsFromFolder function should return an Array (29ms)
     Final Schema after merging
-      ✓ should return a valid merged GraphQL schema (25ms)
+      ✓ should return a valid merged GraphQL schema (106ms)
     Envelop
-      ✓ should exist with its plugins (24ms)
-      ✓ should handle options and execute (434ms)
+      ✓ should exist with its plugins (85ms)
+      ✓ should handle options and execute (296ms)
 
 Test Suites: 1 passed, 1 total
 Tests:       9 passed, 9 total
 Snapshots:   0 total
-Time:        22.439s
+Time:        17.882s
 Ran all test suites.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/core",
-  "version": "2.2.19",
+  "version": "2.2.21",
   "license": "MIT",
   "browserslist": "supports es6-module and not dead",
   "exports": {
@@ -24,9 +24,7 @@
     "stylelint": "stylelint \"**/*.scss\"",
     "stylelint:fix": "stylelint \"**/*.scss\" --fix",
     "postinstall": "node postinstall.js && (is-ci || (cd ../.. && husky install packages/core/.husky)) || echo Skipped postinstall step for @faststore/core",
-    "partytown": "partytown copylib ./public/~partytown",
-    "storybook": "start-storybook --docs -p 6006",
-    "build-storybook": "build-storybook"
+    "partytown": "partytown copylib ./public/~partytown"
   },
   "engines": {
     "node": ">=14"
@@ -38,11 +36,11 @@
     "@envelop/graphql-jit": "^1.1.1",
     "@envelop/parser-cache": "^2.2.0",
     "@envelop/validation-cache": "^2.2.0",
-    "@faststore/api": "^2.2.19",
-    "@faststore/components": "^2.2.19",
-    "@faststore/graphql-utils": "^2.2.19",
-    "@faststore/sdk": "^2.2.19",
-    "@faststore/ui": "^2.2.19",
+    "@faststore/api": "^2.2.20",
+    "@faststore/components": "^2.2.20",
+    "@faststore/graphql-utils": "^2.2.20",
+    "@faststore/sdk": "^2.2.20",
+    "@faststore/ui": "^2.2.20",
     "@graphql-codegen/cli": "^3.3.1",
     "@graphql-codegen/typescript": "^3.0.4",
     "@graphql-codegen/typescript-operations": "^3.0.4",
@@ -73,24 +71,16 @@
     "sharp": "^0.31.3",
     "style-loader": "^3.3.1",
     "swr": "^1.3.0",
-    "tsconfig-paths-webpack-plugin": "^3.5.2",
     "tsx": "^3.12.7",
     "typescript": "4.7.3"
   },
   "devDependencies": {
     "@cypress/code-coverage": "^3.12.1",
     "@envelop/testing": "^6.0.0",
-    "@faststore/cli": "^2.2.19",
-    "@faststore/eslint-config": "^2.2.19",
+    "@faststore/cli": "^2.2.20",
+    "@faststore/eslint-config": "^2.2.20",
     "@faststore/lighthouse": "^1.12.32",
     "@lhci/cli": "^0.9.0",
-    "@storybook/addon-a11y": "^6.5.9",
-    "@storybook/addon-actions": "^6.5.9",
-    "@storybook/addon-essentials": "^6.5.9",
-    "@storybook/addon-links": "^6.5.9",
-    "@storybook/builder-webpack5": "^6.5.9",
-    "@storybook/manager-webpack5": "^6.5.9",
-    "@storybook/react": "^6.5.9",
     "@testing-library/cypress": "^10.0.1",
     "@types/cypress": "^1.1.3",
     "@types/jest": "29.1.0",
@@ -105,7 +95,6 @@
     "is-ci": "^3.0.0",
     "jest": "29.1.0",
     "lint-staged": "^10.5.4",
-    "msw-storybook-addon": "^1.6.3",
     "stylelint": "^14.6.0",
     "stylelint-config-recess-order": "^3.0.0",
     "stylelint-config-standard": "^24.0.0",
@@ -129,5 +118,5 @@
   "msw": {
     "workerDirectory": "public"
   },
-  "gitHead": "43fb9e8a1c84556ef5d119348925607ce41a12a9"
+  "gitHead": "989edf1398897da07c47c068155dc7afcf7ef078"
 }

package/.storybook/components/BestPractices.tsx

@@ -1,18 +0,0 @@
-import React from 'react'
-import type { PropsWithChildren } from 'react'
-
-type BestPracticesProps = {
-  title?: string
-  description?: string
-}
-
-const BestPractices = ({ children }: PropsWithChildren<BestPracticesProps>) => {
-  return (
-    <>
-      <h2 className="sbdocs sbdocs-h2">Best Practices</h2>
-      <section className="sbdocs sbdocs-best-practices">{children}</section>
-    </>
-  )
-}
-
-export default BestPractices

package/.storybook/components/BestPracticesRule.tsx

@@ -1,43 +0,0 @@
-import React, { ReactNode } from 'react'
-
-type BestPracticesRuleProps = {
-  recommendedUsage?: ReactNode
-  discouragedUsage?: ReactNode
-  recommendedDescription: string | ReactNode
-  discouragedDescription: string | ReactNode
-}
-
-const BestPracticesRule = ({
-  recommendedUsage,
-  discouragedUsage,
-  recommendedDescription,
-  discouragedDescription,
-}: BestPracticesRuleProps) => {
-  return (
-    <section className="sbdocs-best-practices-rule">
-      <article>
-        {recommendedUsage && <div>{recommendedUsage}</div>}
-        <article className="sbdocs-best-practices-text">
-          <h3 className="sbdocs sbdocs-h3">
-            <span role="img" aria-label="Check Mark">
-              &#9989;
-            </span>{' '}
-            Do
-          </h3>
-          <p>{recommendedDescription}</p>
-        </article>
-      </article>
-      <article>
-        {discouragedUsage && <div>{discouragedUsage}</div>}
-        <article className="sbdocs-best-practices-text">
-          <h3 className="sbdocs sbdocs-h3">
-            <span aria-label="Cross Mark">&#10060;</span> Don't
-          </h3>
-          <p>{discouragedDescription}</p>
-        </article>
-      </article>
-    </section>
-  )
-}
-
-export default BestPracticesRule

package/.storybook/components/Callout.tsx

@@ -1,12 +0,0 @@
-import React from 'react'
-
-const Callout = ({ children }) => {
-  return (
-    <section className="sbdocs-callout">
-      <span aria-label="Warning">&#x1F4A1;</span>
-      <small>{children}</small>
-    </section>
-  )
-}
-
-export default Callout

package/.storybook/components/SectionItem.tsx

@@ -1,46 +0,0 @@
-import React, { CSSProperties, PropsWithChildren, ReactNode } from 'react'
-
-import { Icon, LinkButton } from '@faststore/ui'
-
-type SectionItemProps = {
-  title: string
-  description: string | ReactNode
-  actionPath?: string
-  containerStyle?: CSSProperties
-}
-
-const SectionItem = ({
-  title,
-  description,
-  children,
-  actionPath,
-  containerStyle,
-  ...otherProps
-}: PropsWithChildren<SectionItemProps>) => {
-  return (
-    <li className="sbdocs-li" {...otherProps}>
-      <div className="sbdocs-div" style={containerStyle}>
-        {children}
-      </div>
-      <article className="sbdocs-list-text">
-        <h3 className="sbdocs sbdocs-h3">{title}</h3>
-        <p className="sbdocs sbdocs-p">{description}</p>
-        {actionPath && (
-          <LinkButton
-            size="small"
-            variant="tertiary"
-            href={actionPath}
-            icon={
-              <Icon name="ArrowRight" width="18" height="18" weight="bold" />
-            }
-            iconPosition="right"
-          >
-            See more
-          </LinkButton>
-        )}
-      </article>
-    </li>
-  )
-}
-
-export default SectionItem

package/.storybook/components/SectionList.tsx

@@ -1,27 +0,0 @@
-import React from 'react'
-import type { PropsWithChildren } from 'react'
-
-type SectionListProps = {
-  grid?: 'row' | 'grid'
-  classes?: string
-}
-
-const SectionList = ({
-  children,
-  classes,
-  grid = 'row',
-}: PropsWithChildren<SectionListProps>) => {
-  return (
-    <section className={`${classes} sbdocs-list`}>
-      <ul
-        className={`sbdocs-ul ${
-          grid === 'grid' ? 'sbdocs-ul-grid' : 'sbdocs-ul-row'
-        }`}
-      >
-        {children}
-      </ul>
-    </section>
-  )
-}
-
-export default SectionList

package/.storybook/components/TokenDivider.tsx

@@ -1,12 +0,0 @@
-import React from 'react'
-
-const TokenDivider = () => {
-  return (
-    <tr className="token-divider">
-      <td></td>
-      <td></td>
-    </tr>
-  )
-}
-
-export default TokenDivider

package/.storybook/components/TokenRow.tsx

@@ -1,32 +0,0 @@
-import React, { ReactNode } from 'react'
-import { Code } from '@storybook/components'
-
-type TokenRowProps = {
-  token: string
-  value: string
-  isColor?: boolean
-  globalValue?: string
-}
-
-const TokenRow = ({
-  token,
-  value,
-  globalValue,
-  isColor = false,
-}: TokenRowProps) => {
-  return (
-    <tr>
-      <td>
-        <Code>{token}</Code>
-      </td>
-      <td>
-        {isColor && (
-          <div style={{ backgroundColor: globalValue ? globalValue : value }} />
-        )}
-        <Code>{value}</Code>
-      </td>
-    </tr>
-  )
-}
-
-export default TokenRow

package/.storybook/components/TokenTable.tsx

@@ -1,33 +0,0 @@
-import React, { ReactNode } from 'react'
-import { Table } from '@storybook/components'
-
-type TokenTableProps = {
-  title?: string
-  description?: string
-  children: ReactNode
-}
-
-const TokenTable = ({
-  title = 'Local token',
-  description = 'Default value/Global token linked',
-  children,
-}: TokenTableProps) => {
-  return (
-    <Table
-      style={{
-        width: '100%',
-      }}
-      className="sbdocs sbdocs-table"
-    >
-      <thead>
-        <tr>
-          <th>{title}</th>
-          <th>{description}</th>
-        </tr>
-      </thead>
-      <tbody>{children}</tbody>
-    </Table>
-  )
-}
-
-export default TokenTable

package/.storybook/components/index.ts

@@ -1,8 +0,0 @@
-export { default as TokenTable } from './TokenTable'
-export { default as TokenRow } from './TokenRow'
-export { default as BestPractices } from './BestPractices'
-export { default as BestPracticesRule } from './BestPracticesRule'
-export { default as TokenDivider } from './TokenDivider'
-export { default as SectionList } from './SectionList'
-export { default as SectionItem } from './SectionItem'
-export { default as Callout } from './Callout'

package/.storybook/main.js

@@ -1,59 +0,0 @@
-const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin')
-const { resolve } = require('path')
-
-module.exports = {
-  stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'],
-  addons: [
-    '@storybook/addon-links',
-    {
-      name: '@storybook/addon-essentials',
-      options: {
-        backgrounds: false,
-        outline: false,
-      },
-    },
-    '@storybook/addon-a11y',
-  ],
-  framework: '@storybook/react',
-  core: {
-    builder: 'webpack5',
-  },
-  staticDirs: ['../public'],
-  webpackFinal: async (config) => {
-    config.module.rules[0].use[0].options.plugins.push(
-      require.resolve('@faststore/graphql-utils/babel')
-    )
-
-    config.resolve.plugins = [
-      ...(config.resolve.plugins || []),
-      new TsconfigPathsPlugin({
-        extensions: config.resolve.extensions,
-        configFile: resolve(__dirname, '../tsconfig.json'),
-      }),
-    ]
-
-    // SCSS import and camelCase support for CSS modules
-    config.module.rules.push({
-      test: /\.scss$/,
-      use: [
-        {
-          loader: 'style-loader',
-        },
-        {
-          loader: 'css-loader',
-          options: {
-            modules: {
-              exportLocalsConvention: 'camelCase',
-            },
-          },
-        },
-        {
-          loader: 'sass-loader',
-        },
-      ],
-      include: resolve(__dirname, '../'),
-    })
-
-    return config
-  },
-}

package/.storybook/manager-head.html

@@ -1,9 +0,0 @@
-<style>
-  #storybook-explorer-menu a:hover { background-color: #d8e2ff; }
-
-  #storybook-explorer-menu a[data-selected="true"],
-  #storybook-explorer-menu a[data-selected="true"]:hover {
-    color: #fff;
-    background-color: #001947;
-  }
-</style>

package/.storybook/manager.js

@@ -1,6 +0,0 @@
-import { addons } from '@storybook/addons'
-import customTheme from './theme'
-
-addons.setConfig({
-  theme: customTheme,
-})

package/.storybook/mocks/cart-sidebar.js

@@ -1,40 +0,0 @@
-export const cartItem = {
-  id: '39542524',
-  price: 656.5,
-  listPrice: 892.43,
-  seller: {
-    identifier: '1',
-  },
-  quantity: 1,
-  itemOffered: {
-    sku: '39542524',
-    name: 'pink',
-    gtin: '0001078884042',
-    image: [
-      {
-        url: 'https://storeframework.vtexassets.com/arquivos/ids/165082/sed.jpg?v=637752996157770000',
-        alternateName: 'accusamus',
-      },
-      {
-        url: 'https://storeframework.vtexassets.com/arquivos/ids/165079/quis.jpg?v=637752996135400000',
-        alternateName: 'dolorem',
-      },
-      {
-        url: 'https://storeframework.vtexassets.com/arquivos/ids/165080/tempora.jpg?v=637752996141030000',
-        alternateName: 'enim',
-      },
-      {
-        url: 'https://storeframework.vtexassets.com/arquivos/ids/165081/est.jpg?v=637752996144600000',
-        alternateName: 'ea',
-      },
-    ],
-    brand: {
-      name: 'iRobot',
-    },
-    isVariantOf: {
-      productGroupID: '99483893',
-      name: 'Tasty Concrete Computer',
-    },
-    additionalProperty: [],
-  },
-}

package/.storybook/mocks/filter-slider.js

@@ -1,59 +0,0 @@
-export const facets = [
-  {
-    key: 'price',
-    label: 'Preço',
-    min: {
-      selected: 1.67,
-      absolute: 1.67,
-    },
-    max: {
-      selected: 889.53,
-      absolute: 889.53,
-    },
-    __typename: 'StoreFacetRange',
-  },
-  {
-    key: 'category-2',
-    label: 'Categoria',
-    values: [
-      {
-        label: 'Chairs',
-        value: 'chairs',
-        selected: true,
-        quantity: 138,
-      },
-      {
-        label: 'Desks',
-        value: 'desks',
-        selected: false,
-        quantity: 125,
-      },
-    ],
-    __typename: 'StoreFacetBoolean',
-  },
-  {
-    key: 'brand',
-    label: 'Marca',
-    values: [
-      {
-        label: 'Acer',
-        value: 'acer',
-        selected: true,
-        quantity: 138,
-      },
-      {
-        label: 'Adidas',
-        value: 'adidas',
-        selected: false,
-        quantity: 121,
-      },
-      {
-        label: 'Nike',
-        value: 'nike',
-        selected: false,
-        quantity: 150,
-      },
-    ],
-    __typename: 'StoreFacetBoolean',
-  },
-]

package/.storybook/mocks/index.ts

@@ -1,5 +0,0 @@
-import './searchHistory'
-
-export { product } from './product'
-export { productGridItems } from './productGridItems'
-export { searchTerms } from './searchTerms'

package/.storybook/mocks/product.ts

@@ -1,67 +0,0 @@
-export const product = {
-  id: '99988212',
-  slug: 'apple-magic-mouse-99988212',
-  sku: '99988212',
-  brand: {
-    brandName: 'adidas',
-    name: 'adidas',
-  },
-  name: 'Magic white',
-  gtin: '1503',
-  isVariantOf: {
-    productGroupID: '99995945',
-    name: 'Apple Magic Mouse',
-  },
-  image: [
-    {
-      url: 'https://storeframework.vtexassets.com/arquivos/ids/190902/unsplash-magic-mouse.jpg?v=637800136963870000',
-      alternateName: 'Magicwhite',
-    },
-    {
-      url: 'https://storeframework.vtexassets.com/arquivos/ids/190923/lena-de-fanti-nQ_j5d-klVU-unsplash.jpg?v=637867501523500000',
-      alternateName: 'magicbox',
-    },
-    {
-      url: 'https://storeframework.vtexassets.com/arquivos/ids/190924/anthony-choren-e7dG26YCrZU-unsplash.jpg?v=637867501835430000',
-      alternateName: 'magicblackwhite',
-    },
-    {
-      url: 'https://storeframework.vtexassets.com/arquivos/ids/190925/maheshkumar-painam-GZdfLeL-MDk-unsplash.jpg?v=637867502064000000',
-      alternateName: 'magiccombo',
-    },
-    {
-      url: 'https://storeframework.vtexassets.com/arquivos/ids/190926/math-0U9fBLGP3EY-unsplash.jpg?v=637867502325830000',
-      alternateName: 'magicback',
-    },
-    {
-      url: 'https://storeframework.vtexassets.com/arquivos/ids/190927/marek-levak-YPeqMN_wfw0-unsplash.jpg?v=637867502641430000',
-      alternateName: 'magictable',
-    },
-    {
-      url: 'https://storeframework.vtexassets.com/arquivos/ids/190928/mouse8.jpg?v=637867504048970000',
-      alternateName: 'magichand',
-    },
-    {
-      url: 'https://storeframework.vtexassets.com/arquivos/ids/190929/harpal-singh-KuvEVL7lXYQ-unsplash.jpg?v=637867509459130000',
-      alternateName: 'magicstyle',
-    },
-    {
-      url: 'https://storeframework.vtexassets.com/arquivos/ids/190930/chris-hardy-182PzOtcmWc-unsplash.jpg?v=637867509778300000',
-      alternateName: 'magicscale',
-    },
-  ],
-  offers: {
-    lowPrice: 950,
-    offers: [
-      {
-        availability: 'https://schema.org/InStock',
-        price: 950,
-        listPrice: 999,
-        quantity: 10000,
-        seller: {
-          identifier: '1',
-        },
-      },
-    ],
-  },
-}