crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-18 07:26:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

CKAD-129-Product-details-variants-adding-color-and-size

Browse Source
This commit is contained in:
Aditya 2021-12-23 18:42:25 +05:30
parent 737612656f
commit 3719bb92cd
1 changed files with 110 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

134
framework/elasticpath/utils/normalize.ts
View File

@ -7,7 +7,7 @@ const Moltin = MoltinGateway({
import { Product, ProductImage } from '@commerce/types/product' import { Product, ProductImage } from '@commerce/types/product'
const getPrices = (prices:any) => { const getPrices = (prices:any) => {
if(!prices) { if(!prices) {
return [{ return [{
"value": 0, "value": 0,
@ -28,7 +28,7 @@ const getPrices = (prices:any) => {
async function normalizeProductImages (product:any, allImages?:boolean): Promise< ProductImage[]> { async function normalizeProductImages (product:any, allImages?:boolean): Promise< ProductImage[]> {
let fileCalls = [], let fileCalls = [],
fileData = product.relationships?.files?.data || []; fileData = product?.relationships?.files?.data || [];
for(let {id} of fileData) { for(let {id} of fileData) {
@ -57,34 +57,120 @@ async function normalizeProductImages (product:any, allImages?:boolean): Promise
} }
} }
export const normalizeProduct = async(product:any, allImages?: boolean) => { const getVariants = (variations: any) => {
return {
"id": product.id, let allVariants: any = [
"name": product.attributes?.name, {
"path": "/"+product.attributes?.slug, "id": '',
"slug": product.attributes?.slug, "options": []
"price": getPrices(product.attributes?.price)[0], },
"description": product.attributes?.description, {
"images": await normalizeProductImages(product, allImages), "id": '',
"variants": [ "options": []
{ }
id: '', ]
options: [{
id: '', if(variations){
displayName: '', for(let i in variations){
values: [{ if(variations[i] !== 'undefined'){
label: '' if(variations[i].name === 'Color'){
}] allVariants[i].id = variations[i].id;
}] variations[i].options.map((opt: any) => {
allVariants[i].options.push({
"id": opt.id,
"displayName": opt.name,
"values": [{
"label": opt.name.toLowerCase(),
"hexColors": [opt.name]
}]
})
})
}
if(variations[i].name === 'Size'){
allVariants[i].id = variations[i].id;
variations[i].options.map((opt: any) => {
allVariants[i].options.push({
"id": opt.id,
"displayName": opt.name,
"values": [{
"label": opt.name.length > 2 ? opt.name.slice(0, 1) : opt.name
}]
})
})
}
} }
], }
"options": [] }
return allVariants
}
const getOptions = (variations: any) => {
let allOptions: any = [
{
"id": '',
"displayName": '',
"values": []
},
{
"id": '',
"displayName": '',
"values": []
}
]
if(variations){
for(let i in variations){
if(variations[i] !== 'undefined'){
variations[i].options.map((opt: any) => {
if(variations[i].name === 'Color'){
allOptions[i].id = variations[i].id;
allOptions[i].displayName = variations[i].name;
allOptions[i].values.push({
"label": opt.name.toLowerCase(),
"hexColors": [opt.name]
})
}
if(variations[i].name === 'Size'){
allOptions[i].id = variations[i].id;
allOptions[i].displayName = variations[i].name;
allOptions[i].values.push({
"label": opt.name.slice(0, 1)
})
}
})
}
}
return allOptions;
}
}
export const normalizeProduct = async(product:any, allImages?: boolean) => {
let emptyVariant: any = [
{
"id": '',
"options": []
}
]
let emptyOption: any = []
return {
"id": product?.id,
"name": product?.attributes?.name,
"path": "/"+product?.attributes?.slug,
"slug": product?.attributes?.slug,
"price": getPrices(product?.attributes?.price)[0],
"description": product?.attributes?.description,
"images": await normalizeProductImages(product, allImages),
"variants": (product?.meta?.variations) ? getVariants(product?.meta?.variations) : emptyVariant,
"options": (product?.meta?.variations) ? getOptions(product?.meta?.variations) : emptyOption
} }
}; };
const normalizeProducts = async(products:any) => { const normalizeProducts = async(products:any) => {
let allProducts:Product[] = []; let allProducts:Product[] = [];
for (let index in products) { for (let index in products) {
let product = products[index]; let product = products[index];
allProducts.push(await normalizeProduct(product)); allProducts.push(await normalizeProduct(product));