rerobe-js-orm 4.0.4 → 4.0.5

package/lib/factories/Product/ProductFromFormState.js

@@ -43,6 +43,8 @@ class ProductFromFormState extends ProductFactory_1.default {
             brand: props.fields.brand.selectedValue,
             measurementCategory: props.fields.measurementCategory.selectedValue,
             size: props.fields.size.selectedValue,
+            standardSize: props.fields.standardSize.selectedValue,
+            internationalSize: props.fields.internationalSize.selectedValue,
             clothingSize: props.fields.clothingSize.selectedValues,
             jeanSize: props.fields.jeanSize.selectedValue,
             shoeSize: props.fields.shoeSize.selectedValue,

package/lib/form-states/Product/ProductFormState.d.ts

@@ -12,6 +12,9 @@ export default class ProductFormState extends FormState {
         taxonomy: {
             [key: string]: any;
         };
+        sizeTaxonomy: {
+            [key: string]: any;
+        };
         brands: string[];
         colors: string[];
         sizes: string[];
@@ -48,6 +51,10 @@ export default class ProductFormState extends FormState {
     private setProductTypesFromPassedOptions;
     private setProductStylesFromCategoryAndType;
     private setProductStylesFromPassedOptions;
+    private measurementCategorySelectHandler;
+    private setStandardSizeOptionsFromGenderAndMeasurementCategory;
+    private standardSizeSelectHandler;
+    private setInternationalSizeOptionsFromPassedOptions;
     private discountTypeChangeHandler;
     private discountValueChangeHandler;
     private calculateSalePrice;

package/lib/form-states/Product/ProductFormState.js

@@ -32,6 +32,8 @@ class ProductFormState extends FormState_1.default {
         this.fields.brand = this.fieldFactory('singleSelect', 'brand', options_1.brands);
         this.fields.measurementCategory = this.fieldFactory('singleSelect', 'measurementCategory', options_1.measurementCategoryOptions);
         this.fields.size = this.fieldFactory('singleSelect', 'size', options_1.clothingSizeOptions);
+        this.fields.standardSize = this.fieldFactory('singleSelect', 'standardSize', options_1.clothingSizeOptions);
+        this.fields.internationalSize = this.fieldFactory('singleSelect', 'internationalSize', []);
         this.fields.color = this.fieldFactory('singleSelect', 'color', options_1.colors);
         this.fields.condition = this.fieldFactory('singleSelect', 'condition', options_1.conditions);
         this.fields.gender = this.fieldFactory('singleSelect', 'gender', options_1.genderOptions);
@@ -433,6 +435,88 @@ class ProductFormState extends FormState_1.default {
         }
         return options;
     }
+    measurementCategorySelectHandler(value) {
+        // Mutate measurementCategory selectedValue and valid prop
+        this.fields.measurementCategory.selectedValue = value;
+        this.fields.measurementCategory.valid = !!value;
+        // Update standardSize fields based on new measurementCategory value and selected gender
+        this.fields.standardSize.options = this.setStandardSizeOptionsFromGenderAndMeasurementCategory(value, this.fields.gender.selectedValue);
+        this.fields.standardSize.hidden = !value;
+        this.fields.standardSize.valid = false;
+        this.fields.standardSize.selectedValue = '';
+        // Reset International Sizes
+        this.fields.internationalSize.options = [];
+        this.fields.internationalSize.selectedValue = '';
+        this.fields.internationalSize.valid = false;
+        this.fields.internationalSize.hidden = !value;
+    }
+    setStandardSizeOptionsFromGenderAndMeasurementCategory(measurementCategory, genderSelected) {
+        let options = [
+            'One Size',
+            'Adjustable',
+            'XS',
+            'S',
+            'M',
+            'L',
+            'XL',
+            'XXL',
+            '3XL',
+        ].map((v) => ({ label: v, value: v, internationalSizes: [] }));
+        if (measurementCategory &&
+            genderSelected &&
+            this.opts &&
+            this.opts.sizeTaxonomy &&
+            Object.keys(this.opts.sizeTaxonomy).length > 0) {
+            const t = this.opts.sizeTaxonomy;
+            const { [genderSelected]: { [measurementCategory]: standardSizeArr = [] } = {} } = t;
+            options = standardSizeArr;
+        }
+        let selectedStandardSizeOptions = [];
+        if (this.props.standardSize) {
+            selectedStandardSizeOptions = [
+                { label: this.props.standardSize, value: this.props.standardSize, internationalSizes: [] },
+            ];
+            if (!options.map((o) => o.value).includes(this.props.standardSize)) {
+                options.splice(0, 0, ...selectedStandardSizeOptions);
+            }
+        }
+        return options;
+    }
+    standardSizeSelectHandler(value) {
+        // Mutate standardSize selectedValue and valid prop
+        this.fields.standardSize.selectedValue = value;
+        this.fields.standardSize.valid = !!value;
+        // Update internationalSizes fields based on selected value and measurementCategory selected
+        // and resets other props
+        this.fields.internationalSize.options = this.setInternationalSizeOptionsFromPassedOptions(this.fields.measurementCategory.selectedValue, value);
+        this.fields.internationalSize.selectedValue = '';
+        this.fields.internationalSize.valid = false;
+        this.fields.internationalSize.hidden = false;
+    }
+    setInternationalSizeOptionsFromPassedOptions(measurementCategory, standardSize) {
+        let options = [];
+        if (this.opts &&
+            this.opts.sizeTaxonomy &&
+            Object.keys(this.opts.sizeTaxonomy).length > 0 &&
+            measurementCategory &&
+            standardSize) {
+            const t = this.opts.sizeTaxonomy;
+            const genderSelected = this.fields.gender.selectedValue;
+            const { [genderSelected]: { [measurementCategory]: standardSizeArr = [] } = {} } = t;
+            const [sSize] = standardSizeArr.filter((p) => p.value === standardSize);
+            if (sSize) {
+                options = sSize.internationalSizes.map((s) => ({ label: s, value: s }));
+            }
+        }
+        let selectedInternationalSizeOptions = [];
+        if (this.props.internationalSize) {
+            selectedInternationalSizeOptions = [{ label: this.props.internationalSize, value: this.props.internationalSize }];
+            if (!options.map((o) => o.value).includes(this.props.internationalSize)) {
+                options.splice(0, 0, ...selectedInternationalSizeOptions);
+            }
+        }
+        return options;
+    }
     discountTypeChangeHandler(val) {
         const prevVal = this.fields.discountType.selectedValue;
         if (val === 'amount' && prevVal === 'percentage' && this.fields.discountValue.inputValue) {
@@ -562,6 +646,25 @@ class ProductFormState extends FormState_1.default {
                 hidden = !this.props.productCategory;
                 onChangeHandler = (val) => this.productTypeSelectHandler(val);
             }
+            if (fieldKey === 'measurementCategory') {
+                let selectedOptions = [];
+                if (this.props.measurementCategory) {
+                    selectedOptions = [{ label: this.props.measurementCategory, value: this.props.measurementCategory }];
+                    if (!options.map((o) => o.value).includes(this.props.measurementCategory)) {
+                        options.splice(0, 0, ...selectedOptions);
+                    }
+                }
+                onChangeHandler = (val) => this.measurementCategorySelectHandler(val);
+            }
+            if (fieldKey === 'standardSize') {
+                options = this.setStandardSizeOptionsFromGenderAndMeasurementCategory(this.props.measurementCategory, this.props.gender);
+                hidden = !(this.props.measurementCategory && this.props.standardSize);
+                onChangeHandler = (val) => this.standardSizeSelectHandler(val);
+            }
+            if (fieldKey === 'internationalSize') {
+                options = this.setInternationalSizeOptionsFromPassedOptions(this.props.measurementCategory, this.props.standardSize);
+                hidden = !(this.props.measurementCategory && this.props.standardSize);
+            }
             if (fieldKey === 'size') {
                 let selectedSizeOptions = [];
                 if (this.props.size) {
@@ -639,15 +742,6 @@ class ProductFormState extends FormState_1.default {
                     }
                 }
             }
-            if (fieldKey === 'measurementCategory') {
-                let selectedOptions = [];
-                if (this.props.measurementCategory) {
-                    selectedOptions = [{ label: this.props.measurementCategory, value: this.props.measurementCategory }];
-                    if (!options.map((o) => o.value).includes(this.props.measurementCategory)) {
-                        options.splice(0, 0, ...selectedOptions);
-                    }
-                }
-            }
             if (fieldKey === 'primaryAgeCategory') {
                 let selectedPrimaryAgeCategoryOptions = [];
                 if (this.props.primaryAgeCategory) {

package/lib/models/Product.d.ts

@@ -23,6 +23,8 @@ export default class Product extends Base {
         brand: string;
         color: string;
         size: string;
+        standardSize: string;
+        internationalSize: string;
         materialComposition: MaterialComposition;
         salePrice: string;
         isOnSale: string;

package/lib/models/Product.js

@@ -50,6 +50,8 @@ class Product extends Base_1.default {
             jeanSize: (props === null || props === void 0 ? void 0 : props.jeanSize) || '',
             shoeSize: (props === null || props === void 0 ? void 0 : props.shoeSize) || '',
             size: (props === null || props === void 0 ? void 0 : props.size) || '',
+            standardSize: this.utilities.sanitizeString(props === null || props === void 0 ? void 0 : props.standardSize) || '',
+            internationalSize: this.utilities.sanitizeString(props === null || props === void 0 ? void 0 : props.internationalSize) || '',
             measurementCategory: (props === null || props === void 0 ? void 0 : props.measurementCategory) || '',
             productCategory: (props === null || props === void 0 ? void 0 : props.productCategory) || '',
             productType: (props === null || props === void 0 ? void 0 : props.productType) || '',
@@ -290,6 +292,8 @@ class Product extends Base_1.default {
         const stagedObj = {
             brand: this.utilities.sanitizeString(this.filterAttributes.brand),
             size: this.utilities.sanitizeString(this.filterAttributes.size),
+            standardSize: this.utilities.sanitizeString(this.filterAttributes.standardSize),
+            internationalSize: this.utilities.sanitizeString(this.filterAttributes.standardSize),
             clothingSize: this.utilities.sanitzeStringArr(this.filterAttributes.clothingSize),
             jeanSize: this.utilities.sanitizeString(this.filterAttributes.jeanSize),
             shoeSize: this.utilities.sanitizeString(this.filterAttributes.shoeSize),
@@ -403,6 +407,8 @@ class Product extends Base_1.default {
             brand: this.filterAttributes.brand,
             color: this.filterAttributes.color,
             size: this.filterAttributes.size,
+            standardSize: this.filterAttributes.standardSize,
+            internationalSize: this.filterAttributes.internationalSize,
             materialComposition: this.filterAttributes.materialComposition,
             salePrice: this.consignmentAttributes.salePrice,
             isOnSale: this.consignmentAttributes.isOnSale,
@@ -629,30 +635,21 @@ class Product extends Base_1.default {
                 },
                 {
                     facet: true,
-                    name: 'clothingSize',
-                    type: 'string[]',
-                },
-                {
-                    facet: true,
-                    name: 'jeanSize',
+                    name: 'standardSize',
                     type: 'string',
+                    optional: true,
                 },
                 {
                     facet: true,
-                    name: 'shoeSize',
+                    name: 'internationalSize',
                     type: 'string',
+                    optional: true,
                 },
                 {
                     facet: true,
                     name: 'condition',
                     type: 'string',
                 },
-                {
-                    facet: true,
-                    optional: true,
-                    name: 'featuredCollections',
-                    type: 'string[]',
-                },
                 {
                     facet: true,
                     optional: true,

package/lib/types/rerobe-product-types.d.ts

@@ -35,6 +35,8 @@ type ProductFilterAttributes = {
     documentId: string;
     brand: string;
     size: string;
+    standardSize: string;
+    internationalSize: string;
     clothingSize: string[];
     shoeSize: string;
     jeanSize: string;
@@ -175,6 +177,8 @@ type ProductAttributesFormFields = {
 type ProductFilterAttributesFormFields = {
     brand: SingleSelectFormField<string>;
     size: SingleSelectFormField<string>;
+    standardSize: SingleSelectFormField<string>;
+    internationalSize: SingleSelectFormField<string>;
     clothingSize: MultiSelectFormField<string>;
     jeanSize: SingleSelectFormField<string>;
     shoeSize: SingleSelectFormField<string>;
@@ -258,6 +262,8 @@ type InventoryLocation = {
 type TypesenseProductObj = {
     brand: string;
     size: string;
+    standardSize: string;
+    internationalSize: string;
     clothingSize: string[];
     jeanSize: string;
     shoeSize: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rerobe-js-orm",
-  "version": "4.0.4",
+  "version": "4.0.5",
   "description": "ReRobe's Javascript ORM Framework",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",