@faststore/components 3.0.75 → 3.0.77

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/cjs/molecules/SkuSelector/useSkuSlug.js +44 -1
  2. package/dist/cjs/molecules/SkuSelector/useSkuSlug.js.map +1 -1
  3. package/dist/esm/molecules/SkuSelector/useSkuSlug.js +44 -1
  4. package/dist/esm/molecules/SkuSelector/useSkuSlug.js.map +1 -1
  5. package/package.json +2 -2
  6. package/src/molecules/SkuSelector/useSkuSlug.ts +60 -5
package/dist/cjs/molecules/SkuSelector/useSkuSlug.js CHANGED
@@ -8,9 +8,52 @@ function getSkuSlug(slugsMap, selectedVariations, dominantVariation) {
8
8
  return slugsMap[slugsMapKey];
9
9
  }
10
10
  const possibleVariants = Object.keys(slugsMap);
11
- const firstVariationForDominantValue = possibleVariants.find((slug) => slug.includes(`${dominantVariation}-${selectedVariations[dominantVariation]}`));
11
+ const dominantVariationKeyValue = `${dominantVariation}-${selectedVariations[dominantVariation]}`;
12
+ const slugVariationsForDominantValue = possibleVariants.filter((slug) => slug.includes(dominantVariationKeyValue));
13
+ const firstVariationForDominantValue = slugVariationsForDominantValue.length > 1
14
+ ? getBestMatchVariation(slugVariationsForDominantValue, dominantVariationKeyValue)
15
+ : slugVariationsForDominantValue[0];
12
16
  return slugsMap[firstVariationForDominantValue ?? possibleVariants[0]];
13
17
  }
18
+ /**
19
+ * This function transforms a slug string into a record object.
20
+ * e.g. 'Color-Red-Size-40' => { Color: 'Red', Size: '40' }
21
+ * @param slug
22
+ * @returns the record object
23
+ */
24
+ function transformSkuVariationsSlugToRecord(slug) {
25
+ const obj = {};
26
+ const parts = slug.split('-');
27
+ for (let i = 0; i < parts.length; i += 2) {
28
+ const key = parts[i].trim();
29
+ const value = parts[i + 1] ? parts[i + 1].trim() : '';
30
+ obj[key] = value;
31
+ }
32
+ return obj;
33
+ }
34
+ /**
35
+ * This function receives a list of slug variations and a dominant variation key-value pair.
36
+ * It returns the exact match variation value for the dominant value.
37
+ * This happens when there are multiple variations filtered by the includes function (e.g. 7 is included in 7 and in 7.5).
38
+ *
39
+ *
40
+ * e.g. given the following params:
41
+ * slugVariationsForDominantValue = ['Color-Red-Size-7.5', 'Color-Blue-Size-7'],
42
+ * dominantVariationKeyValue = 'Size-7'.
43
+ *
44
+ * The function will return 'Color-Blue-Size-7'.
45
+ *
46
+ * @param slugVariationsForDominantValue
47
+ * @param dominantVariationKeyValue
48
+ * @returns the best match variation
49
+ */
50
+ function getBestMatchVariation(slugVariationsForDominantValue, dominantVariationKeyValue) {
51
+ const [dominantKey, dominantValue] = dominantVariationKeyValue.split('-');
52
+ return slugVariationsForDominantValue.find((slug) => {
53
+ const slugRecord = transformSkuVariationsSlugToRecord(slug);
54
+ return slugRecord[dominantKey] === dominantValue;
55
+ });
56
+ }
14
57
  const useSkuSlug = (activeVariations, slugsMap, skuPropertyName, getItemHrefProp) => {
15
58
  const getItemHref = (0, react_1.useCallback)((option) => {
16
59
  if (getItemHrefProp)
package/dist/cjs/molecules/SkuSelector/useSkuSlug.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useSkuSlug.js","sourceRoot":"","sources":["../../../../src/molecules/SkuSelector/useSkuSlug.ts"],"names":[],"mappings":";;;AAAA,iCAAmC;AAGnC,SAAS,UAAU,CACjB,QAAgC,EAChC,kBAA0C,EAC1C,iBAAyB;IAEzB,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAEvE,IAAI,WAAW,IAAI,QAAQ,EAAE;QAC3B,OAAO,QAAQ,CAAC,WAAW,CAAC,CAAA;KAC7B;IAED,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IAE9C,MAAM,8BAA8B,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CACpE,IAAI,CAAC,QAAQ,CACX,GAAG,iBAAiB,IAAI,kBAAkB,CAAC,iBAAiB,CAAC,EAAE,CAChE,CACF,CAAA;IAED,OAAO,QAAQ,CAAC,8BAA8B,IAAI,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAA;AACxE,CAAC;AAEM,MAAM,UAAU,GAAG,CACxB,gBAAwC,EACxC,QAAgC,EAChC,eAAuB,EACvB,eAA+C,EAC/C,EAAE;IACF,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,CAAC,MAAiB,EAAE,EAAE;QACpB,IAAG,eAAe;YAAE,OAAO,EAAE,eAAe,EAAE,CAAA;QAE9C,MAAM,eAAe,GAAG,IAAI,UAAU,CACpC,QAAQ,EACR;YACE,GAAG,gBAAgB;YACnB,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC,KAAK;SAChC,EACD,eAAe,CAChB,IAAI,CAAA;QACL,OAAO,eAAe,CAAA;IACxB,CAAC,EACD,CAAC,gBAAgB,EAAE,eAAe,EAAE,QAAQ,EAAE,eAAe,CAAC,CAC/D,CAAA;IACD,OAAO,EAAE,WAAW,EAAE,CAAA;AACxB,CAAC,CAAA;AAvBY,QAAA,UAAU,cAuBtB"}
1
+ {"version":3,"file":"useSkuSlug.js","sourceRoot":"","sources":["../../../../src/molecules/SkuSelector/useSkuSlug.ts"],"names":[],"mappings":"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"}
package/dist/esm/molecules/SkuSelector/useSkuSlug.js CHANGED
@@ -5,9 +5,52 @@ function getSkuSlug(slugsMap, selectedVariations, dominantVariation) {
5
5
  return slugsMap[slugsMapKey];
6
6
  }
7
7
  const possibleVariants = Object.keys(slugsMap);
8
- const firstVariationForDominantValue = possibleVariants.find((slug) => slug.includes(`${dominantVariation}-${selectedVariations[dominantVariation]}`));
8
+ const dominantVariationKeyValue = `${dominantVariation}-${selectedVariations[dominantVariation]}`;
9
+ const slugVariationsForDominantValue = possibleVariants.filter((slug) => slug.includes(dominantVariationKeyValue));
10
+ const firstVariationForDominantValue = slugVariationsForDominantValue.length > 1
11
+ ? getBestMatchVariation(slugVariationsForDominantValue, dominantVariationKeyValue)
12
+ : slugVariationsForDominantValue[0];
9
13
  return slugsMap[firstVariationForDominantValue ?? possibleVariants[0]];
10
14
  }
15
+ /**
16
+ * This function transforms a slug string into a record object.
17
+ * e.g. 'Color-Red-Size-40' => { Color: 'Red', Size: '40' }
18
+ * @param slug
19
+ * @returns the record object
20
+ */
21
+ function transformSkuVariationsSlugToRecord(slug) {
22
+ const obj = {};
23
+ const parts = slug.split('-');
24
+ for (let i = 0; i < parts.length; i += 2) {
25
+ const key = parts[i].trim();
26
+ const value = parts[i + 1] ? parts[i + 1].trim() : '';
27
+ obj[key] = value;
28
+ }
29
+ return obj;
30
+ }
31
+ /**
32
+ * This function receives a list of slug variations and a dominant variation key-value pair.
33
+ * It returns the exact match variation value for the dominant value.
34
+ * This happens when there are multiple variations filtered by the includes function (e.g. 7 is included in 7 and in 7.5).
35
+ *
36
+ *
37
+ * e.g. given the following params:
38
+ * slugVariationsForDominantValue = ['Color-Red-Size-7.5', 'Color-Blue-Size-7'],
39
+ * dominantVariationKeyValue = 'Size-7'.
40
+ *
41
+ * The function will return 'Color-Blue-Size-7'.
42
+ *
43
+ * @param slugVariationsForDominantValue
44
+ * @param dominantVariationKeyValue
45
+ * @returns the best match variation
46
+ */
47
+ function getBestMatchVariation(slugVariationsForDominantValue, dominantVariationKeyValue) {
48
+ const [dominantKey, dominantValue] = dominantVariationKeyValue.split('-');
49
+ return slugVariationsForDominantValue.find((slug) => {
50
+ const slugRecord = transformSkuVariationsSlugToRecord(slug);
51
+ return slugRecord[dominantKey] === dominantValue;
52
+ });
53
+ }
11
54
  export const useSkuSlug = (activeVariations, slugsMap, skuPropertyName, getItemHrefProp) => {
12
55
  const getItemHref = useCallback((option) => {
13
56
  if (getItemHrefProp)
package/dist/esm/molecules/SkuSelector/useSkuSlug.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useSkuSlug.js","sourceRoot":"","sources":["../../../../src/molecules/SkuSelector/useSkuSlug.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAGnC,SAAS,UAAU,CACjB,QAAgC,EAChC,kBAA0C,EAC1C,iBAAyB;IAEzB,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAEvE,IAAI,WAAW,IAAI,QAAQ,EAAE;QAC3B,OAAO,QAAQ,CAAC,WAAW,CAAC,CAAA;KAC7B;IAED,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IAE9C,MAAM,8BAA8B,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CACpE,IAAI,CAAC,QAAQ,CACX,GAAG,iBAAiB,IAAI,kBAAkB,CAAC,iBAAiB,CAAC,EAAE,CAChE,CACF,CAAA;IAED,OAAO,QAAQ,CAAC,8BAA8B,IAAI,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAA;AACxE,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,gBAAwC,EACxC,QAAgC,EAChC,eAAuB,EACvB,eAA+C,EAC/C,EAAE;IACF,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,MAAiB,EAAE,EAAE;QACpB,IAAG,eAAe;YAAE,OAAO,EAAE,eAAe,EAAE,CAAA;QAE9C,MAAM,eAAe,GAAG,IAAI,UAAU,CACpC,QAAQ,EACR;YACE,GAAG,gBAAgB;YACnB,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC,KAAK;SAChC,EACD,eAAe,CAChB,IAAI,CAAA;QACL,OAAO,eAAe,CAAA;IACxB,CAAC,EACD,CAAC,gBAAgB,EAAE,eAAe,EAAE,QAAQ,EAAE,eAAe,CAAC,CAC/D,CAAA;IACD,OAAO,EAAE,WAAW,EAAE,CAAA;AACxB,CAAC,CAAA"}
1
+ {"version":3,"file":"useSkuSlug.js","sourceRoot":"","sources":["../../../../src/molecules/SkuSelector/useSkuSlug.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@faststore/components",
3
- "version": "3.0.75",
3
+ "version": "3.0.77",
4
4
  "main": "dist/cjs/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "typings": "dist/esm/index.d.ts",
@@ -49,5 +49,5 @@
49
49
  "volta": {
50
50
  "extends": "../../package.json"
51
51
  },
52
- "gitHead": "7f2d9f2ff3c78082aff7e7c75f920e007af5bccc"
52
+ "gitHead": "c03af091effe1a702a2cab6afe2e67fbb783d5dc"
53
53
  }
package/src/molecules/SkuSelector/useSkuSlug.ts CHANGED
@@ -14,15 +14,70 @@ function getSkuSlug(
14
14
 
15
15
  const possibleVariants = Object.keys(slugsMap)
16
16
 
17
- const firstVariationForDominantValue = possibleVariants.find((slug) =>
18
- slug.includes(
19
- `${dominantVariation}-${selectedVariations[dominantVariation]}`
20
- )
17
+ const dominantVariationKeyValue = `${dominantVariation}-${selectedVariations[dominantVariation]}`
18
+
19
+ const slugVariationsForDominantValue = possibleVariants.filter((slug) =>
20
+ slug.includes(dominantVariationKeyValue)
21
21
  )
22
22
 
23
+ const firstVariationForDominantValue =
24
+ slugVariationsForDominantValue.length > 1
25
+ ? getBestMatchVariation(
26
+ slugVariationsForDominantValue,
27
+ dominantVariationKeyValue
28
+ )
29
+ : slugVariationsForDominantValue[0]
30
+
23
31
  return slugsMap[firstVariationForDominantValue ?? possibleVariants[0]]
24
32
  }
25
33
 
34
+ /**
35
+ * This function transforms a slug string into a record object.
36
+ * e.g. 'Color-Red-Size-40' => { Color: 'Red', Size: '40' }
37
+ * @param slug
38
+ * @returns the record object
39
+ */
40
+ function transformSkuVariationsSlugToRecord(slug: string) {
41
+ const obj = {} as Record<string, string>
42
+ const parts = slug.split('-')
43
+
44
+ for (let i = 0; i < parts.length; i += 2) {
45
+ const key = parts[i].trim()
46
+ const value = parts[i + 1] ? parts[i + 1].trim() : ''
47
+ obj[key] = value
48
+ }
49
+ return obj
50
+ }
51
+
52
+ /**
53
+ * This function receives a list of slug variations and a dominant variation key-value pair.
54
+ * It returns the exact match variation value for the dominant value.
55
+ * This happens when there are multiple variations filtered by the includes function (e.g. 7 is included in 7 and in 7.5).
56
+ *
57
+ *
58
+ * e.g. given the following params:
59
+ * slugVariationsForDominantValue = ['Color-Red-Size-7.5', 'Color-Blue-Size-7'],
60
+ * dominantVariationKeyValue = 'Size-7'.
61
+ *
62
+ * The function will return 'Color-Blue-Size-7'.
63
+ *
64
+ * @param slugVariationsForDominantValue
65
+ * @param dominantVariationKeyValue
66
+ * @returns the best match variation
67
+ */
68
+ function getBestMatchVariation(
69
+ slugVariationsForDominantValue: string[],
70
+ dominantVariationKeyValue: string
71
+ ) {
72
+ const [dominantKey, dominantValue] = dominantVariationKeyValue.split('-')
73
+
74
+ return slugVariationsForDominantValue.find((slug) => {
75
+ const slugRecord = transformSkuVariationsSlugToRecord(slug)
76
+
77
+ return slugRecord[dominantKey] === dominantValue
78
+ })
79
+ }
80
+
26
81
  export const useSkuSlug = (
27
82
  activeVariations: Record<string, string>,
28
83
  slugsMap: Record<string, string>,
@@ -31,7 +86,7 @@ export const useSkuSlug = (
31
86
  ) => {
32
87
  const getItemHref = useCallback(
33
88
  (option: SkuOption) => {
34
- if(getItemHrefProp) return { getItemHrefProp }
89
+ if (getItemHrefProp) return { getItemHrefProp }
35
90
 
36
91
  const currentItemHref = `/${getSkuSlug(
37
92
  slugsMap,