@lana-commerce/core 11.0.0

package/cjs/modules/product.js

@@ -0,0 +1,1261 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createProduct = void 0;
+const tslib_1 = require("tslib");
+const jwt_decode_1 = tslib_1.__importDefault(require("jwt-decode"));
+const effector_1 = require("effector");
+const request_js_1 = require("../request.js");
+const rdsToInitialScores_js_1 = require("../rdsToInitialScores.js");
+const combineEvery_js_1 = require("../effector/combineEvery.js");
+const combineSome_js_1 = require("../effector/combineSome.js");
+const compact_js_1 = require("../compact.js");
+const form_js_1 = require("../effector/form.js");
+const generateUUID_js_1 = require("../generateUUID.js");
+const mapResponseMultiData_js_1 = require("../mapResponseMultiData.js");
+const nonNull_js_1 = require("../nonNull.js");
+const requestResponse_js_1 = require("../effector/requestResponse.js");
+const requestResponseMulti_js_1 = require("../effector/requestResponseMulti.js");
+const file_js_1 = require("../file.js");
+const validator_js_1 = require("../effector/validator.js");
+const wrapSignInRequired_js_1 = require("../effector/wrapSignInRequired.js");
+function customerIDFromJWT(jwt) {
+    try {
+        const data = (0, jwt_decode_1.default)(jwt);
+        return data.customer_id || undefined;
+    }
+    catch (_a) {
+        return undefined;
+    }
+}
+function createFormToggleStateWithArgs(everythingIdle, form) {
+    const showForm = (0, effector_1.createEvent)();
+    const showFormForReal = (0, effector_1.createEvent)();
+    const hideForm = (0, effector_1.createEvent)();
+    const hideFormForReal = (0, effector_1.createEvent)();
+    const isFormVisible = (0, effector_1.createStore)(null);
+    // form ui logic
+    {
+        (0, effector_1.guard)({
+            source: showForm,
+            filter: everythingIdle,
+            target: showFormForReal,
+        });
+        (0, effector_1.guard)({
+            source: hideForm,
+            filter: everythingIdle,
+            target: hideFormForReal,
+        });
+        // toggle form visibility
+        isFormVisible.on(showFormForReal, (_, v) => v);
+        isFormVisible.on(hideFormForReal, () => null);
+        // when form visibility changes, on false => true transition reset the form also
+        (0, effector_1.guard)({
+            source: isFormVisible.updates.map(() => { }),
+            filter: isFormVisible.map((v) => v !== null),
+            target: form.reset,
+        });
+    }
+    return {
+        showForm,
+        hideForm,
+        isFormVisible,
+    };
+}
+function createFormToggleState(everythingIdle, form) {
+    const toggleForReal = (0, effector_1.createEvent)();
+    const toggleFormVisibility = (0, effector_1.createEvent)();
+    const isFormVisible = (0, effector_1.createStore)(false);
+    // form ui logic
+    {
+        (0, effector_1.guard)({
+            source: toggleFormVisibility,
+            filter: everythingIdle,
+            target: toggleForReal,
+        });
+        // toggle form visibility
+        isFormVisible.on(toggleForReal, (v) => !v);
+        // when form visibility changes, on false => true transition reset the form also
+        (0, effector_1.guard)({
+            source: isFormVisible.updates,
+            filter: (v) => !!v,
+            target: form.reset,
+        });
+    }
+    return {
+        toggleFormVisibility,
+        isFormVisible,
+    };
+}
+function createProductForms(everythingIdle) {
+    // QUESTION FORM
+    const questionForm = (0, form_js_1.createForm)({
+        text: (0, form_js_1.createStringField)("text", "", [validator_js_1.validNonEmpty, validator_js_1.validMaxLengthLongText]),
+    });
+    const { showForm: showQuestionForm, hideForm: hideQuestionForm, isFormVisible: isQuestionFormVisible, } = createFormToggleStateWithArgs(everythingIdle, questionForm);
+    // QUESTION ANSWER FORM
+    const questionAnswerForm = (0, form_js_1.createForm)({
+        text: (0, form_js_1.createStringField)("text", "", [validator_js_1.validNonEmpty, validator_js_1.validMaxLengthLongText]),
+    });
+    const { showForm: showQuestionAnswerForm, hideForm: hideQuestionAnswerForm, isFormVisible: isQuestionAnswerFormVisible, } = createFormToggleStateWithArgs(everythingIdle, questionAnswerForm);
+    // REVIEW FORM
+    const reviewForm = (0, form_js_1.createForm)({
+        title: (0, form_js_1.createStringField)("title", "", [validator_js_1.validNonEmpty, validator_js_1.validMaxLength250]),
+        text: (0, form_js_1.createStringField)("text", "", [validator_js_1.validNonEmpty, validator_js_1.validMaxLengthLongText]),
+    });
+    const uploadReviewImageFile = (0, effector_1.createEvent)();
+    const removeReviewImageFile = (0, effector_1.createEvent)();
+    const appendReviewImageFile = (0, effector_1.createEvent)();
+    const updateReviewImageFile = (0, effector_1.createEvent)();
+    const reviewImageFiles = (0, effector_1.createStore)([])
+        .on(removeReviewImageFile, (files, idx) => {
+        if (idx < 0 || idx >= files.length)
+            return files;
+        const newFiles = [...files];
+        newFiles.splice(idx, 1);
+        return newFiles;
+    })
+        .on(updateReviewImageFile, (files, data) => {
+        const idx = files.findIndex((f) => f.uuid === data.uuid);
+        if (idx === -1)
+            return files;
+        const newFiles = [...files];
+        newFiles[idx] = Object.assign({}, newFiles[idx]);
+        if (data.id !== undefined)
+            newFiles[idx].id = data.id;
+        if (data.preview !== undefined)
+            newFiles[idx].preview = data.preview;
+        if (data.public_url !== undefined)
+            newFiles[idx].public_url = data.public_url;
+        if (data.status !== undefined)
+            newFiles[idx].status = data.status;
+        return newFiles;
+    })
+        .on(appendReviewImageFile, (files, data) => {
+        const newFile = {
+            uuid: data.uuid,
+            id: data.id || "",
+            preview: data.preview || "",
+            public_url: data.public_url || "",
+            status: data.status || "ok",
+        };
+        return [...files, newFile];
+    });
+    const setReviewScores = (0, effector_1.createEvent)();
+    const reviewScores = (0, effector_1.restore)(setReviewScores, []);
+    const setReviewRecommended = (0, effector_1.createEvent)();
+    const reviewRecommended = (0, effector_1.restore)(setReviewRecommended, "not_voted");
+    const { isFormVisible: isReviewFormVisible, toggleFormVisibility: toggleReviewFormVisibility } = createFormToggleState(everythingIdle, reviewForm);
+    return {
+        questionForm,
+        showQuestionForm,
+        hideQuestionForm,
+        isQuestionFormVisible,
+        questionAnswerForm,
+        showQuestionAnswerForm,
+        hideQuestionAnswerForm,
+        isQuestionAnswerFormVisible,
+        reviewForm,
+        uploadReviewImageFile,
+        removeReviewImageFile,
+        updateReviewImageFile,
+        appendReviewImageFile,
+        reviewImageFiles,
+        setReviewScores,
+        reviewScores,
+        setReviewRecommended,
+        reviewRecommended,
+        isReviewFormVisible,
+        toggleReviewFormVisibility,
+    };
+}
+function replaceReview(reviews, newReview) {
+    if (!reviews)
+        return reviews;
+    const idx = reviews.findIndex((r) => r.id === newReview.id);
+    if (idx !== -1) {
+        const newReviews = [...reviews];
+        newReviews[idx] = newReview;
+        return newReviews;
+    }
+    return reviews;
+}
+function replaceOrCreateOwnReview(review, newReview) {
+    if (!review)
+        return newReview;
+    if (review.id !== newReview.id)
+        return review;
+    return newReview;
+}
+function replaceOwnReview(review, newReview) {
+    if (!review)
+        return review;
+    if (review.id !== newReview.id)
+        return review;
+    return newReview;
+}
+function replaceQuestion(questions, newQuestion) {
+    if (!questions)
+        return questions;
+    const idx = questions.findIndex((r) => r.id === newQuestion.id);
+    if (idx !== -1) {
+        const newQuestions = [...questions];
+        newQuestions[idx] = newQuestion;
+        return newQuestions;
+    }
+    return questions;
+}
+function replaceOrCreateOwnQuestion(questions, newQuestion) {
+    if (!questions)
+        return [newQuestion];
+    const idx = questions.findIndex((q) => q.id === newQuestion.id);
+    if (idx !== -1) {
+        const newQuestions = [...questions];
+        newQuestions[idx] = newQuestion;
+        return newQuestions;
+    }
+    else {
+        return [...questions, newQuestion];
+    }
+    return questions;
+}
+function deleteQuestionFromList(questions, questionID) {
+    if (!questions)
+        return questions;
+    const idx = questions.findIndex((q) => q.id === questionID);
+    if (idx !== -1) {
+        const newQuestions = [...questions];
+        newQuestions.splice(idx, 1);
+        return newQuestions;
+    }
+    return questions;
+}
+function deleteQuestionAnswerFromList(questions, [questionID, questionAnswerID]) {
+    var _a;
+    if (!questions)
+        return questions;
+    const idx = questions.findIndex((q) => q.id === questionID);
+    if (idx !== -1) {
+        const newQuestion = Object.assign(Object.assign({}, questions[idx]), { answers: ((_a = questions[idx].answers) === null || _a === void 0 ? void 0 : _a.filter((qa) => (qa === null || qa === void 0 ? void 0 : qa.id) !== questionAnswerID)) || [] });
+        const newQuestions = [...questions];
+        newQuestions[idx] = newQuestion;
+        return newQuestions;
+    }
+    return questions;
+}
+function deleteOwnReview(review, reviewID) {
+    if (review && review.id === reviewID)
+        return null;
+    return review;
+}
+function deleteReviewFromList(reviews, reviewID) {
+    if (!reviews)
+        return reviews;
+    const idx = reviews.findIndex((q) => q.id === reviewID);
+    if (idx !== -1) {
+        const newReviews = [...reviews];
+        newReviews.splice(idx, 1);
+        return newReviews;
+    }
+    return reviews;
+}
+function createProduct(config) {
+    const configWithJWTAndLocale = (0, effector_1.combine)(config.jwt, config.locale, (authToken, locale) => (Object.assign(Object.assign({}, config), { opts: Object.assign(Object.assign({}, config.opts), { authToken,
+            locale }) })));
+    const setReviewsSortBy = (0, effector_1.createEvent)();
+    const setReviewsSortDesc = (0, effector_1.createEvent)();
+    const setQuestionsSortBy = (0, effector_1.createEvent)();
+    const setQuestionsSortDesc = (0, effector_1.createEvent)();
+    const message = (0, effector_1.createEvent)();
+    const pendingStores = [];
+    const pendingStoresButImageUpload = [];
+    const addPendingStore = (s, isImageUpload) => {
+        pendingStores.push(s);
+        if (!isImageUpload) {
+            pendingStoresButImageUpload.push(s);
+        }
+    };
+    const everythingIdle = (0, effector_1.createStore)(true);
+    const everythingIdleButImageUpload = (0, effector_1.createStore)(true);
+    const load = (0, effector_1.createEvent)();
+    const unexpectedError = (0, effector_1.createEvent)();
+    // state received from the server
+    const dataReviewsSortBy = (0, effector_1.createStore)("rating").reset(load);
+    const dataReviewsSortDesc = (0, effector_1.createStore)(true).reset(load);
+    const dataQuestionsSortBy = (0, effector_1.createStore)("rating").reset(load);
+    const dataQuestionsSortDesc = (0, effector_1.createStore)(true).reset(load);
+    const product = (0, effector_1.createStore)(null).reset(load);
+    const totalReviews = (0, effector_1.createStore)(0).reset(load);
+    const totalQuestions = (0, effector_1.createStore)(0).reset(load);
+    const reviewsSortBy = (0, effector_1.createStore)("rating")
+        .reset(load)
+        .on(setReviewsSortBy, (_, v) => v);
+    const reviewsSortDesc = (0, effector_1.createStore)(true)
+        .reset(load)
+        .on(setReviewsSortDesc, (_, v) => v);
+    const reviews = (0, effector_1.createStore)(null).reset(load);
+    const questionsSortBy = (0, effector_1.createStore)("rating")
+        .reset(load)
+        .on(setQuestionsSortBy, (_, v) => v);
+    const questionsSortDesc = (0, effector_1.createStore)(true)
+        .reset(load)
+        .on(setQuestionsSortDesc, (_, v) => v);
+    const questions = (0, effector_1.createStore)(null).reset(load);
+    const canLoadMoreReviews = (0, effector_1.combine)(totalReviews, reviews, (totalReviews, reviews) => ((reviews === null || reviews === void 0 ? void 0 : reviews.length) || 0) < totalReviews);
+    const canLoadMoreQuestions = (0, effector_1.combine)(totalQuestions, questions, (totalQuestions, questions) => ((questions === null || questions === void 0 ? void 0 : questions.length) || 0) < totalQuestions);
+    const loadMoreReviews = (0, effector_1.createEvent)();
+    const loadMoreQuestions = (0, effector_1.createEvent)();
+    const loadMoreReviewsGeneric = (0, effector_1.createEvent)("append");
+    const loadMoreQuestionsGeneric = (0, effector_1.createEvent)("append");
+    const ownReview = (0, effector_1.createStore)(null).reset(load);
+    const ownQuestions = (0, effector_1.createStore)(null).reset(load);
+    const forms = createProductForms(everythingIdle);
+    const images = (0, effector_1.createStore)(null).reset(load);
+    // reset form visibility on load
+    forms.isReviewFormVisible.reset(load);
+    forms.isQuestionFormVisible.reset(load);
+    forms.isQuestionAnswerFormVisible.reset(load);
+    function msgFilter(done, filter) {
+        return done.filterMap((v) => (v.result.kind === "data" ? filter(v.params) : undefined));
+    }
+    // derive initial question form values from own questions
+    {
+        const questionFormInitialValue = (0, effector_1.combine)(ownQuestions, forms.isQuestionFormVisible, (questions, questionID) => {
+            const q = questions === null || questions === void 0 ? void 0 : questions.find((q) => q.id === questionID);
+            return {
+                text: (q === null || q === void 0 ? void 0 : q.text) || "",
+            };
+        });
+        (0, effector_1.forward)({
+            from: questionFormInitialValue.map((v) => v.text),
+            to: forms.questionForm.text.setInitialValue,
+        });
+    }
+    // derive initial question answer form values from questions
+    {
+        const questionAnswerFormInitialValue = (0, effector_1.combine)(questions, ownQuestions, forms.isQuestionAnswerFormVisible, (qs1, qs2, target) => {
+            var _a;
+            const [questionID, questionAnswerID] = target || ["", ""];
+            const q = (qs1 === null || qs1 === void 0 ? void 0 : qs1.find((q) => q.id === questionID)) || (qs2 === null || qs2 === void 0 ? void 0 : qs2.find((q) => q.id === questionID));
+            const qa = (_a = q === null || q === void 0 ? void 0 : q.answers) === null || _a === void 0 ? void 0 : _a.find((qa) => (qa === null || qa === void 0 ? void 0 : qa.id) === questionAnswerID);
+            return {
+                text: (qa === null || qa === void 0 ? void 0 : qa.text) || "",
+            };
+        });
+        (0, effector_1.forward)({
+            from: questionAnswerFormInitialValue.map((v) => v.text),
+            to: forms.questionAnswerForm.text.setInitialValue,
+        });
+    }
+    // derive initial review form values from product properties + review settings + own review
+    {
+        const reviewFormInitialValue = (0, effector_1.combine)(configWithJWTAndLocale, product, ownReview, (config, product, ownReview) => {
+            const rds = config.reviewSettings.default_review_dimension_set || (product === null || product === void 0 ? void 0 : product.review_dimension_set);
+            const title = (ownReview === null || ownReview === void 0 ? void 0 : ownReview.title) || "";
+            const text = (ownReview === null || ownReview === void 0 ? void 0 : ownReview.text) || "";
+            const scores = (0, rdsToInitialScores_js_1.rdsToInitialScores)(rds, config.reviewDimensions, ownReview === null || ownReview === void 0 ? void 0 : ownReview.scores);
+            const recommended = (ownReview === null || ownReview === void 0 ? void 0 : ownReview.recommended) || "not_voted";
+            const imageFiles = (0, compact_js_1.compact)(ownReview === null || ownReview === void 0 ? void 0 : ownReview.image_files) || [];
+            return {
+                title,
+                text,
+                scores,
+                recommended,
+                imageFiles,
+            };
+        });
+        const scoresInitialValue = reviewFormInitialValue.map((v) => v.scores);
+        const recommendedInitialValue = reviewFormInitialValue.map((v) => v.recommended);
+        const reviewImageFilesInitialValue = reviewFormInitialValue.map((v) => v.imageFiles.map((f) => (Object.assign(Object.assign({}, f), { preview: "", uuid: "", status: "ok" }))));
+        (0, effector_1.forward)({
+            from: reviewFormInitialValue.map((v) => v.title),
+            to: forms.reviewForm.title.setInitialValue,
+        });
+        (0, effector_1.forward)({
+            from: reviewFormInitialValue.map((v) => v.text),
+            to: forms.reviewForm.text.setInitialValue,
+        });
+        // on form reset propagate initial values to their corresponding stores
+        (0, effector_1.forward)({
+            from: (0, effector_1.sample)(scoresInitialValue, forms.reviewForm.reset),
+            to: forms.reviewScores,
+        });
+        (0, effector_1.forward)({
+            from: (0, effector_1.sample)(recommendedInitialValue, forms.reviewForm.reset),
+            to: forms.reviewRecommended,
+        });
+        (0, effector_1.forward)({
+            from: (0, effector_1.sample)(reviewImageFilesInitialValue, forms.reviewForm.reset),
+            to: forms.reviewImageFiles,
+        });
+    }
+    // reload on configWithJWTAndLocale, but only if current product is not null
+    {
+        const hasProductID = product.map((p) => !!p);
+        const productID = product.map((p) => (p === null || p === void 0 ? void 0 : p.id) || "");
+        (0, effector_1.guard)({
+            source: (0, effector_1.sample)(productID, configWithJWTAndLocale),
+            filter: hasProductID,
+            target: load,
+        });
+    }
+    //================================================================================================================
+    // QUESTION FORM SUBMIT
+    //================================================================================================================
+    {
+        const createOrModifyQuestionFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+            const sharedData = {
+                text: p.text,
+            };
+            if (p.question) {
+                return (0, request_js_1.request)(p.config.graphql.modifyQuestionMutation)({ shopID: p.config.shopID, questionID: p.question.id, data: sharedData }, p.config.opts);
+            }
+            else {
+                return (0, request_js_1.request)(p.config.graphql.createQuestionMutation)({ shopID: p.config.shopID, data: Object.assign({ product_id: p.product.id }, sharedData) }, p.config.opts);
+            }
+        }));
+        addPendingStore(createOrModifyQuestionFx.pending);
+        const createOrModifyQuestionResult = (0, requestResponse_js_1.requestResponseSplitFirst)(createOrModifyQuestionFx.doneData);
+        // success
+        (0, effector_1.forward)({
+            from: msgFilter(createOrModifyQuestionFx.done, (p) => (p.question ? "question_modified" : "question_created")),
+            to: message,
+        });
+        ownQuestions.on(createOrModifyQuestionResult.data, replaceOrCreateOwnQuestion);
+        (0, effector_1.forward)({
+            from: createOrModifyQuestionResult.data,
+            to: forms.hideQuestionForm,
+        });
+        // failure
+        (0, effector_1.forward)({
+            from: createOrModifyQuestionResult.error,
+            to: unexpectedError,
+        });
+        (0, effector_1.guard)({
+            source: (0, effector_1.sample)({
+                source: (0, effector_1.combine)([configWithJWTAndLocale, forms.isQuestionFormVisible, ownQuestions, product]),
+                clock: forms.questionForm.submitted,
+                fn: ([config, questionID, ownQuestions, product], data) => {
+                    const question = (ownQuestions === null || ownQuestions === void 0 ? void 0 : ownQuestions.find((q) => q.id === questionID)) || null;
+                    return Object.assign(Object.assign({ config }, data), { question, product: (0, nonNull_js_1.nonNull)(product, "question product") });
+                },
+            }),
+            filter: everythingIdle,
+            target: createOrModifyQuestionFx,
+        });
+    }
+    //================================================================================================================
+    // QUESTION ANSWER FORM SUBMIT
+    //================================================================================================================
+    {
+        const createOrModifyQuestionAnswerFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+            const sharedData = {
+                text: p.text,
+            };
+            let resp;
+            if (p.questionID && p.questionAnswerID) {
+                resp = yield (0, request_js_1.request)(p.config.graphql.modifyQuestionAnswerMutation)({
+                    shopID: p.config.shopID,
+                    questionID: p.questionID,
+                    questionAnswerID: p.questionAnswerID,
+                    data: sharedData,
+                }, p.config.opts);
+            }
+            else {
+                resp = yield (0, request_js_1.request)(p.config.graphql.createQuestionAnswerMutation)({ shopID: p.config.shopID, questionID: p.questionID, data: sharedData }, p.config.opts);
+            }
+            if (resp.kind !== "data")
+                return resp;
+            return (0, request_js_1.request)(p.config.graphql.getQuestionQuery)({ shopID: p.config.shopID, questionID: p.questionID }, p.config.opts);
+        }));
+        addPendingStore(createOrModifyQuestionAnswerFx.pending);
+        const createOrModifyQuestionAnswerResult = (0, requestResponse_js_1.requestResponseSplitFirst)(createOrModifyQuestionAnswerFx.doneData);
+        // success
+        (0, effector_1.forward)({
+            from: msgFilter(createOrModifyQuestionAnswerFx.done, (p) => p.questionAnswerID ? "question_answer_modified" : "question_answer_created"),
+            to: message,
+        });
+        questions.on(createOrModifyQuestionAnswerResult.data, replaceQuestion);
+        ownQuestions.on(createOrModifyQuestionAnswerResult.data, replaceQuestion);
+        (0, effector_1.forward)({
+            from: createOrModifyQuestionAnswerResult.data,
+            to: forms.hideQuestionAnswerForm,
+        });
+        // failure
+        (0, effector_1.forward)({
+            from: createOrModifyQuestionAnswerResult.error,
+            to: unexpectedError,
+        });
+        (0, effector_1.guard)({
+            source: (0, effector_1.sample)({
+                source: (0, effector_1.combine)([configWithJWTAndLocale, forms.isQuestionAnswerFormVisible]),
+                clock: forms.questionAnswerForm.submitted,
+                fn: ([config, target], data) => {
+                    const [questionID, questionAnswerID] = target || ["", null];
+                    return Object.assign(Object.assign({ config }, data), { questionID,
+                        questionAnswerID });
+                },
+            }),
+            filter: everythingIdle,
+            target: createOrModifyQuestionAnswerFx,
+        });
+    }
+    //================================================================================================================
+    // DELETE REVIEW
+    //================================================================================================================
+    const deleteReview = (0, effector_1.createEvent)();
+    {
+        const deleteReviewFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+            return (0, request_js_1.request)(p.config.graphql.deleteReviewMutation)({ shopID: p.config.shopID, reviewID: p.reviewID }, p.config.opts);
+        }));
+        addPendingStore(deleteReviewFx.pending);
+        const deleteReviewResult = (0, requestResponse_js_1.requestResponseSplit)(deleteReviewFx.doneData);
+        // success
+        const deletedID = deleteReviewFx.done.filterMap((v) => (v.result.kind === "data" ? v.params.reviewID : undefined));
+        (0, effector_1.forward)({
+            from: deletedID.map(() => "review_deleted"),
+            to: message,
+        });
+        reviews.on(deletedID, deleteReviewFromList);
+        ownReview.on(deletedID, deleteOwnReview);
+        // failure
+        (0, effector_1.forward)({
+            from: deleteReviewResult.error,
+            to: unexpectedError,
+        });
+        (0, effector_1.guard)({
+            source: (0, effector_1.sample)(configWithJWTAndLocale, deleteReview, (config, reviewID) => ({ config, reviewID })),
+            filter: everythingIdle,
+            target: deleteReviewFx,
+        });
+    }
+    //================================================================================================================
+    // DELETE QUESTION ANSWER
+    //================================================================================================================
+    const deleteQuestionAnswer = (0, effector_1.createEvent)();
+    {
+        const deleteQuestionAnswerFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+            return (0, request_js_1.request)(p.config.graphql.deleteQuestionAnswerMutation)({ shopID: p.config.shopID, questionAnswerID: p.questionAnswerID }, p.config.opts);
+        }));
+        addPendingStore(deleteQuestionAnswerFx.pending);
+        const deleteQuestionAnswerResult = (0, requestResponse_js_1.requestResponseSplit)(deleteQuestionAnswerFx.doneData);
+        // success
+        const deletedID = deleteQuestionAnswerFx.done.filterMap((v) => v.result.kind === "data" ? [v.params.questionID, v.params.questionAnswerID] : undefined);
+        (0, effector_1.forward)({
+            from: deletedID.map(() => "question_answer_deleted"),
+            to: message,
+        });
+        questions.on(deletedID, deleteQuestionAnswerFromList);
+        ownQuestions.on(deletedID, deleteQuestionAnswerFromList);
+        // failure
+        (0, effector_1.forward)({
+            from: deleteQuestionAnswerResult.error,
+            to: unexpectedError,
+        });
+        (0, effector_1.guard)({
+            source: (0, effector_1.sample)(configWithJWTAndLocale, deleteQuestionAnswer, (config, [questionID, questionAnswerID]) => ({
+                config,
+                questionID,
+                questionAnswerID,
+            })),
+            filter: everythingIdle,
+            target: deleteQuestionAnswerFx,
+        });
+    }
+    //================================================================================================================
+    // DELETE QUESTION
+    //================================================================================================================
+    const deleteQuestion = (0, effector_1.createEvent)();
+    {
+        const deleteQuestionFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+            return (0, request_js_1.request)(p.config.graphql.deleteQuestionMutation)({ shopID: p.config.shopID, questionID: p.questionID }, p.config.opts);
+        }));
+        addPendingStore(deleteQuestionFx.pending);
+        const deleteQuestionResult = (0, requestResponse_js_1.requestResponseSplit)(deleteQuestionFx.doneData);
+        // success
+        const deletedID = deleteQuestionFx.done.filterMap((v) => v.result.kind === "data" ? v.params.questionID : undefined);
+        (0, effector_1.forward)({
+            from: deletedID.map(() => "question_deleted"),
+            to: message,
+        });
+        questions.on(deletedID, deleteQuestionFromList);
+        ownQuestions.on(deletedID, deleteQuestionFromList);
+        // failure
+        (0, effector_1.forward)({
+            from: deleteQuestionResult.error,
+            to: unexpectedError,
+        });
+        (0, effector_1.guard)({
+            source: (0, effector_1.sample)(configWithJWTAndLocale, deleteQuestion, (config, questionID) => ({ config, questionID })),
+            filter: everythingIdle,
+            target: deleteQuestionFx,
+        });
+    }
+    //================================================================================================================
+    // REVIEW FORM SUBMIT
+    //================================================================================================================
+    {
+        const createOrModifyReviewFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+            const sharedData = {
+                title: p.title,
+                text: p.text,
+                recommended: p.recommended,
+                scores: p.scores.map((s) => ({ review_dimension_id: s.review_dimension_id, score: s.score })),
+                image_file_ids: (0, compact_js_1.compact)(p.imageFiles.map((f) => f.id || undefined)),
+            };
+            if (p.ownReview) {
+                return (0, request_js_1.request)(p.config.graphql.modifyReviewMutation)({ shopID: p.config.shopID, reviewID: p.ownReview.id, data: sharedData }, p.config.opts);
+            }
+            else {
+                return (0, request_js_1.request)(p.config.graphql.createReviewMutation)({ shopID: p.config.shopID, data: Object.assign({ product_id: p.product.id }, sharedData) }, p.config.opts);
+            }
+        }));
+        addPendingStore(createOrModifyReviewFx.pending);
+        const createOrModifyReviewResult = (0, requestResponse_js_1.requestResponseSplitFirst)(createOrModifyReviewFx.doneData);
+        // success
+        (0, effector_1.forward)({
+            from: msgFilter(createOrModifyReviewFx.done, (p) => (p.ownReview ? "review_modified" : "review_created")),
+            to: message,
+        });
+        ownReview.on(createOrModifyReviewResult.data, replaceOrCreateOwnReview);
+        (0, effector_1.forward)({
+            from: createOrModifyReviewResult.data,
+            to: forms.toggleReviewFormVisibility,
+        });
+        // failure
+        (0, effector_1.forward)({
+            from: createOrModifyReviewResult.error,
+            to: unexpectedError,
+        });
+        (0, effector_1.guard)({
+            source: (0, effector_1.sample)({
+                source: (0, effector_1.combine)([
+                    configWithJWTAndLocale,
+                    forms.reviewScores,
+                    forms.reviewImageFiles,
+                    forms.reviewRecommended,
+                    ownReview,
+                    product,
+                ]),
+                clock: forms.reviewForm.submitted,
+                fn: ([config, scores, imageFiles, recommended, ownReview, product], data) => {
+                    return Object.assign(Object.assign({ config }, data), { scores,
+                        imageFiles,
+                        recommended,
+                        ownReview, product: (0, nonNull_js_1.nonNull)(product, "review product") });
+                },
+            }),
+            filter: everythingIdle,
+            target: createOrModifyReviewFx,
+        });
+    }
+    //================================================================================================================
+    // FILE UPLOAD
+    //================================================================================================================
+    {
+        // file upload process
+        const uploadFileEv = forms.uploadReviewImageFile.map((file) => ({ file, uuid: (0, generateUUID_js_1.generateUUID)() }));
+        const uploadFileFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+            const result = yield (0, file_js_1.uploadFile)(p.file, p.config.shopID, p.config.opts);
+            return {
+                result,
+                uuid: p.uuid,
+            };
+        }));
+        addPendingStore(uploadFileFx.pending, "image_upload_store");
+        // append the file right away to the list of files with preview
+        (0, effector_1.forward)({
+            from: uploadFileEv.map((v) => {
+                const preview = URL.createObjectURL(v.file);
+                return {
+                    uuid: v.uuid,
+                    preview,
+                    status: "uploading",
+                };
+            }),
+            to: forms.appendReviewImageFile,
+        });
+        // upload file when it arrives (note that we allow uploading multiple files in parallel and we don't block on "pending")
+        (0, effector_1.guard)({
+            source: (0, effector_1.sample)(configWithJWTAndLocale, uploadFileEv, (config, data) => (Object.assign({ config }, data))),
+            filter: everythingIdleButImageUpload,
+            target: uploadFileFx,
+        });
+        // once upload is complete, update the file with the outcome
+        (0, effector_1.forward)({
+            from: uploadFileFx.doneData.map((v) => {
+                if (v.result.kind === "ok") {
+                    const file = v.result.file;
+                    return {
+                        uuid: v.uuid,
+                        id: file.id,
+                        public_url: file.public_url,
+                        preview: "",
+                        status: "ok",
+                    };
+                }
+                else {
+                    return { uuid: v.uuid, status: v.result.kind };
+                }
+            }),
+            to: forms.updateReviewImageFile,
+        });
+    }
+    //================================================================================================================
+    // LOAD EVERYTHING
+    //================================================================================================================
+    {
+        const loadFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+            var _a, _b;
+            const jwt = ((_a = p.config.opts) === null || _a === void 0 ? void 0 : _a.authToken) || "";
+            if (!jwt) {
+                return (0, mapResponseMultiData_js_1.mapResponseMultiData)(yield (0, request_js_1.requestMulti)(p.config.graphql.loadProductNoCustomerQuery)({ shopID: p.config.shopID, productID: p.productID }, p.config.opts), (v) => (Object.assign(Object.assign({}, v), { ownReviews: null, ownQuestions: null })));
+            }
+            else {
+                const customerID = (0, jwt_decode_1.default)(((_b = p.config.opts) === null || _b === void 0 ? void 0 : _b.authToken) || "").customer_id;
+                return (0, request_js_1.requestMulti)(config.graphql.loadProductQuery)({ shopID: p.config.shopID, customerID, productID: p.productID }, p.config.opts);
+            }
+        }));
+        addPendingStore(loadFx.pending);
+        const loadResult = (0, requestResponseMulti_js_1.requestResponseSplitMulti)(loadFx.doneData);
+        // success
+        (0, effector_1.forward)({ from: loadResult.data.map(() => "rating"), to: dataReviewsSortBy });
+        (0, effector_1.forward)({ from: loadResult.data.map(() => true), to: dataReviewsSortDesc });
+        (0, effector_1.forward)({ from: loadResult.data.map(() => "rating"), to: dataQuestionsSortBy });
+        (0, effector_1.forward)({ from: loadResult.data.map(() => true), to: dataQuestionsSortDesc });
+        (0, effector_1.forward)({
+            from: loadResult.data.map((v) => { var _a; return ((_a = v.products) === null || _a === void 0 ? void 0 : _a[0]) || null; }),
+            to: product,
+        });
+        (0, effector_1.forward)({
+            from: loadResult.data.map((v) => { var _a; return (0, compact_js_1.compact)(((_a = v.reviews) === null || _a === void 0 ? void 0 : _a.items) || null); }),
+            to: reviews,
+        });
+        (0, effector_1.forward)({
+            from: loadResult.data.map((v) => { var _a; return (0, compact_js_1.compact)((_a = v.questions) === null || _a === void 0 ? void 0 : _a.items); }),
+            to: questions,
+        });
+        (0, effector_1.forward)({
+            from: loadResult.data.map((v) => { var _a, _b; return ((_b = (_a = v.ownReviews) === null || _a === void 0 ? void 0 : _a.items) === null || _b === void 0 ? void 0 : _b[0]) || null; }),
+            to: ownReview,
+        });
+        (0, effector_1.forward)({
+            from: loadResult.data.map((v) => { var _a; return ((_a = v.ownQuestions) === null || _a === void 0 ? void 0 : _a.items) || null; }),
+            to: ownQuestions,
+        });
+        (0, effector_1.forward)({
+            from: loadResult.data.map((v) => { var _a; return ((_a = v.reviews) === null || _a === void 0 ? void 0 : _a.count) || 0; }),
+            to: totalReviews,
+        });
+        (0, effector_1.forward)({
+            from: loadResult.data.map((v) => { var _a; return ((_a = v.questions) === null || _a === void 0 ? void 0 : _a.count) || 0; }),
+            to: totalQuestions,
+        });
+        (0, effector_1.forward)({
+            from: loadResult.data.map((v) => v.images),
+            to: images,
+        });
+        // failure
+        (0, effector_1.forward)({
+            from: loadResult.error,
+            to: unexpectedError,
+        });
+        (0, effector_1.guard)({
+            source: (0, effector_1.sample)(configWithJWTAndLocale, load, (config, productID) => ({ config, productID })),
+            filter: everythingIdle,
+            target: loadFx,
+        });
+    }
+    //================================================================================================================
+    // LOAD MORE REVIEWS
+    //================================================================================================================
+    {
+        const loadMoreReviewsFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+            var _c;
+            const jwt = ((_c = p.config.opts) === null || _c === void 0 ? void 0 : _c.authToken) || "";
+            const customerID = jwt ? customerIDFromJWT(jwt) : undefined;
+            return (0, request_js_1.request)(p.config.graphql.searchReviewsQuery)({
+                shopID: p.config.shopID,
+                productID: p.productID,
+                limit: p.limit,
+                offset: p.offset,
+                sortBy: p.sortBy,
+                sortDesc: p.sortDesc,
+                notCustomerID: customerID,
+            }, p.config.opts);
+        }));
+        addPendingStore(loadMoreReviewsFx.pending);
+        const loadResult = (0, requestResponse_js_1.requestResponseSplit)(loadMoreReviewsFx.doneData);
+        // success
+        const successParamsAndData = loadMoreReviewsFx.done.filterMap((v) => v.result.kind === "data" ? { params: v.params, data: v.result.data } : undefined);
+        (0, effector_1.forward)({ from: successParamsAndData.map((v) => v.params.sortBy), to: dataReviewsSortBy });
+        (0, effector_1.forward)({ from: successParamsAndData.map((v) => v.params.sortDesc), to: dataReviewsSortDesc });
+        reviews.on(successParamsAndData, (reviews, pd) => pd.params.action === "replace"
+            ? [...(0, compact_js_1.compact)(pd.data.items)]
+            : [...(reviews || []), ...(0, compact_js_1.compact)(pd.data.items || [])]);
+        // failure
+        (0, effector_1.forward)({
+            from: loadResult.error,
+            to: unexpectedError,
+        });
+        (0, effector_1.sample)({ source: dataReviewsSortBy, clock: loadResult.error, target: reviewsSortBy });
+        (0, effector_1.sample)({ source: dataReviewsSortDesc, clock: loadResult.error, target: reviewsSortDesc });
+        (0, effector_1.guard)({
+            source: (0, effector_1.sample)((0, effector_1.combine)(configWithJWTAndLocale, reviews, reviewsSortBy, reviewsSortDesc, product), loadMoreReviewsGeneric, ([config, reviews, reviewsSortBy, reviewsSortDesc, product], action) => ({
+                config,
+                productID: (0, nonNull_js_1.nonNull)(product, "load more reviews product").id,
+                limit: 10,
+                offset: action === "replace" ? 0 : (reviews === null || reviews === void 0 ? void 0 : reviews.length) || 0,
+                sortBy: reviewsSortBy,
+                sortDesc: reviewsSortDesc,
+                action,
+            })),
+            filter: (0, combineEvery_js_1.combineEvery)(everythingIdle),
+            target: loadMoreReviewsFx,
+        });
+    }
+    //================================================================================================================
+    // LOAD MORE QUESTIONS
+    //================================================================================================================
+    {
+        const loadMoreQuestionsFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+            var _d;
+            const jwt = ((_d = p.config.opts) === null || _d === void 0 ? void 0 : _d.authToken) || "";
+            const customerID = jwt ? customerIDFromJWT(jwt) : undefined;
+            return (0, request_js_1.request)(p.config.graphql.searchQuestionsQuery)({
+                shopID: p.config.shopID,
+                productID: p.productID,
+                limit: p.limit,
+                offset: p.offset,
+                sortBy: p.sortBy,
+                sortDesc: p.sortDesc,
+                notCustomerID: customerID,
+            }, p.config.opts);
+        }));
+        addPendingStore(loadMoreQuestionsFx.pending);
+        const loadResult = (0, requestResponse_js_1.requestResponseSplit)(loadMoreQuestionsFx.doneData);
+        // success
+        const successParamsAndData = loadMoreQuestionsFx.done.filterMap((v) => v.result.kind === "data" ? { params: v.params, data: v.result.data } : undefined);
+        (0, effector_1.forward)({ from: successParamsAndData.map((v) => v.params.sortBy), to: dataQuestionsSortBy });
+        (0, effector_1.forward)({ from: successParamsAndData.map((v) => v.params.sortDesc), to: dataQuestionsSortDesc });
+        questions.on(successParamsAndData, (questions, pd) => pd.params.action === "replace"
+            ? [...(0, compact_js_1.compact)(pd.data.items)]
+            : [...(questions || []), ...(0, compact_js_1.compact)(pd.data.items || [])]);
+        // failure
+        (0, effector_1.forward)({
+            from: loadResult.error,
+            to: unexpectedError,
+        });
+        (0, effector_1.sample)({ source: dataQuestionsSortBy, clock: loadResult.error, target: questionsSortBy });
+        (0, effector_1.sample)({ source: dataQuestionsSortDesc, clock: loadResult.error, target: questionsSortDesc });
+        (0, effector_1.guard)({
+            source: (0, effector_1.sample)((0, effector_1.combine)(configWithJWTAndLocale, questions, questionsSortBy, questionsSortDesc, product), loadMoreQuestionsGeneric, ([config, questions, questionsSortBy, questionsSortDesc, product], action) => ({
+                config,
+                productID: (0, nonNull_js_1.nonNull)(product, "load more questions product").id,
+                limit: 10,
+                offset: action === "replace" ? 0 : (questions === null || questions === void 0 ? void 0 : questions.length) || 0,
+                sortBy: questionsSortBy,
+                sortDesc: questionsSortDesc,
+                action,
+            })),
+            filter: (0, combineEvery_js_1.combineEvery)(everythingIdle),
+            target: loadMoreQuestionsFx,
+        });
+    }
+    //================================================================================================================
+    // VOTE REVIEW
+    //================================================================================================================
+    const voteReviewYes = (0, effector_1.createEvent)();
+    const voteReviewNo = (0, effector_1.createEvent)();
+    const voteReviewDelete = (0, effector_1.createEvent)();
+    {
+        const voteReviewFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+            const resp = yield (0, request_js_1.request)(config.graphql.voteReviewMutation)({ shopID: p.config.shopID, reviewID: p.reviewID, y: p.y, delete: p.delete }, p.config.opts);
+            if (resp.kind !== "data")
+                return resp;
+            return (0, request_js_1.request)(config.graphql.getReviewQuery)({ shopID: p.config.shopID, reviewID: p.reviewID }, p.config.opts);
+        }));
+        addPendingStore(voteReviewFx.pending);
+        const voteResult = (0, requestResponse_js_1.requestResponseSplitFirst)(voteReviewFx.doneData);
+        // success
+        (0, effector_1.forward)({
+            from: msgFilter(voteReviewFx.done, (p) => {
+                if (p.delete)
+                    return "review_vote_deleted";
+                return p.y ? "review_voted_yes" : "review_voted_no";
+            }),
+            to: message,
+        });
+        reviews.on(voteResult.data, replaceReview);
+        ownReview.on(voteResult.data, replaceOwnReview);
+        // failure
+        (0, effector_1.forward)({
+            from: voteResult.error,
+            to: unexpectedError,
+        });
+        (0, effector_1.guard)({
+            source: (0, effector_1.sample)(configWithJWTAndLocale, voteReviewYes, (config, reviewID) => ({
+                config,
+                reviewID,
+                y: true,
+                delete: false,
+            })),
+            filter: everythingIdle,
+            target: voteReviewFx,
+        });
+        (0, effector_1.guard)({
+            source: (0, effector_1.sample)(configWithJWTAndLocale, voteReviewNo, (config, reviewID) => ({
+                config,
+                reviewID,
+                y: false,
+                delete: false,
+            })),
+            filter: everythingIdle,
+            target: voteReviewFx,
+        });
+        (0, effector_1.guard)({
+            source: (0, effector_1.sample)(configWithJWTAndLocale, voteReviewDelete, (config, reviewID) => ({
+                config,
+                reviewID,
+                y: false,
+                delete: true,
+            })),
+            filter: everythingIdle,
+            target: voteReviewFx,
+        });
+    }
+    //================================================================================================================
+    // FLAG REVIEW
+    //================================================================================================================
+    const flagReview = (0, effector_1.createEvent)();
+    const flagReviewDelete = (0, effector_1.createEvent)();
+    {
+        const flagReviewFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+            const resp = yield (0, request_js_1.request)(config.graphql.flagReviewMutation)({ shopID: p.config.shopID, reviewID: p.reviewID, delete: p.delete }, p.config.opts);
+            if (resp.kind !== "data")
+                return resp;
+            return (0, request_js_1.request)(config.graphql.getReviewQuery)({ shopID: p.config.shopID, reviewID: p.reviewID }, p.config.opts);
+        }));
+        addPendingStore(flagReviewFx.pending);
+        const flagResult = (0, requestResponse_js_1.requestResponseSplitFirst)(flagReviewFx.doneData);
+        // success
+        (0, effector_1.forward)({
+            from: msgFilter(flagReviewFx.done, (p) => (p.delete ? "review_unflagged" : "review_flagged")),
+            to: message,
+        });
+        reviews.on(flagResult.data, replaceReview);
+        ownReview.on(flagResult.data, replaceOwnReview);
+        // failure
+        (0, effector_1.forward)({
+            from: flagResult.error,
+            to: unexpectedError,
+        });
+        (0, effector_1.guard)({
+            source: (0, effector_1.sample)(configWithJWTAndLocale, flagReview, (config, reviewID) => ({ config, reviewID, delete: false })),
+            filter: everythingIdle,
+            target: flagReviewFx,
+        });
+        (0, effector_1.guard)({
+            source: (0, effector_1.sample)(configWithJWTAndLocale, flagReviewDelete, (config, reviewID) => ({
+                config,
+                reviewID,
+                delete: true,
+            })),
+            filter: everythingIdle,
+            target: flagReviewFx,
+        });
+    }
+    //================================================================================================================
+    // VOTE QUESTION
+    //================================================================================================================
+    const voteQuestionYes = (0, effector_1.createEvent)();
+    const voteQuestionNo = (0, effector_1.createEvent)();
+    const voteQuestionDelete = (0, effector_1.createEvent)();
+    {
+        const voteQuestionFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+            const resp = yield (0, request_js_1.request)(config.graphql.voteQuestionMutation)({ shopID: p.config.shopID, questionID: p.questionID, y: p.y, delete: p.delete }, p.config.opts);
+            if (resp.kind !== "data")
+                return resp;
+            return (0, request_js_1.request)(config.graphql.getQuestionQuery)({ shopID: p.config.shopID, questionID: p.questionID }, p.config.opts);
+        }));
+        addPendingStore(voteQuestionFx.pending);
+        const voteResult = (0, requestResponse_js_1.requestResponseSplitFirst)(voteQuestionFx.doneData);
+        // success
+        (0, effector_1.forward)({
+            from: msgFilter(voteQuestionFx.done, (p) => {
+                if (p.delete)
+                    return "question_vote_deleted";
+                return p.y ? "question_voted_yes" : "question_voted_no";
+            }),
+            to: message,
+        });
+        questions.on(voteResult.data, replaceQuestion);
+        ownQuestions.on(voteResult.data, replaceQuestion);
+        // failure
+        (0, effector_1.forward)({
+            from: voteResult.error,
+            to: unexpectedError,
+        });
+        (0, effector_1.guard)({
+            source: (0, effector_1.sample)(configWithJWTAndLocale, voteQuestionYes, (config, questionID) => ({
+                config,
+                questionID,
+                y: true,
+                delete: false,
+            })),
+            filter: everythingIdle,
+            target: voteQuestionFx,
+        });
+        (0, effector_1.guard)({
+            source: (0, effector_1.sample)(configWithJWTAndLocale, voteQuestionNo, (config, questionID) => ({
+                config,
+                questionID,
+                y: false,
+                delete: false,
+            })),
+            filter: everythingIdle,
+            target: voteQuestionFx,
+        });
+        (0, effector_1.guard)({
+            source: (0, effector_1.sample)(configWithJWTAndLocale, voteQuestionDelete, (config, questionID) => ({
+                config,
+                questionID,
+                y: false,
+                delete: true,
+            })),
+            filter: everythingIdle,
+            target: voteQuestionFx,
+        });
+    }
+    //================================================================================================================
+    // FLAG QUESTION
+    //================================================================================================================
+    const flagQuestion = (0, effector_1.createEvent)();
+    const flagQuestionDelete = (0, effector_1.createEvent)();
+    {
+        const flagQuestionFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+            const resp = yield (0, request_js_1.request)(config.graphql.flagQuestionMutation)({ shopID: p.config.shopID, questionID: p.questionID, delete: p.delete }, p.config.opts);
+            if (resp.kind !== "data")
+                return resp;
+            return (0, request_js_1.request)(config.graphql.getQuestionQuery)({ shopID: p.config.shopID, questionID: p.questionID }, p.config.opts);
+        }));
+        addPendingStore(flagQuestionFx.pending);
+        const flagResult = (0, requestResponse_js_1.requestResponseSplitFirst)(flagQuestionFx.doneData);
+        // success
+        (0, effector_1.forward)({
+            from: msgFilter(flagQuestionFx.done, (p) => (p.delete ? "question_unflagged" : "question_flagged")),
+            to: message,
+        });
+        questions.on(flagResult.data, replaceQuestion);
+        ownQuestions.on(flagResult.data, replaceQuestion);
+        // failure
+        (0, effector_1.forward)({
+            from: flagResult.error,
+            to: unexpectedError,
+        });
+        (0, effector_1.guard)({
+            source: (0, effector_1.sample)(configWithJWTAndLocale, flagQuestion, (config, questionID) => ({
+                config,
+                questionID,
+                delete: false,
+            })),
+            filter: everythingIdle,
+            target: flagQuestionFx,
+        });
+        (0, effector_1.guard)({
+            source: (0, effector_1.sample)(configWithJWTAndLocale, flagQuestionDelete, (config, questionID) => ({
+                config,
+                questionID,
+                delete: true,
+            })),
+            filter: everythingIdle,
+            target: flagQuestionFx,
+        });
+    }
+    //================================================================================================================
+    // VOTE QUESTION ANSWER
+    //================================================================================================================
+    const voteQuestionAnswerYes = (0, effector_1.createEvent)();
+    const voteQuestionAnswerNo = (0, effector_1.createEvent)();
+    const voteQuestionAnswerDelete = (0, effector_1.createEvent)();
+    {
+        const voteQuestionAnswerFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+            const resp = yield (0, request_js_1.request)(config.graphql.voteQuestionAnswerMutation)({ shopID: p.config.shopID, questionAnswerID: p.questionAnswerID, y: p.y, delete: p.delete }, p.config.opts);
+            if (resp.kind !== "data")
+                return resp;
+            return (0, request_js_1.request)(config.graphql.getQuestionQuery)({ shopID: p.config.shopID, questionID: p.questionID }, p.config.opts);
+        }));
+        addPendingStore(voteQuestionAnswerFx.pending);
+        const voteResult = (0, requestResponse_js_1.requestResponseSplitFirst)(voteQuestionAnswerFx.doneData);
+        // success
+        (0, effector_1.forward)({
+            from: msgFilter(voteQuestionAnswerFx.done, (p) => {
+                if (p.delete)
+                    return "question_answer_vote_deleted";
+                return p.y ? "question_answer_voted_yes" : "question_answer_voted_no";
+            }),
+            to: message,
+        });
+        questions.on(voteResult.data, replaceQuestion);
+        ownQuestions.on(voteResult.data, replaceQuestion);
+        // failure
+        (0, effector_1.forward)({
+            from: voteResult.error,
+            to: unexpectedError,
+        });
+        (0, effector_1.guard)({
+            source: (0, effector_1.sample)(configWithJWTAndLocale, voteQuestionAnswerYes, (config, [questionID, questionAnswerID]) => ({
+                config,
+                questionID,
+                questionAnswerID,
+                y: true,
+                delete: false,
+            })),
+            filter: everythingIdle,
+            target: voteQuestionAnswerFx,
+        });
+        (0, effector_1.guard)({
+            source: (0, effector_1.sample)(configWithJWTAndLocale, voteQuestionAnswerNo, (config, [questionID, questionAnswerID]) => ({
+                config,
+                questionID,
+                questionAnswerID,
+                y: false,
+                delete: false,
+            })),
+            filter: everythingIdle,
+            target: voteQuestionAnswerFx,
+        });
+        (0, effector_1.guard)({
+            source: (0, effector_1.sample)(configWithJWTAndLocale, voteQuestionAnswerDelete, (config, [questionID, questionAnswerID]) => ({
+                config,
+                questionID,
+                questionAnswerID,
+                y: false,
+                delete: true,
+            })),
+            filter: everythingIdle,
+            target: voteQuestionAnswerFx,
+        });
+    }
+    //================================================================================================================
+    // FLAG QUESTION ANSWER
+    //================================================================================================================
+    const flagQuestionAnswer = (0, effector_1.createEvent)();
+    const flagQuestionAnswerDelete = (0, effector_1.createEvent)();
+    {
+        const flagQuestionAnswerFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+            const resp = yield (0, request_js_1.request)(config.graphql.flagQuestionAnswerMutation)({ shopID: p.config.shopID, questionAnswerID: p.questionAnswerID, delete: p.delete }, p.config.opts);
+            if (resp.kind !== "data")
+                return resp;
+            return (0, request_js_1.request)(config.graphql.getQuestionQuery)({ shopID: p.config.shopID, questionID: p.questionID }, p.config.opts);
+        }));
+        addPendingStore(flagQuestionAnswerFx.pending);
+        const flagResult = (0, requestResponse_js_1.requestResponseSplitFirst)(flagQuestionAnswerFx.doneData);
+        // success
+        (0, effector_1.forward)({
+            from: msgFilter(flagQuestionAnswerFx.done, (p) => p.delete ? "question_answer_unflagged" : "question_answer_flagged"),
+            to: message,
+        });
+        questions.on(flagResult.data, replaceQuestion);
+        ownQuestions.on(flagResult.data, replaceQuestion);
+        // failure
+        (0, effector_1.forward)({
+            from: flagResult.error,
+            to: unexpectedError,
+        });
+        (0, effector_1.guard)({
+            source: (0, effector_1.sample)(configWithJWTAndLocale, flagQuestionAnswer, (config, [questionID, questionAnswerID]) => ({
+                config,
+                questionID,
+                questionAnswerID,
+                delete: false,
+            })),
+            filter: everythingIdle,
+            target: flagQuestionAnswerFx,
+        });
+        (0, effector_1.guard)({
+            source: (0, effector_1.sample)(configWithJWTAndLocale, flagQuestionAnswerDelete, (config, [questionID, questionAnswerID]) => ({
+                config,
+                questionID,
+                questionAnswerID,
+                delete: true,
+            })),
+            filter: everythingIdle,
+            target: flagQuestionAnswerFx,
+        });
+    }
+    const somethingPending = (0, combineSome_js_1.combineSome)(...pendingStores);
+    const somethingPendingButImageUpload = (0, combineSome_js_1.combineSome)(...pendingStoresButImageUpload);
+    (0, effector_1.forward)({
+        from: somethingPending.map((v) => !v),
+        to: everythingIdle,
+    });
+    (0, effector_1.forward)({
+        from: somethingPendingButImageUpload.map((v) => !v),
+        to: everythingIdleButImageUpload,
+    });
+    (0, effector_1.forward)({
+        from: [setReviewsSortBy.map(() => "replace"), setReviewsSortDesc.map(() => "replace")],
+        to: loadMoreReviewsGeneric,
+    });
+    (0, effector_1.forward)({
+        from: [setQuestionsSortBy.map(() => "replace"), setQuestionsSortDesc.map(() => "replace")],
+        to: loadMoreQuestionsGeneric,
+    });
+    (0, effector_1.forward)({
+        from: loadMoreReviews.map(() => "append"),
+        to: loadMoreReviewsGeneric,
+    });
+    (0, effector_1.forward)({
+        from: loadMoreQuestions.map(() => "append"),
+        to: loadMoreQuestionsGeneric,
+    });
+    // a special event which is fired when user invokes some event which requires auth, but jwt is missing
+    const signInRequired = (0, effector_1.createEvent)();
+    return {
+        signInRequired,
+        message,
+        load,
+        unexpectedError,
+        product,
+        images,
+        reviews,
+        reviewsSortBy,
+        reviewsSortDesc,
+        setReviewsSortBy,
+        setReviewsSortDesc,
+        questions,
+        questionsSortBy,
+        questionsSortDesc,
+        setQuestionsSortBy,
+        setQuestionsSortDesc,
+        ownReview,
+        ownQuestions,
+        somethingPending,
+        forms,
+        voteReviewYes: (0, wrapSignInRequired_js_1.wrapSignInRequired)(config.jwt, signInRequired, voteReviewYes),
+        voteReviewNo: (0, wrapSignInRequired_js_1.wrapSignInRequired)(config.jwt, signInRequired, voteReviewNo),
+        voteReviewDelete: (0, wrapSignInRequired_js_1.wrapSignInRequired)(config.jwt, signInRequired, voteReviewDelete),
+        flagReview: (0, wrapSignInRequired_js_1.wrapSignInRequired)(config.jwt, signInRequired, flagReview),
+        flagReviewDelete: (0, wrapSignInRequired_js_1.wrapSignInRequired)(config.jwt, signInRequired, flagReviewDelete),
+        voteQuestionYes: (0, wrapSignInRequired_js_1.wrapSignInRequired)(config.jwt, signInRequired, voteQuestionYes),
+        voteQuestionNo: (0, wrapSignInRequired_js_1.wrapSignInRequired)(config.jwt, signInRequired, voteQuestionNo),
+        voteQuestionDelete: (0, wrapSignInRequired_js_1.wrapSignInRequired)(config.jwt, signInRequired, voteQuestionDelete),
+        flagQuestion: (0, wrapSignInRequired_js_1.wrapSignInRequired)(config.jwt, signInRequired, flagQuestion),
+        flagQuestionDelete: (0, wrapSignInRequired_js_1.wrapSignInRequired)(config.jwt, signInRequired, flagQuestionDelete),
+        deleteReview: (0, wrapSignInRequired_js_1.wrapSignInRequired)(config.jwt, signInRequired, deleteReview),
+        deleteQuestion: (0, wrapSignInRequired_js_1.wrapSignInRequired)(config.jwt, signInRequired, deleteQuestion),
+        deleteQuestionAnswer: (0, wrapSignInRequired_js_1.wrapSignInRequired)(config.jwt, signInRequired, deleteQuestionAnswer),
+        voteQuestionAnswerYes: (0, wrapSignInRequired_js_1.wrapSignInRequired)(config.jwt, signInRequired, voteQuestionAnswerYes),
+        voteQuestionAnswerNo: (0, wrapSignInRequired_js_1.wrapSignInRequired)(config.jwt, signInRequired, voteQuestionAnswerNo),
+        voteQuestionAnswerDelete: (0, wrapSignInRequired_js_1.wrapSignInRequired)(config.jwt, signInRequired, voteQuestionAnswerDelete),
+        flagQuestionAnswer: (0, wrapSignInRequired_js_1.wrapSignInRequired)(config.jwt, signInRequired, flagQuestionAnswer),
+        flagQuestionAnswerDelete: (0, wrapSignInRequired_js_1.wrapSignInRequired)(config.jwt, signInRequired, flagQuestionAnswerDelete),
+        totalReviews,
+        totalQuestions,
+        canLoadMoreReviews,
+        canLoadMoreQuestions,
+        loadMoreReviews,
+        loadMoreQuestions,
+    };
+}
+exports.createProduct = createProduct;