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

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

@ -28,7 +28,7 @@ const getPrices = (prices:any) => {
async function normalizeProductImages (product:any, allImages?:boolean): Promise< ProductImage[]> {
let fileCalls = [],
fileData = product.relationships?.files?.data || [];
fileData = product?.relationships?.files?.data || [];
for(let {id} of fileData) {
@ -57,28 +57,114 @@ async function normalizeProductImages (product:any, allImages?:boolean): Promise
}
}
export const normalizeProduct = async(product:any, allImages?: boolean) => {
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": [
{
id: '',
options: [{
id: '',
displayName: '',
values: [{
label: ''
}]
}]
const getVariants = (variations: any) => {
let allVariants: any = [
{
"id": '',
"options": []
},
{
"id": '',
"options": []
}
]
if(variations){
for(let i in variations){
if(variations[i] !== 'undefined'){
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
}
};