saleor-dashboard/src/fragments/products.ts
mmarkusik 8fe66a3bde
Add channel shipping zones (#1015)
* Add naked input option to SingleAutocompleteSelectField and update it's stories

* Add new icons - chevron up, down & trash

* Add deletable item component and stories

* Add card add items footer component to be used in warehouses and product stocks assign

* Update schema and types

* Add shipping zones card components

* Update channel details page form to also include shipping zones

* Update makeTopLevelSearch hook files directory and add getSearchFetchMoreProps function to avoid extracting it manually every time

* Update channels types & fragments

* Move getDefaultNotifierSuccessErrorData function to useNotifier utils, update dir etc., also make order discount provider use it from the new dir

* Add shippinh zone to channel update and create and add shipping zone search

* Update messages

* Fix types

* Fix lint, types etc

* Small refactor from review and quick fix styles of shipping zones card

* Refactor a bit and update snapshots

* Refactor a bit and update snapshots

* Addd / refactor channels availability components

* Add useChannelsWithProductVariants hook with utils and types

* Add / refactor more channels availability components

* Move avatar from table cell avatar to separate component for it to be usable outside of tables

* Add channels with variants logic to product create and update pages & views

* Refactor components to use updated channels availability components

* Remove unnecessary comments

* Update storybook

* Update types

* Update messages

* Fix prices for variants / simple product not uodating properly

* Post merge cleanup, update schema, types, etc.

* Change shipping zone details warehouses card into settings card and add ability to assign channels to shipping zone

* Update types

* Update snapshots

* Fix selecting / deselecting all channels in channels with variants modal

* Fixes after review, some types changes etc.

* Update snapshots

* Small types fixes

* Make price rates views use parent shipping method channels instead of all

* Make price rates views use parent shipping method channels instead of all

* Update types

* Fix bugs

* Fixes after review

* Fix channels availability data submission

* Fix lint

* Fix variant pricing card showing not related channels

* Fixes after review

* Fix types

* Hide unaviable variants in add products to draft order dialog

* Fix channels with variants availability modal showing confirm button as enabled when it shouldn't

* Fix types

* Update semi checked icon to match old designs

* Update types

* Update channels icon in channels with variants availability

* Fix product cypress test after product channels mutation changed

* Fix trash and chevron down colors in dark mode

* Fix shipping zones card footer not updating query after click away

* Fix types in schema, add condition not to display shipping zones select in channel details if all zones have already been selected

* Fix products adding in order draft dialog

* Fix simple productupdate

* Update snapshots after merge with master

* Update messages

* Fix product api request for cypress

* Add missing test id

* Fix selecting if product is simple -> form being submitted with empty data sometimes

* Update snapshots, messages and add fix for invalid date at product update

* Remove unnecessary imports

* Fix failing test in saleor 2552 (#1061)

* fix

* fix

* fix

Co-authored-by: Jakub Majorek <majorek.jakub@gmail.com>
Co-authored-by: Karolina <rakoczy.karolina@gmail.com>
2021-04-14 15:44:25 +02:00

347 lines
6.1 KiB
TypeScript

import gql from "graphql-tag";
import { attributeValueFragment } from "./attributes";
import { metadataFragment } from "./metadata";
import { taxTypeFragment } from "./taxes";
import { weightFragment } from "./weight";
export const stockFragment = gql`
fragment StockFragment on Stock {
id
quantity
quantityAllocated
warehouse {
id
name
}
}
`;
export const fragmentMoney = gql`
fragment Money on Money {
amount
currency
}
`;
export const priceRangeFragment = gql`
${fragmentMoney}
fragment PriceRangeFragment on TaxedMoneyRange {
start {
net {
...Money
}
}
stop {
net {
...Money
}
}
}
`;
export const fragmentProductMedia = gql`
fragment ProductMediaFragment on ProductMedia {
id
alt
sortOrder
url
type
oembedData
}
`;
export const channelListingProductWithoutPricingFragment = gql`
fragment ChannelListingProductWithoutPricingFragment on ProductChannelListing {
isPublished
publicationDate
isAvailableForPurchase
availableForPurchase
visibleInListings
channel {
id
name
currencyCode
}
}
`;
export const channelListingProductFragment = gql`
${priceRangeFragment}
${channelListingProductWithoutPricingFragment}
fragment ChannelListingProductFragment on ProductChannelListing {
...ChannelListingProductWithoutPricingFragment
pricing {
priceRange {
...PriceRangeFragment
}
}
}
`;
export const channelListingProductVariantFragment = gql`
${fragmentMoney}
fragment ChannelListingProductVariantFragment on ProductVariantChannelListing {
channel {
id
name
currencyCode
}
price {
...Money
}
costPrice {
...Money
}
}
`;
export const productFragment = gql`
${channelListingProductFragment}
fragment ProductFragment on Product {
id
name
thumbnail {
url
}
productType {
id
name
hasVariants
}
channelListings {
...ChannelListingProductFragment
}
}
`;
export const productVariantAttributesFragment = gql`
${priceRangeFragment}
${attributeValueFragment}
fragment ProductVariantAttributesFragment on Product {
id
attributes {
attribute {
id
slug
name
inputType
entityType
valueRequired
values {
...AttributeValueFragment
}
}
values {
...AttributeValueFragment
}
}
productType {
id
variantAttributes(variantSelection: VARIANT_SELECTION) {
id
name
values {
...AttributeValueFragment
}
}
}
channelListings {
channel {
id
name
currencyCode
}
pricing {
priceRange {
...PriceRangeFragment
}
}
}
}
`;
export const productFragmentDetails = gql`
${fragmentProductMedia}
${productVariantAttributesFragment}
${stockFragment}
${weightFragment}
${metadataFragment}
${taxTypeFragment}
${channelListingProductFragment}
${channelListingProductVariantFragment}
fragment Product on Product {
...ProductVariantAttributesFragment
...MetadataFragment
name
slug
description
seoTitle
seoDescription
rating
defaultVariant {
id
}
category {
id
name
}
collections {
id
name
}
chargeTaxes
channelListings {
...ChannelListingProductFragment
}
media {
...ProductMediaFragment
}
isAvailable
variants {
id
sku
name
margin
media {
url(size: 200)
}
stocks {
...StockFragment
}
trackInventory
channelListings {
...ChannelListingProductVariantFragment
}
}
productType {
id
name
hasVariants
taxType {
...TaxTypeFragment
}
}
weight {
...WeightFragment
}
taxType {
...TaxTypeFragment
}
}
`;
export const variantAttributeFragment = gql`
${attributeValueFragment}
fragment VariantAttributeFragment on Attribute {
id
name
slug
inputType
entityType
valueRequired
values {
...AttributeValueFragment
}
}
`;
export const selectedVariantAttributeFragment = gql`
${attributeValueFragment}
${variantAttributeFragment}
fragment SelectedVariantAttributeFragment on SelectedAttribute {
attribute {
...VariantAttributeFragment
}
values {
...AttributeValueFragment
}
}
`;
export const fragmentVariant = gql`
${fragmentProductMedia}
${selectedVariantAttributeFragment}
${priceRangeFragment}
${fragmentProductMedia}
${stockFragment}
${weightFragment}
${metadataFragment}
${channelListingProductVariantFragment}
fragment ProductVariant on ProductVariant {
id
...MetadataFragment
selectionAttributes: attributes(variantSelection: VARIANT_SELECTION) {
...SelectedVariantAttributeFragment
}
nonSelectionAttributes: attributes(
variantSelection: NOT_VARIANT_SELECTION
) {
...SelectedVariantAttributeFragment
}
media {
id
url
type
oembedData
}
name
product {
id
defaultVariant {
id
}
media {
...ProductMediaFragment
}
name
thumbnail {
url
}
channelListings {
channel {
id
name
currencyCode
}
pricing {
priceRange {
...PriceRangeFragment
}
}
}
variants {
id
name
sku
media {
id
url
type
oembedData
}
}
defaultVariant {
id
}
}
channelListings {
...ChannelListingProductVariantFragment
}
sku
stocks {
...StockFragment
}
trackInventory
weight {
...WeightFragment
}
}
`;
export const exportFileFragment = gql`
fragment ExportFileFragment on ExportFile {
id
status
url
}
`;