@brandingbrand/fsproductdetail/dist/components/ProductDetailProvider.js

var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
var __rest = (this && this.__rest) || function (s, e) {
    var t = {};
    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
        t[p] = s[p];
    if (s != null && typeof Object.getOwnPropertySymbols === "function")
        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
            t[p[i]] = s[p[i]];
    return t;
};
import React, { Component } from 'react';
import { compose } from 'redux';
import { cloneDeep, isEqual, set } from 'lodash-es';
import { withCommerceData } from '@brandingbrand/fscommerce';
export default function withProductDetailData(fetchProduct) {
    return (WrappedComponent) => {
        class ProductDetailProvider extends Component {
            componentDidUpdate(prevProps) {
                return __awaiter(this, void 0, void 0, function* () {
                    const { commerceToReviewMap, reviewDataSource } = this.props;
                    const commerceData = this.props.commerceData;
                    if (commerceData === undefined || reviewDataSource === undefined) {
                        return;
                    }
                    if (!isEqual(prevProps.commerceData, commerceData)) {
                        const ids = reviewDataSource.productIdMapper([commerceData], commerceToReviewMap);
                        const reviewsData = yield reviewDataSource.fetchReviewDetails({ ids });
                        const newCommerceData = cloneDeep(commerceData);
                        set(newCommerceData, 'review', reviewsData[0]);
                        this.setState({
                            commerceData: newCommerceData,
                            reviewsData
                        });
                    }
                });
            }
            render() {
                const _a = this.props, { commerceToReviewMap } = _a, props = __rest(_a, ["commerceToReviewMap"]);
                return (<WrappedComponent {...props} commerceData={(this.state && this.state.commerceData) || this.props.commerceData} reviewsData={(this.state && this.state.reviewsData)}/>);
            }
        }
        return compose(withCommerceData(fetchProduct))(ProductDetailProvider);
    };
}
//# sourceMappingURL=ProductDetailProvider.js.map