@lana-commerce/core 11.0.0

package/cjs/modules/customer.js

@@ -0,0 +1,2174 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createCustomer = exports.isSamePageParam = exports.createVariantMap = void 0;
+const tslib_1 = require("tslib");
+const jwt_decode_1 = tslib_1.__importDefault(require("jwt-decode"));
+const effector_1 = require("effector");
+const ApplyGiftCardMutation_js_1 = tslib_1.__importDefault(require("../graphql/operations/ApplyGiftCardMutation.js"));
+const CancelOrderMutation_js_1 = tslib_1.__importDefault(require("../graphql/operations/CancelOrderMutation.js"));
+const CancelSubscriptionMutation_js_1 = tslib_1.__importDefault(require("../graphql/operations/CancelSubscriptionMutation.js"));
+const ConnectOAuth2Mutation_js_1 = tslib_1.__importDefault(require("../graphql/operations/ConnectOAuth2Mutation.js"));
+const CreateFavoriteMutation_js_1 = tslib_1.__importDefault(require("../graphql/operations/CreateFavoriteMutation.js"));
+const CreatePaymentSourceMutation_js_1 = tslib_1.__importDefault(require("../graphql/operations/CreatePaymentSourceMutation.js"));
+const CreateReturnMutation_js_1 = tslib_1.__importDefault(require("../graphql/operations/CreateReturnMutation.js"));
+const DeleteFavoriteMutation_js_1 = tslib_1.__importDefault(require("../graphql/operations/DeleteFavoriteMutation.js"));
+const DeletePaymentSourceMutation_js_1 = tslib_1.__importDefault(require("../graphql/operations/DeletePaymentSourceMutation.js"));
+const DisconnectOAuth2Mutation_js_1 = tslib_1.__importDefault(require("../graphql/operations/DisconnectOAuth2Mutation.js"));
+const EditSubscriptionMutation_js_1 = tslib_1.__importDefault(require("../graphql/operations/EditSubscriptionMutation.js"));
+const GetCustomerAddressesPageDataQuery_js_1 = tslib_1.__importDefault(require("../graphql/operations/GetCustomerAddressesPageDataQuery.js"));
+const GetCustomerBalanceHistoryPageQuery_js_1 = tslib_1.__importDefault(require("../graphql/operations/GetCustomerBalanceHistoryPageQuery.js"));
+const GetCustomerBalanceQuery_js_1 = tslib_1.__importDefault(require("../graphql/operations/GetCustomerBalanceQuery.js"));
+const GetCustomerInfoQuery_js_1 = tslib_1.__importDefault(require("../graphql/operations/GetCustomerInfoQuery.js"));
+const GetCustomerQuery_js_1 = tslib_1.__importDefault(require("../graphql/operations/GetCustomerQuery.js"));
+const GetFavoritesQuery_js_1 = tslib_1.__importDefault(require("../graphql/operations/GetFavoritesQuery.js"));
+const GetOrderQuery_js_1 = tslib_1.__importDefault(require("../graphql/operations/GetOrderQuery.js"));
+const GetOrdersPageQuery_js_1 = tslib_1.__importDefault(require("../graphql/operations/GetOrdersPageQuery.js"));
+const GetPaymentMethodsPageDataQuery_js_1 = tslib_1.__importDefault(require("../graphql/operations/GetPaymentMethodsPageDataQuery.js"));
+const GetProvincesQuery_js_1 = tslib_1.__importDefault(require("../graphql/operations/GetProvincesQuery.js"));
+const GetReturnCreationInfoQuery_js_1 = tslib_1.__importDefault(require("../graphql/operations/GetReturnCreationInfoQuery.js"));
+const GetReturnQuery_js_1 = tslib_1.__importDefault(require("../graphql/operations/GetReturnQuery.js"));
+const GetReturnsPageQuery_js_1 = tslib_1.__importDefault(require("../graphql/operations/GetReturnsPageQuery.js"));
+const GetSubscriptionQuery_js_1 = tslib_1.__importDefault(require("../graphql/operations/GetSubscriptionQuery.js"));
+const GetSubscriptionsPageQuery_js_1 = tslib_1.__importDefault(require("../graphql/operations/GetSubscriptionsPageQuery.js"));
+const ModifyCustomerMutation_js_1 = tslib_1.__importDefault(require("../graphql/operations/ModifyCustomerMutation.js"));
+const ModifyFavoriteMutation_js_1 = tslib_1.__importDefault(require("../graphql/operations/ModifyFavoriteMutation.js"));
+const NewPasswordMutation_js_1 = tslib_1.__importDefault(require("../graphql/operations/NewPasswordMutation.js"));
+const PauseSubscriptionMutation_js_1 = tslib_1.__importDefault(require("../graphql/operations/PauseSubscriptionMutation.js"));
+const ResetPasswordMutation_js_1 = tslib_1.__importDefault(require("../graphql/operations/ResetPasswordMutation.js"));
+const ResumeSubscriptionMutation_js_1 = tslib_1.__importDefault(require("../graphql/operations/ResumeSubscriptionMutation.js"));
+const SignInMutation_js_1 = tslib_1.__importDefault(require("../graphql/operations/SignInMutation.js"));
+const SignInViaEmailCompleteMutation_js_1 = tslib_1.__importDefault(require("../graphql/operations/SignInViaEmailCompleteMutation.js"));
+const SignInViaEmailInitMutation_js_1 = tslib_1.__importDefault(require("../graphql/operations/SignInViaEmailInitMutation.js"));
+const SignUpMutation_js_1 = tslib_1.__importDefault(require("../graphql/operations/SignUpMutation.js"));
+const SkipNextSubscriptionMutation_js_1 = tslib_1.__importDefault(require("../graphql/operations/SkipNextSubscriptionMutation.js"));
+const VerifyCodeMutation_js_1 = tslib_1.__importDefault(require("../graphql/operations/VerifyCodeMutation.js"));
+const codes_js_1 = require("../generated/codes.js");
+const request_js_1 = require("../request.js");
+const mapInvalidInput_js_1 = require("../mapInvalidInput.js");
+const stripeError_js_1 = require("../stripeError.js");
+const validator_js_1 = require("../effector/validator.js");
+const addEmptyListItem_js_1 = require("../addEmptyListItem.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 persist_js_1 = require("./persist.js");
+const generateRandomToken_js_1 = require("../generateRandomToken.js");
+const getTimezone_js_1 = require("../getTimezone.js");
+const lastValue_js_1 = require("../lastValue.js");
+const mapResponseData_js_1 = require("../mapResponseData.js");
+const multiResponseToResponse_js_1 = require("../multiResponseToResponse.js");
+const nonNull_js_1 = require("../nonNull.js");
+const requestResponse_js_1 = require("../effector/requestResponse.js");
+const split_js_1 = require("../effector/split.js");
+function getCustomerInfo(shopID, id, opts) {
+    return tslib_1.__awaiter(this, void 0, void 0, function* () {
+        if (!(opts === null || opts === void 0 ? void 0 : opts.authToken))
+            return null;
+        const resp = yield (0, request_js_1.requestMulti)(GetCustomerInfoQuery_js_1.default)({ shopID, id }, opts);
+        if (resp.kind === "data_or_error" && resp.data) {
+            const { customer, favorites } = resp.data;
+            if (customer && favorites) {
+                return {
+                    customer: customer[0],
+                    favorites: (0, compact_js_1.compact)(favorites.map((f) => f.variant
+                        ? {
+                            id: f.id,
+                            variantID: f.variant.id,
+                            inventoryNotification: f.inventory_notification,
+                            priceNotification: f.price_notification,
+                        }
+                        : undefined)),
+                };
+            }
+        }
+        return null;
+    });
+}
+function createVariantMap(order) {
+    const out = {};
+    for (const li of order.line_items) {
+        if (!li.variant)
+            continue;
+        out[li.variant.id] = li.variant;
+        if (li.variant.type === "bundle" && li.variant.bundle_line_items.length > 0) {
+            for (const bli of li.variant.bundle_line_items) {
+                if (!bli.variant)
+                    continue;
+                out[bli.variant.id] = bli.variant;
+            }
+        }
+    }
+    return out;
+}
+exports.createVariantMap = createVariantMap;
+//===================================================================================================================
+//===================================================================================================================
+//===================================================================================================================
+function formToBillingDetails(form) {
+    return {
+        name: form.name,
+        address: {
+            line1: form.address,
+            line2: "",
+            city: form.city,
+            postal_code: form.zip,
+            country: form.country,
+            state: form.province,
+        },
+    };
+}
+//===================================================================================================================
+//===================================================================================================================
+//===================================================================================================================
+function createAvailableProvincesLogic(binding, validators) {
+    // note that logic is only correct if fields start with these values: [], "", ""
+    const availableProvinces = (0, effector_1.createStore)([]);
+    const country = (0, form_js_1.createStringField)("country", "", validators);
+    const province = (0, form_js_1.createStringField)("province", "", validators);
+    const clearProvince = (0, effector_1.createEvent)();
+    // really clear province, this ignores initialValue
+    province.value.on(clearProvince, () => "");
+    province.touched.reset(clearProvince);
+    // once "availableProvinces" changes, check if "province" is valid, if not -> clear "province"
+    (0, effector_1.guard)({
+        source: availableProvinces,
+        filter: (0, effector_1.combine)(province.value, availableProvinces, (province, availableProvinces) => !availableProvinces.find((p) => p.code === province)),
+        target: clearProvince,
+    });
+    // "getProvincesFx" and its logic
+    const getProvincesFx = (0, effector_1.createEffect)((0, lastValue_js_1.lastValue)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = p.config;
+        return (0, request_js_1.request)(GetProvincesQuery_js_1.default)({ shopID, countryCode: p.data }, opts);
+    })));
+    {
+        const getProvincesLastValue = getProvincesFx.doneData.filterMap((v) => v.kind === "resolved" ? v.value : undefined);
+        const getProvincesResult = (0, requestResponse_js_1.requestResponseSplit)(getProvincesLastValue);
+        // success, apply "availableProvinces"
+        availableProvinces.on(getProvincesResult.data, (_, v) => v);
+        // failure, reset "availableProvinces" and report error
+        availableProvinces.reset(getProvincesResult.error);
+        (0, effector_1.forward)({
+            from: getProvincesResult.error,
+            to: binding.unexpectedError,
+        });
+    }
+    // on "country" changes
+    // 1. if "country" is empty
+    //       -> clear "availableProvinces"
+    //       -> clear "province" field
+    // 2. if "country" is not empty
+    //       -> run "getProvincesFx", it will change "availableProvinces" once resolved
+    const countryChanged = (0, effector_1.sample)(binding.internalConfig, country.value.updates, (config, data) => ({
+        config,
+        data,
+    }));
+    availableProvinces.reset(country.value.updates.filterMap((v) => (!v ? true : undefined)));
+    (0, effector_1.guard)({
+        source: countryChanged,
+        filter: (v) => !!v.data,
+        target: getProvincesFx,
+    });
+    (0, effector_1.guard)({
+        source: countryChanged,
+        filter: (v) => !v.data,
+        target: clearProvince,
+    });
+    return {
+        availableProvinces,
+        country,
+        province,
+    };
+}
+function isSamePageParam(a, b) {
+    // TODO: probably I can just remove CommonPageParam part and do a deep comparison
+    if (a.kind === "order" && b.kind === "order") {
+        return a.orderID === b.orderID;
+    }
+    else if (a.kind === "create_return" && b.kind === "create_return") {
+        return a.orderID === b.orderID;
+    }
+    else if (a.kind === "subscription" && b.kind === "subscription") {
+        return a.subscriptionID === b.subscriptionID;
+    }
+    else if (a.kind === "return" && b.kind === "return") {
+        return a.returnID === b.returnID;
+    }
+    else if (a.kind === "confirm" && b.kind === "confirm") {
+        return a.token === b.token;
+    }
+    else {
+        return a.kind === b.kind;
+    }
+}
+exports.isSamePageParam = isSamePageParam;
+function defineInit(binding, fn) {
+    const event = (0, effector_1.createEvent)();
+    const load = (0, effector_1.createEvent)();
+    const loadFx = (0, effector_1.createEffect)((p) => fn(p.config, p.param));
+    const loadParam = load.map((p) => p.param);
+    const { initPageSuccess: success, initPageFailure: failure } = splitRequestResponseData(loadFx.doneData);
+    (0, effector_1.guard)({
+        source: (0, effector_1.sample)(binding.internalConfig, load, (config, param) => ({ config, param })),
+        filter: binding.everythingIdle,
+        target: loadFx,
+    });
+    (0, effector_1.forward)({
+        from: success,
+        to: event,
+    });
+    (0, effector_1.forward)({
+        from: failure,
+        to: binding.unexpectedError,
+    });
+    return {
+        event,
+        load,
+        loaded: (0, effector_1.sample)(loadParam, success),
+        pending: loadFx.pending,
+    };
+}
+function defineInitBlank(binding) {
+    return defineInit(binding, () => tslib_1.__awaiter(this, void 0, void 0, function* () { return ({ kind: "data", data: null }); }));
+}
+//===================================================================================================================
+//===================================================================================================================
+//===================================================================================================================
+function splitRequestResponseData(source) {
+    const initPageSuccess = (0, effector_1.createEvent)();
+    const initPageFailure = (0, effector_1.createEvent)();
+    (0, split_js_1.splitMap)(source)
+        .map((v) => (v.kind === "data" ? v.data : undefined), initPageSuccess)
+        .fallback(initPageFailure);
+    return { initPageSuccess, initPageFailure };
+}
+//===================================================================================================================
+//===================================================================================================================
+//===================================================================================================================
+// pages you're not allowed to be in, while being logged in
+const disallowedAuthPages = {
+    signup: true,
+    signin: true,
+};
+// it's not allowed to store these pages as lastAuthPage
+const disallowedLastAuthPages = Object.assign(Object.assign({}, disallowedAuthPages), { reset_password: true, order: true, create_return: true, subscription: true, return: true, confirm: true });
+// only pages you're allowed to be in, while NOT being logged in
+const allowedNoAuthPages = {
+    signup: true,
+    signin: true,
+    confirm: true,
+    reset_password: true,
+};
+function shouldRedirect(jwt, pp, lastAuthPage) {
+    if (jwt) {
+        if (disallowedAuthPages[pp.kind]) {
+            return lastAuthPage
+                ? Object.assign(Object.assign({}, lastAuthPage), { action: pp.action === "pop" ? "pop_redirect" : "push_redirect" }) : { kind: "orders", action: pp.action === "pop" ? "pop_redirect" : "push_redirect" };
+        }
+    }
+    else {
+        if (!allowedNoAuthPages[pp.kind]) {
+            return { kind: "signin", action: pp.action === "pop" ? "pop_redirect" : "push_redirect" };
+        }
+    }
+}
+//===================================================================================================================
+//===================================================================================================================
+//===================================================================================================================
+function createFormToggleState(binding, 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: binding.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.forward)({
+            from: isFormVisible.updates.filterMap((v) => v || undefined),
+            to: form.reset,
+        });
+    }
+    return {
+        toggleFormVisibility,
+        isFormVisible,
+    };
+}
+function handleFormFailure(c, ...prefixMaps) {
+    const source = c.source || (0, effector_1.createEvent)();
+    (0, effector_1.sample)({
+        source,
+        clock: c.form.errorPropagationFailed,
+        target: c.unexpectedError,
+    });
+    (0, split_js_1.splitMap)(source)
+        .map((e) => (0, mapInvalidInput_js_1.mapInvalidInput)(e, ...prefixMaps), c.form.propagateErrors)
+        .fallback(c.unexpectedError);
+    return source;
+}
+//===================================================================================================================
+//===================================================================================================================
+//===================================================================================================================
+function createSignupPageGraph(binding) {
+    const init = defineInitBlank(binding);
+    const form = (0, form_js_1.createForm)({
+        name: (0, form_js_1.createStringField)("name", "", [validator_js_1.validNonEmpty, validator_js_1.validMaxLength250]),
+        email: (0, form_js_1.createStringField)("email", "", [validator_js_1.validNonEmpty, validator_js_1.validEmail, validator_js_1.validMaxLength250]),
+        password: (0, form_js_1.createStringField)("password", "", [validator_js_1.validNonEmpty]),
+        accepts_marketing: (0, form_js_1.createBooleanField)("accepts_marketing", false),
+    });
+    (0, effector_1.forward)({
+        from: init.event,
+        to: form.reset,
+    });
+    const signupFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = p.config;
+        return (0, request_js_1.request)(SignUpMutation_js_1.default)({ shopID, data: p.data }, opts);
+    }));
+    (0, effector_1.guard)({
+        source: (0, effector_1.sample)(binding.internalConfig, form.submitted, (config, data) => ({
+            config,
+            data: Object.assign(Object.assign({}, data), { timezone_hint: (0, getTimezone_js_1.getTimezone)() }),
+        })),
+        filter: binding.everythingIdle,
+        target: signupFx,
+    });
+    const { data: signupData, error: signupError } = (0, requestResponse_js_1.requestResponseSplit)(signupFx.doneData);
+    // success
+    (0, effector_1.forward)({
+        from: signupData.filterMap((v) => v[0].token || undefined),
+        to: binding.setJWT,
+    });
+    // failure
+    handleFormFailure({ source: signupError, form, unexpectedError: binding.unexpectedError }, { from: "[0]." });
+    return {
+        init,
+        form,
+        somethingIsPending: (0, combineSome_js_1.combineSome)(init.pending, signupFx.pending),
+    };
+}
+//===================================================================================================================
+//===================================================================================================================
+//===================================================================================================================
+function createResetPasswordPageGraph(binding) {
+    const init = defineInitBlank(binding);
+    // forms, we use shared fields here
+    const resetPasswordForm = (0, form_js_1.createFormWithCustomError)({
+        email: (0, form_js_1.createStringField)("email", "", [validator_js_1.validNonEmpty, validator_js_1.validEmail, validator_js_1.validMaxLength250]),
+    }, null);
+    const verifyCodeForm = (0, form_js_1.createFormWithCustomError)({
+        code: (0, form_js_1.createStringField)("code", "", [validator_js_1.validNonEmpty]),
+    }, null);
+    const newPasswordForm = (0, form_js_1.createForm)({
+        password: (0, form_js_1.createStringField)("password", "", [validator_js_1.validNonEmpty]),
+    });
+    const setStep = (0, effector_1.createEvent)();
+    const currentStep = (0, effector_1.restore)(setStep, { kind: "step1", form: resetPasswordForm });
+    (0, effector_1.forward)({
+        from: init.event,
+        to: [resetPasswordForm.reset, verifyCodeForm.reset, newPasswordForm.reset],
+    });
+    currentStep.reset(init.event);
+    // API requests
+    const noAuthConfig = binding.internalConfig.map((v) => (Object.assign(Object.assign({}, v), { opts: Object.assign(Object.assign({}, v.opts), { authToken: undefined }) })));
+    const resetPasswordFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = p.config;
+        return (0, request_js_1.request)(ResetPasswordMutation_js_1.default)({ shopID, data: p.data }, opts);
+    }));
+    const verifyCodeFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = p.config;
+        return (0, request_js_1.request)(VerifyCodeMutation_js_1.default)({ shopID, data: p.data }, opts);
+    }));
+    const newPasswordFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = p.config;
+        return (0, request_js_1.request)(NewPasswordMutation_js_1.default)({ shopID, data: p.data }, opts);
+    }));
+    // wire each form to its own API request
+    const step2Submitted = (0, effector_1.sample)(resetPasswordForm.submitted, verifyCodeForm.submitted, (a, b) => (Object.assign(Object.assign({}, a), b)));
+    const step3Submitted = (0, effector_1.sample)(step2Submitted, newPasswordForm.submitted, (a, b) => (Object.assign(Object.assign({}, a), b)));
+    (0, effector_1.guard)({
+        source: (0, effector_1.sample)(noAuthConfig, resetPasswordForm.submitted, (config, data) => ({ config, data })),
+        filter: binding.everythingIdle,
+        target: resetPasswordFx,
+    });
+    (0, effector_1.guard)({
+        source: (0, effector_1.sample)(noAuthConfig, step2Submitted, (config, data) => ({ config, data })),
+        filter: binding.everythingIdle,
+        target: verifyCodeFx,
+    });
+    (0, effector_1.guard)({
+        source: (0, effector_1.sample)(noAuthConfig, step3Submitted, (config, data) => ({ config, data })),
+        filter: binding.everythingIdle,
+        target: newPasswordFx,
+    });
+    // split API response results
+    const resetPasswordResult = (0, requestResponse_js_1.requestResponseSplit)(resetPasswordFx.doneData);
+    const verifyCodeResult = (0, requestResponse_js_1.requestResponseSplit)(verifyCodeFx.doneData);
+    const newPasswordResult = (0, requestResponse_js_1.requestResponseSplit)(newPasswordFx.doneData);
+    // SUCCESS
+    {
+        // form 1 => form 2
+        (0, effector_1.forward)({
+            from: resetPasswordResult.data.map(() => ({ kind: "step2", form: verifyCodeForm })),
+            to: setStep,
+        });
+        // form 2 => form 3
+        (0, effector_1.forward)({
+            from: verifyCodeResult.data.map(() => ({ kind: "step3", form: newPasswordForm })),
+            to: setStep,
+        });
+        // form 3 => drop auth, go to signin page
+        (0, effector_1.forward)({
+            from: newPasswordResult.data.map(() => ""),
+            to: binding.setJWT,
+        });
+        (0, effector_1.forward)({
+            from: newPasswordResult.data.map(() => ({ kind: "signin", action: "push" })),
+            to: binding.goTo,
+        });
+    }
+    // FAILURE
+    {
+        // form 1
+        (0, split_js_1.splitMap)(resetPasswordResult.error)
+            .map((e) => { var _a; return e.kind === "error" && ((_a = e.error.apiError) === null || _a === void 0 ? void 0 : _a.code) === codes_js_1.ErrorCode.TryAgainLater ? "try_again_later" : undefined; }, resetPasswordForm.setError)
+            .fallback(handleFormFailure({ form: resetPasswordForm, unexpectedError: binding.unexpectedError }));
+        // form 2
+        (0, split_js_1.splitMap)(verifyCodeResult.error)
+            .map((e) => { var _a; return (e.kind === "error" && ((_a = e.error.apiError) === null || _a === void 0 ? void 0 : _a.code) === codes_js_1.ErrorCode.NotFound ? "not_found" : undefined); }, verifyCodeForm.setError)
+            .fallback(handleFormFailure({ form: verifyCodeForm, unexpectedError: binding.unexpectedError }));
+        // form 3
+        handleFormFailure({
+            source: newPasswordResult.error,
+            form: newPasswordForm,
+            unexpectedError: binding.unexpectedError,
+        });
+    }
+    return {
+        init,
+        currentStep,
+        somethingIsPending: (0, combineSome_js_1.combineSome)(init.pending, resetPasswordFx.pending, verifyCodeFx.pending, newPasswordFx.pending),
+    };
+}
+//===================================================================================================================
+//===================================================================================================================
+//===================================================================================================================
+function createPaymentMethodsPageGraph(binding) {
+    const init = defineInit(binding, (config, _p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = config;
+        const jwt = (0, jwt_decode_1.default)((0, nonNull_js_1.nonNull)(opts === null || opts === void 0 ? void 0 : opts.authToken, "auth token"));
+        return (0, multiResponseToResponse_js_1.multiResponseToResponse)(yield (0, request_js_1.requestMulti)(GetPaymentMethodsPageDataQuery_js_1.default)({ shopID, customerID: jwt.customer_id }, opts), (v) => {
+            const { countries, storefrontPaymentSources, storefrontCustomers, analyticsGeoip } = v;
+            return countries && storefrontPaymentSources && storefrontCustomers && analyticsGeoip
+                ? {
+                    availableCountries: (0, addEmptyListItem_js_1.addEmptyListItem)(countries.map((v) => ({ value: v.code, label: v.name }))),
+                    customer: storefrontCustomers[0],
+                    paymentMethods: storefrontPaymentSources,
+                    geoip: analyticsGeoip,
+                }
+                : undefined;
+        });
+    }));
+    const pageData = (0, effector_1.createStore)(null);
+    pageData.on(init.event, (_, v) => v);
+    const { availableProvinces, country, province } = createAvailableProvincesLogic(binding, []);
+    const setStripeElement = (0, effector_1.createEvent)();
+    const stripeElement = (0, effector_1.restore)(setStripeElement, null).reset(init.event);
+    const form = (0, form_js_1.createForm)({
+        name: (0, form_js_1.createStringField)("name", "", []),
+        address: (0, form_js_1.createStringField)("address", "", []),
+        city: (0, form_js_1.createStringField)("city", "", []),
+        zip: (0, form_js_1.createStringField)("zip", "", []),
+        country,
+        province,
+        as_default: (0, form_js_1.createBooleanField)("as_default", false),
+    });
+    const formToggleState = createFormToggleState(binding, form);
+    formToggleState.isFormVisible.reset(init.event);
+    (0, effector_1.forward)({
+        from: init.event,
+        to: form.reset,
+    });
+    (0, effector_1.forward)({
+        from: init.event.map((v) => {
+            var _a, _b, _c, _d;
+            const dbid = v.customer.default_billing_address_id;
+            const dsid = v.customer.default_shipping_address_id;
+            const addrs = v.customer.addresses;
+            const addr = addrs.find((a) => a.id === dbid) || addrs.find((a) => a.id === dsid) || addrs.find(() => true);
+            if (addr) {
+                return {
+                    name: addr.name,
+                    address: addr.address1,
+                    city: addr.city,
+                    zip: addr.zip,
+                    country: ((_a = addr.country) === null || _a === void 0 ? void 0 : _a.code) || "",
+                    province: ((_b = addr.province) === null || _b === void 0 ? void 0 : _b.code) || "",
+                };
+            }
+            else {
+                return {
+                    name: "",
+                    address: "",
+                    city: "",
+                    zip: "",
+                    country: ((_c = v.geoip.country) === null || _c === void 0 ? void 0 : _c.code) || "",
+                    province: ((_d = v.geoip.province) === null || _d === void 0 ? void 0 : _d.code) || "",
+                };
+            }
+        }),
+        to: form.init,
+    });
+    const additionalFormSubmitData = (0, effector_1.combine)(stripeElement, binding.internalConfig, (stripeElement, config) => ({
+        stripeElement,
+        config,
+    }));
+    const addPaymentMethodFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = p.config;
+        const jwt = (0, jwt_decode_1.default)((0, nonNull_js_1.nonNull)(opts === null || opts === void 0 ? void 0 : opts.authToken, "auth token"));
+        if (!p.config.stripePromise)
+            return { kind: "custom_error", text: "stripePromise is not defined in config" };
+        if (!p.data.stripeElement)
+            return { kind: "custom_error", text: "stripeElement is not set" };
+        const stripe = yield p.config.stripePromise;
+        if (!stripe)
+            return { kind: "custom_error", text: "failed loading stripe library" };
+        const result = yield stripe.createPaymentMethod({
+            type: "card",
+            card: p.data.stripeElement,
+            billing_details: p.data.billingDetails,
+        });
+        if (result.error)
+            return {
+                kind: "custom_error",
+                text: "createPaymentMethod error: " + result.error.message || "\n" + JSON.stringify(result.error, null, 2),
+            };
+        const payment_method = result.paymentMethod.id;
+        const resp = yield (0, request_js_1.request)(CreatePaymentSourceMutation_js_1.default)({ shopID, data: { payment_method } }, opts);
+        if (resp.kind !== "data")
+            return resp;
+        const default_payment_source_id = resp.data[0].id;
+        if (p.data.asDefault) {
+            const resp = yield (0, request_js_1.request)(ModifyCustomerMutation_js_1.default)({ shopID, id: jwt.customer_id, data: { default_payment_source_id } }, opts);
+            if (resp.kind !== "data")
+                return resp;
+        }
+        return { kind: "data", data: true };
+    }));
+    const deletePaymentMethodFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = p.config;
+        return (0, request_js_1.request)(DeletePaymentSourceMutation_js_1.default)({ shopID, id: p.data }, opts);
+    }));
+    function initStripeField() {
+        const setInvalid = (0, effector_1.createEvent)();
+        const setComplete = (0, effector_1.createEvent)();
+        const setAPIError = (0, effector_1.createEvent)();
+        const touched = (0, effector_1.createStore)(false).reset(init.event).reset(form.reset);
+        const complete = (0, effector_1.restore)(setComplete, false).reset(init.event).reset(form.reset);
+        const invalid = (0, effector_1.restore)(setInvalid, null).reset(init.event).reset(form.reset);
+        const apiError = (0, effector_1.restore)(setAPIError, null).reset(init.event).reset(form.reset);
+        const error = (0, effector_1.combine)(touched, invalid, complete, apiError, (touched, invalid, complete, apiError) => {
+            if (apiError)
+                return apiError;
+            if (invalid)
+                return invalid;
+            if (touched && !complete)
+                return "incomplete";
+            return null;
+        });
+        return {
+            setAPIError,
+            setInvalid,
+            setComplete,
+            touched,
+            complete,
+            invalid,
+            apiError,
+            error,
+        };
+    }
+    const stripeNumber = initStripeField();
+    const stripeExpiry = initStripeField();
+    const stripeCVC = initStripeField();
+    const stripeComplete = (0, combineEvery_js_1.combineEvery)(stripeNumber.complete, stripeExpiry.complete, stripeCVC.complete);
+    (0, effector_1.forward)({
+        from: form.submit.map(() => true),
+        to: [stripeNumber.touched, stripeExpiry.touched, stripeCVC.touched],
+    });
+    (0, effector_1.guard)({
+        source: (0, effector_1.sample)(additionalFormSubmitData, form.submitted, (adata, data) => ({
+            config: adata.config,
+            data: {
+                billingDetails: formToBillingDetails(data),
+                asDefault: data.as_default,
+                stripeElement: adata.stripeElement,
+            },
+        })),
+        filter: (0, effector_1.combine)(binding.everythingIdle, stripeComplete, (a, b) => a && b),
+        target: addPaymentMethodFx,
+    });
+    const addPaymentMethodResult = (0, requestResponse_js_1.requestResponseSplit)(addPaymentMethodFx.doneData);
+    // success
+    (0, effector_1.forward)({
+        from: addPaymentMethodResult.data,
+        to: binding.reloadPage,
+    });
+    // failure
+    (0, effector_1.forward)({
+        // reset api errors "first"
+        from: addPaymentMethodResult.error.map(() => null),
+        to: [stripeNumber.setAPIError, stripeExpiry.setAPIError, stripeCVC.setAPIError],
+    });
+    (0, split_js_1.splitMap)(addPaymentMethodResult.error)
+        .map(stripeError_js_1.matchNumberErrorFromRR, stripeNumber.setAPIError)
+        .map(stripeError_js_1.matchExpiryErrorFromRR, stripeExpiry.setAPIError)
+        .map(stripeError_js_1.matchCVCErrorFromRR, stripeCVC.setAPIError)
+        .fallback(handleFormFailure({ form, unexpectedError: binding.unexpectedError }));
+    const deletePaymentMethodResult = (0, requestResponse_js_1.requestResponseSplit)(deletePaymentMethodFx.doneData);
+    // success
+    (0, effector_1.forward)({
+        from: deletePaymentMethodResult.data,
+        to: binding.reloadPage,
+    });
+    // failure
+    (0, effector_1.forward)({
+        from: deletePaymentMethodResult.error,
+        to: binding.unexpectedError,
+    });
+    const deletePaymentMethod = (0, effector_1.createEvent)();
+    (0, effector_1.guard)({
+        source: (0, effector_1.sample)(binding.internalConfig, deletePaymentMethod, (config, data) => ({ config, data })),
+        filter: binding.everythingIdle,
+        target: deletePaymentMethodFx,
+    });
+    return Object.assign(Object.assign({ init,
+        form }, formToggleState), { pageData, availableProvinces: availableProvinces.map((v) => (0, addEmptyListItem_js_1.addEmptyListItem)(v.map((v) => ({ value: v.code, label: v.name })))), somethingIsPending: (0, combineSome_js_1.combineSome)(init.pending, addPaymentMethodFx.pending, deletePaymentMethodFx.pending), setStripeElement,
+        stripeNumber,
+        stripeExpiry,
+        stripeCVC,
+        deletePaymentMethod });
+}
+//===================================================================================================================
+//===================================================================================================================
+//===================================================================================================================
+function createOrdersPageGraph(binding) {
+    const init = defineInit(binding, (config, _p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = config;
+        return (0, mapResponseData_js_1.mapResponseData)(yield (0, request_js_1.request)(GetOrdersPageQuery_js_1.default)({ shopID, lastKey: "" }, opts), (v) => ({
+            orders: v.items,
+            lastKey: v.last_key,
+        }));
+    }));
+    const getPageFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = p.config;
+        return (0, request_js_1.request)(GetOrdersPageQuery_js_1.default)({ shopID, lastKey: p.data }, opts);
+    }));
+    const loadMore = (0, effector_1.createEvent)();
+    // init orders and last key stores from API response
+    const orders = (0, effector_1.createStore)([]);
+    const lastKey = (0, effector_1.createStore)("");
+    orders.on(init.event, (_, v) => v.orders);
+    lastKey.on(init.event, (_, v) => v.lastKey);
+    // on loadMore, sample lastKey and fetch next page (if not already pending)
+    (0, effector_1.guard)({
+        source: (0, effector_1.sample)(binding.internalConfig, (0, effector_1.sample)(lastKey, loadMore), (config, data) => ({ config, data })),
+        filter: binding.everythingIdle,
+        target: getPageFx,
+    });
+    const { data: getPageData, error: getPageError } = (0, requestResponse_js_1.requestResponseSplit)(getPageFx.doneData);
+    // success: propagate new data to stores (note, last key is only applied when it's there)
+    orders.on(getPageData.map((v) => v.items), (orders, newOrders) => [...orders, ...newOrders]);
+    lastKey.on(getPageData.filterMap((v) => v.last_key || undefined), (_, v) => v);
+    // error: report unexpected error
+    (0, effector_1.forward)({ from: getPageError, to: binding.unexpectedError });
+    return {
+        init,
+        orders,
+        loadMore,
+        somethingIsPending: (0, combineSome_js_1.combineSome)(init.pending, getPageFx.pending),
+    };
+}
+//===================================================================================================================
+//===================================================================================================================
+//===================================================================================================================
+function createSubscriptionsPageGraph(binding) {
+    const init = defineInit(binding, (config, _p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = config;
+        return (0, mapResponseData_js_1.mapResponseData)(yield (0, request_js_1.request)(GetSubscriptionsPageQuery_js_1.default)({ shopID, lastKey: "" }, opts), (v) => ({
+            subscriptions: v.items,
+            lastKey: v.last_key,
+        }));
+    }));
+    const getPageFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = p.config;
+        return (0, request_js_1.request)(GetSubscriptionsPageQuery_js_1.default)({ shopID, lastKey: p.data }, opts);
+    }));
+    const loadMore = (0, effector_1.createEvent)();
+    // init subscriptions and last key stores from API response
+    const subscriptions = (0, effector_1.createStore)([]);
+    const lastKey = (0, effector_1.createStore)("");
+    subscriptions.on(init.event, (_, v) => v.subscriptions);
+    lastKey.on(init.event, (_, v) => v.lastKey);
+    // on loadMore, sample lastKey and fetch next page (if not already pending)
+    (0, effector_1.guard)({
+        source: (0, effector_1.sample)(binding.internalConfig, (0, effector_1.sample)(lastKey, loadMore), (config, data) => ({ config, data })),
+        filter: binding.everythingIdle,
+        target: getPageFx,
+    });
+    const { data: getPageData, error: getPageError } = (0, requestResponse_js_1.requestResponseSplit)(getPageFx.doneData);
+    // success: propagate new data to stores (note, last key is only applied when it's there)
+    subscriptions.on(getPageData.map((v) => v.items), (subscriptions, newSubscriptions) => [...subscriptions, ...newSubscriptions]);
+    lastKey.on(getPageData.filterMap((v) => v.last_key || undefined), (_, v) => v);
+    // error: report unexpected error
+    (0, effector_1.forward)({ from: getPageError, to: binding.unexpectedError });
+    return {
+        init,
+        subscriptions,
+        loadMore,
+        somethingIsPending: (0, combineSome_js_1.combineSome)(init.pending, getPageFx.pending),
+    };
+}
+//===================================================================================================================
+//===================================================================================================================
+//===================================================================================================================
+function createReturnsPageGraph(binding) {
+    const init = defineInit(binding, (config, _p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = config;
+        return (0, mapResponseData_js_1.mapResponseData)(yield (0, request_js_1.request)(GetReturnsPageQuery_js_1.default)({ shopID, lastKey: "" }, opts), (v) => ({
+            returns: v.items,
+            lastKey: v.last_key,
+        }));
+    }));
+    const getPageFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = p.config;
+        return (0, request_js_1.request)(GetReturnsPageQuery_js_1.default)({ shopID, lastKey: p.data }, opts);
+    }));
+    const loadMore = (0, effector_1.createEvent)();
+    // init returns and last key stores from API response
+    const returns = (0, effector_1.createStore)([]);
+    const lastKey = (0, effector_1.createStore)("");
+    returns.on(init.event, (_, v) => v.returns);
+    lastKey.on(init.event, (_, v) => v.lastKey);
+    // on loadMore, sample lastKey and fetch next page (if not already pending)
+    (0, effector_1.guard)({
+        source: (0, effector_1.sample)(binding.internalConfig, (0, effector_1.sample)(lastKey, loadMore), (config, data) => ({ config, data })),
+        filter: binding.everythingIdle,
+        target: getPageFx,
+    });
+    const { data: getPageData, error: getPageError } = (0, requestResponse_js_1.requestResponseSplit)(getPageFx.doneData);
+    // success: propagate new data to stores (note, last key is only applied when it's there)
+    returns.on(getPageData.map((v) => v.items), (returns, newReturns) => [...returns, ...newReturns]);
+    lastKey.on(getPageData.filterMap((v) => v.last_key || undefined), (_, v) => v);
+    // error: report unexpected error
+    (0, effector_1.forward)({ from: getPageError, to: binding.unexpectedError });
+    return {
+        init,
+        returns,
+        loadMore,
+        somethingIsPending: (0, combineSome_js_1.combineSome)(init.pending, getPageFx.pending),
+    };
+}
+//===================================================================================================================
+//===================================================================================================================
+//===================================================================================================================
+function createFavoritesPageGraph(binding) {
+    const init = defineInit(binding, (config, _p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = config;
+        return (0, mapResponseData_js_1.mapResponseData)(yield (0, request_js_1.request)(GetFavoritesQuery_js_1.default)({ shopID }, opts), (v) => ({
+            favorites: v.sort((a, b) => a.created_at.localeCompare(b.created_at)),
+        }));
+    }));
+    const favorites = (0, effector_1.createStore)([]);
+    favorites.on(init.event, (_, v) => v.favorites);
+    (0, effector_1.forward)({
+        from: init.event.map((v) => (0, compact_js_1.compact)(v.favorites.map((v) => v.variant
+            ? {
+                id: v.id,
+                variantID: v.variant.id,
+                inventoryNotification: v.inventory_notification,
+                priceNotification: v.price_notification,
+            }
+            : null))),
+        to: binding.setFavorites,
+    });
+    const addFavoriteFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = p.config;
+        return (0, request_js_1.request)(CreateFavoriteMutation_js_1.default)({ shopID, data: p.data }, opts);
+    }));
+    const addFavoriteResult = (0, requestResponse_js_1.requestResponseSplit)(addFavoriteFx.doneData);
+    // success
+    (0, effector_1.forward)({
+        from: addFavoriteResult.data.map(() => "favorites"),
+        to: binding.reloadPageIfActive,
+    });
+    (0, effector_1.forward)({
+        from: addFavoriteFx.done.filterMap((v) => v.result.kind === "data"
+            ? {
+                id: v.result.data[0].id,
+                variantID: v.params.data.variant_id,
+                inventoryNotification: v.result.data[0].inventory_notification,
+                priceNotification: v.result.data[0].price_notification,
+            }
+            : undefined),
+        to: binding.addFavoriteToInfo,
+    });
+    (0, effector_1.forward)({
+        from: addFavoriteResult.data.map(() => "favorite_added"),
+        to: binding.message,
+    });
+    // failure
+    (0, effector_1.forward)({
+        from: addFavoriteResult.error,
+        to: binding.unexpectedError,
+    });
+    const deleteFavoriteFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = p.config;
+        return (0, request_js_1.request)(DeleteFavoriteMutation_js_1.default)({ shopID, id: p.data }, opts);
+    }));
+    const deleteFavoriteResult = (0, requestResponse_js_1.requestResponseSplit)(deleteFavoriteFx.doneData);
+    // success
+    (0, effector_1.forward)({
+        from: deleteFavoriteResult.data.map(() => "favorites"),
+        to: binding.reloadPageIfActive,
+    });
+    (0, effector_1.forward)({
+        from: deleteFavoriteFx.done.filterMap((v) => (v.result.kind === "data" ? v.params.data : undefined)),
+        to: binding.removeFavoriteFromInfo,
+    });
+    (0, effector_1.forward)({
+        from: deleteFavoriteResult.data.map(() => "favorite_deleted"),
+        to: binding.message,
+    });
+    // failure
+    (0, effector_1.forward)({
+        from: deleteFavoriteResult.error,
+        to: binding.unexpectedError,
+    });
+    const modifyFavoriteFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = p.config;
+        return (0, request_js_1.request)(ModifyFavoriteMutation_js_1.default)({ shopID, id: p.data[0], data: p.data[1] }, opts);
+    }));
+    const modifyFavoriteResult = (0, requestResponse_js_1.requestResponseSplit)(modifyFavoriteFx.doneData);
+    // success
+    (0, effector_1.forward)({
+        from: modifyFavoriteResult.data.map(() => "favorites"),
+        to: binding.reloadPageIfActive,
+    });
+    (0, effector_1.forward)({
+        from: modifyFavoriteFx.done.filterMap((v) => {
+            var _a;
+            return v.result.kind === "data"
+                ? {
+                    id: v.result.data[0].id,
+                    variantID: ((_a = v.result.data[0].variant) === null || _a === void 0 ? void 0 : _a.id) || "",
+                    inventoryNotification: v.result.data[0].inventory_notification,
+                    priceNotification: v.result.data[0].price_notification,
+                }
+                : undefined;
+        }),
+        to: binding.modifyFavoriteInInfo,
+    });
+    (0, effector_1.forward)({
+        from: modifyFavoriteResult.data.map(() => "favorite_modified"),
+        to: binding.message,
+    });
+    // failure
+    (0, effector_1.forward)({
+        from: modifyFavoriteResult.error,
+        to: binding.unexpectedError,
+    });
+    const deleteFavorite = (0, effector_1.createEvent)();
+    (0, effector_1.guard)({
+        source: (0, effector_1.sample)(binding.internalConfig, deleteFavorite, (config, data) => ({ config, data })),
+        filter: binding.everythingIdle,
+        target: deleteFavoriteFx,
+    });
+    const addFavorite = (0, effector_1.createEvent)();
+    const addFavoriteEx = (0, effector_1.createEvent)();
+    (0, effector_1.guard)({
+        source: (0, effector_1.sample)(binding.internalConfig, addFavorite, (config, variant_id) => ({
+            config,
+            data: { variant_id },
+        })),
+        filter: binding.everythingIdle,
+        target: addFavoriteFx,
+    });
+    (0, effector_1.guard)({
+        source: (0, effector_1.sample)(binding.internalConfig, addFavoriteEx, (config, data) => ({ config, data })),
+        filter: binding.everythingIdle,
+        target: addFavoriteFx,
+    });
+    const modifyFavorite = (0, effector_1.createEvent)();
+    (0, effector_1.guard)({
+        source: (0, effector_1.sample)(binding.internalConfig, modifyFavorite, (config, data) => ({ config, data })),
+        filter: binding.everythingIdle,
+        target: modifyFavoriteFx,
+    });
+    return {
+        init,
+        favorites,
+        addFavorite,
+        addFavoriteEx,
+        modifyFavorite,
+        deleteFavorite,
+        somethingIsPending: (0, combineSome_js_1.combineSome)(init.pending, addFavoriteFx.pending, modifyFavoriteFx.pending, deleteFavoriteFx.pending),
+    };
+}
+//===================================================================================================================
+//===================================================================================================================
+//===================================================================================================================
+function addressToAPI(addr) {
+    const { country, province, latitude, longitude } = addr, apiAddr = tslib_1.__rest(addr, ["country", "province", "latitude", "longitude"]);
+    return Object.assign(Object.assign({}, apiAddr), { country: addr.country ? addr.country.code : "", province: addr.province ? addr.province.code : "" });
+}
+function createAddressesPageGraph(binding) {
+    const init = defineInit(binding, (config, _p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = config;
+        const jwt = (0, jwt_decode_1.default)((0, nonNull_js_1.nonNull)(opts === null || opts === void 0 ? void 0 : opts.authToken, "auth token"));
+        return (0, multiResponseToResponse_js_1.multiResponseToResponse)(yield (0, request_js_1.requestMulti)(GetCustomerAddressesPageDataQuery_js_1.default)({ shopID, customerID: jwt.customer_id }, opts), (v) => {
+            var _a, _b;
+            const { analyticsGeoip, countries, storefrontCustomers } = v;
+            if (!analyticsGeoip || !countries || !storefrontCustomers) {
+                return undefined;
+            }
+            let geoCountryCode = ((_a = analyticsGeoip.country) === null || _a === void 0 ? void 0 : _a.code) || "";
+            let geoProvinceCode = ((_b = analyticsGeoip.province) === null || _b === void 0 ? void 0 : _b.code) || "";
+            if (!countries.find((v) => v.code === geoCountryCode)) {
+                geoCountryCode = "";
+                geoProvinceCode = "";
+            }
+            return {
+                availableCountries: (0, addEmptyListItem_js_1.addEmptyListItem)(countries.map((v) => ({ value: v.code, label: v.name }))),
+                customer: storefrontCustomers[0],
+                geoCountryCode,
+                geoProvinceCode,
+            };
+        });
+    }));
+    const { availableProvinces, country, province } = createAvailableProvincesLogic(binding, [validator_js_1.validNonEmpty]);
+    const form = (0, form_js_1.createForm)({
+        id: (0, form_js_1.createStringField)("id", "", []),
+        name: (0, form_js_1.createStringField)("name", "", [validator_js_1.validNonEmpty, validator_js_1.validMaxLength160]),
+        address1: (0, form_js_1.createStringField)("address1", "", [validator_js_1.validNonEmpty, validator_js_1.validMaxLength190]),
+        address2: (0, form_js_1.createStringField)("address2", "", [validator_js_1.validMaxLength190]),
+        city: (0, form_js_1.createStringField)("city", "", [validator_js_1.validNonEmpty, validator_js_1.validMaxLength80]),
+        zip: (0, form_js_1.createStringField)("zip", "", [validator_js_1.validNonEmpty, validator_js_1.validMaxLength32]),
+        country,
+        province,
+        default_shipping: (0, form_js_1.createBooleanField)("default_shipping", false),
+        default_billing: (0, form_js_1.createBooleanField)("default_billing", false),
+    });
+    // prefill country/province with geoip data
+    (0, effector_1.forward)({
+        from: init.event.map((v) => v.geoCountryCode),
+        to: form.country.setInitialValue,
+    });
+    (0, effector_1.forward)({
+        from: init.event.map((v) => v.geoProvinceCode),
+        to: form.province.setInitialValue,
+    });
+    const modifyCustomerFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = p.config;
+        const jwt = (0, jwt_decode_1.default)((0, nonNull_js_1.nonNull)(opts === null || opts === void 0 ? void 0 : opts.authToken, "auth token"));
+        return (0, request_js_1.request)(ModifyCustomerMutation_js_1.default)({ shopID, id: jwt.customer_id, data: p.data }, opts);
+    }));
+    const modifyCustomerResult = (0, requestResponse_js_1.requestResponseSplitFirst)(modifyCustomerFx.doneData);
+    // success
+    (0, effector_1.forward)({
+        from: modifyCustomerResult.data,
+        to: binding.reloadPage,
+    });
+    // failure
+    handleFormFailure({ source: modifyCustomerResult.error, form, unexpectedError: binding.unexpectedError });
+    const pageData = (0, effector_1.createStore)(null);
+    pageData.on(init.event, (_, v) => v);
+    // show form for a particular address
+    const isFormVisible = (0, effector_1.createStore)(false);
+    const addressEditIndex = (0, effector_1.createStore)(-1);
+    const showFormFor = (0, effector_1.createEvent)();
+    const toggleFormVisibility = (0, effector_1.createEvent)();
+    const formVisibilityChanged = (0, effector_1.createEvent)();
+    (0, effector_1.guard)({
+        source: showFormFor.map((index) => ({ visible: true, index })),
+        filter: binding.everythingIdle,
+        target: formVisibilityChanged,
+    });
+    (0, effector_1.guard)({
+        source: (0, effector_1.sample)(isFormVisible, toggleFormVisibility, (v) => ({ visible: !v, index: -1 })),
+        filter: binding.everythingIdle,
+        target: formVisibilityChanged,
+    });
+    (0, effector_1.forward)({
+        from: (0, effector_1.sample)(addressEditIndex, init.event, (index) => ({ visible: false, index })),
+        to: formVisibilityChanged,
+    });
+    (0, effector_1.forward)({
+        from: formVisibilityChanged.map((v) => v.visible),
+        to: isFormVisible,
+    });
+    (0, effector_1.forward)({
+        from: formVisibilityChanged.filterMap((v) => (v.visible ? v.index : undefined)),
+        to: addressEditIndex,
+    });
+    (0, effector_1.forward)({
+        from: (0, effector_1.sample)(pageData, formVisibilityChanged.filterMap((v) => (v.visible ? v : undefined)), (pageData, { index }) => {
+            var _a, _b;
+            const empty = {
+                id: "",
+                name: "",
+                address1: "",
+                address2: "",
+                city: "",
+                zip: "",
+                country: "",
+                province: "",
+                default_shipping: false,
+                default_billing: false,
+            };
+            if (index === -1)
+                return empty;
+            const c = pageData === null || pageData === void 0 ? void 0 : pageData.customer;
+            if (!c)
+                return empty;
+            const a = c.addresses[index];
+            if (!a)
+                return empty;
+            return {
+                id: a.id,
+                name: a.name,
+                address1: a.address1,
+                address2: a.address2,
+                city: a.city,
+                zip: a.zip,
+                country: ((_a = a.country) === null || _a === void 0 ? void 0 : _a.code) || "",
+                province: ((_b = a.province) === null || _b === void 0 ? void 0 : _b.code) || "",
+                default_shipping: a.id === c.default_shipping_address_id,
+                default_billing: a.id === c.default_billing_address_id,
+            };
+        }),
+        to: form.init,
+    });
+    const formSubmit = (0, effector_1.sample)((0, effector_1.combine)({ pageData, addressEditIndex }), form.submitted, ({ pageData, addressEditIndex }, data) => {
+        if (addressEditIndex === -1) {
+            const addresses = (pageData === null || pageData === void 0 ? void 0 : pageData.customer.addresses) || [];
+            const { default_billing, default_shipping } = data, apiData = tslib_1.__rest(data, ["default_billing", "default_shipping"]);
+            return {
+                addresses: [
+                    ...addresses.map(addressToAPI),
+                    Object.assign(Object.assign({}, apiData), { phone: "", company: "" }),
+                ],
+                default_billing_address_id: default_billing ? "first" : undefined,
+                default_shipping_address_id: default_shipping ? "first" : undefined,
+            };
+        }
+        else {
+            const { default_billing, default_shipping } = data, apiData = tslib_1.__rest(data, ["default_billing", "default_shipping"]);
+            const addresses = [...((pageData === null || pageData === void 0 ? void 0 : pageData.customer.addresses) || [])].map(addressToAPI);
+            addresses[addressEditIndex] = Object.assign(Object.assign({}, apiData), { phone: "", company: "" });
+            const prevDB = (pageData === null || pageData === void 0 ? void 0 : pageData.customer.default_billing_address_id) === apiData.id;
+            const prevDS = (pageData === null || pageData === void 0 ? void 0 : pageData.customer.default_shipping_address_id) === apiData.id;
+            return {
+                addresses,
+                default_billing_address_id: default_billing !== prevDB ? (default_billing ? apiData.id : "") : undefined,
+                default_shipping_address_id: default_shipping !== prevDS ? (default_shipping ? apiData.id : "") : undefined,
+            };
+        }
+    });
+    (0, effector_1.guard)({
+        source: (0, effector_1.sample)(binding.internalConfig, formSubmit, (config, data) => ({ config, data })),
+        filter: binding.everythingIdle,
+        target: modifyCustomerFx,
+    });
+    const deleteAddress = (0, effector_1.createEvent)();
+    const deleteAddressValid = (0, effector_1.sample)(pageData, deleteAddress, (pageData, idx) => {
+        const addressesLength = (pageData === null || pageData === void 0 ? void 0 : pageData.customer.addresses.length) || 0;
+        return idx >= 0 && idx < addressesLength ? idx : undefined;
+    }).filterMap((v) => v);
+    const deleteAddressSubmit = (0, effector_1.sample)(pageData, deleteAddressValid, (pageData, idx) => {
+        const dbid = (pageData === null || pageData === void 0 ? void 0 : pageData.customer.default_billing_address_id) || "";
+        const dsid = (pageData === null || pageData === void 0 ? void 0 : pageData.customer.default_shipping_address_id) || "";
+        const addresses = pageData === null || pageData === void 0 ? void 0 : pageData.customer.addresses.filter((_, aidx) => aidx !== idx).map(addressToAPI);
+        return {
+            addresses,
+            default_billing_address_id: (addresses === null || addresses === void 0 ? void 0 : addresses.some((a) => a.id === dbid)) ? dbid : "",
+            default_shipping_address_id: (addresses === null || addresses === void 0 ? void 0 : addresses.some((a) => a.id === dsid)) ? dsid : "",
+        };
+    });
+    const makeDefault = (0, effector_1.createEvent)();
+    const makeDefaultValid = (0, effector_1.sample)(pageData, makeDefault, (pageData, idx) => {
+        const addresses = pageData === null || pageData === void 0 ? void 0 : pageData.customer.addresses;
+        return addresses && idx >= 0 && idx < addresses.length ? addresses[idx].id : undefined;
+    }).filterMap((v) => v);
+    const makeDefaultSubmit = makeDefaultValid.map((id) => {
+        return {
+            default_billing_address_id: id,
+            default_shipping_address_id: id,
+        };
+    });
+    (0, effector_1.guard)({
+        source: (0, effector_1.sample)(binding.internalConfig, deleteAddressSubmit, (config, data) => ({ config, data })),
+        filter: binding.everythingIdle,
+        target: modifyCustomerFx,
+    });
+    (0, effector_1.guard)({
+        source: (0, effector_1.sample)(binding.internalConfig, makeDefaultSubmit, (config, data) => ({ config, data })),
+        filter: binding.everythingIdle,
+        target: modifyCustomerFx,
+    });
+    return {
+        init,
+        form,
+        showFormFor,
+        toggleFormVisibility,
+        isFormVisible,
+        addressEditIndex,
+        pageData,
+        availableProvinces: availableProvinces.map((v) => (0, addEmptyListItem_js_1.addEmptyListItem)(v.map((v) => ({ value: v.code, label: v.name })))),
+        deleteAddress,
+        makeDefault,
+        somethingIsPending: (0, combineSome_js_1.combineSome)(init.pending, modifyCustomerFx.pending),
+    };
+}
+//===================================================================================================================
+//===================================================================================================================
+//===================================================================================================================
+function createOrderPageGraph(binding) {
+    const init = defineInit(binding, (config, p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = config;
+        return (0, mapResponseData_js_1.mapResponseData)(yield (0, request_js_1.request)(GetOrderQuery_js_1.default)({ shopID, id: p.param.orderID }, opts), (v) => ({
+            order: v[0],
+        }));
+    }));
+    const order = (0, effector_1.createStore)(null).on(init.event, (_, v) => v.order);
+    const cancelOrderFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = p.config;
+        return (0, request_js_1.request)(CancelOrderMutation_js_1.default)({ shopID, id: p.data }, opts);
+    }));
+    const cancelOrderResult = (0, requestResponse_js_1.requestResponseSplit)(cancelOrderFx.doneData);
+    // success
+    (0, effector_1.forward)({
+        from: cancelOrderResult.data,
+        to: binding.reloadPage,
+    });
+    // failure
+    (0, effector_1.forward)({
+        from: cancelOrderResult.error,
+        to: binding.unexpectedError,
+    });
+    const cancelOrder = (0, effector_1.createEvent)();
+    const canCancelOrder = order.map((o) => o !== null && o.on_hold && !o.canceled_at);
+    (0, effector_1.guard)({
+        source: (0, effector_1.sample)((0, effector_1.combine)({ config: binding.internalConfig, order }), cancelOrder, ({ config, order }) => ({
+            config,
+            data: (order === null || order === void 0 ? void 0 : order.id) || "",
+        })),
+        filter: (0, combineEvery_js_1.combineEvery)(binding.everythingIdle, canCancelOrder),
+        target: cancelOrderFx,
+    });
+    return {
+        init,
+        order,
+        cancelOrder,
+        canCancelOrder,
+        somethingIsPending: (0, combineSome_js_1.combineSome)(init.pending, cancelOrderFx.pending),
+    };
+}
+//===================================================================================================================
+//===================================================================================================================
+//===================================================================================================================
+function createSubscriptionPageGraph(binding) {
+    const init = defineInit(binding, (config, p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = config;
+        const jwt = (0, jwt_decode_1.default)((0, nonNull_js_1.nonNull)(opts === null || opts === void 0 ? void 0 : opts.authToken, "auth token"));
+        return (0, multiResponseToResponse_js_1.multiResponseToResponse)(yield (0, request_js_1.requestMulti)(GetSubscriptionQuery_js_1.default)({ shopID, subscriptionID: p.param.subscriptionID, customerID: jwt.customer_id }, opts), (v) => {
+            var _a;
+            if (!v.storefrontSubscriptions || !v.storefrontCustomers)
+                return undefined;
+            return {
+                customer: (_a = v.storefrontCustomers) === null || _a === void 0 ? void 0 : _a[0],
+                paymentMethods: v.storefrontPaymentSources || [],
+                subscription: v.storefrontSubscriptions[0],
+            };
+        }, true);
+    }));
+    const subscription = (0, effector_1.createStore)(null).on(init.event, (_, v) => v.subscription);
+    const customer = (0, effector_1.createStore)(null).on(init.event, (_, v) => v.customer);
+    const paymentMethods = (0, effector_1.createStore)([]).on(init.event, (_, v) => v.paymentMethods);
+    const form = (0, form_js_1.createForm)({
+        billing_address: (0, form_js_1.createEnumField)("billing_address", "origin_order", []),
+        billing_address_id: (0, form_js_1.createStringField)("billing_address_id", "", []),
+        shipping_address: (0, form_js_1.createEnumField)("shipping_address", "origin_order", []),
+        shipping_address_id: (0, form_js_1.createStringField)("shipping_address_id", "", []),
+        payment_source: (0, form_js_1.createEnumField)("payment_source", "origin_order", []),
+        payment_source_id: (0, form_js_1.createStringField)("payment_source_id", "", []),
+    });
+    (0, effector_1.forward)({
+        from: init.event.map((v) => {
+            const s = v.subscription;
+            return {
+                billing_address: (s === null || s === void 0 ? void 0 : s.billing_address) || "origin_order",
+                billing_address_id: (s === null || s === void 0 ? void 0 : s.billing_address_id) || "",
+                shipping_address: (s === null || s === void 0 ? void 0 : s.shipping_address) || "origin_order",
+                shipping_address_id: (s === null || s === void 0 ? void 0 : s.shipping_address_id) || "",
+                payment_source: (s === null || s === void 0 ? void 0 : s.payment_source) || "origin_order",
+                payment_source_id: (s === null || s === void 0 ? void 0 : s.payment_source_id) || "",
+            };
+        }),
+        to: form.init,
+    });
+    const cancel = (0, effector_1.createEvent)();
+    const pause = (0, effector_1.createEvent)();
+    const resume = (0, effector_1.createEvent)();
+    const skipNext = (0, effector_1.createEvent)();
+    const editFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = p.config;
+        return (0, request_js_1.request)(EditSubscriptionMutation_js_1.default)({ shopID, subscriptionID: p.data[0], data: p.data[1] }, opts);
+    }));
+    const cancelFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = p.config;
+        return (0, request_js_1.request)(CancelSubscriptionMutation_js_1.default)({ shopID, subscriptionID: p.data }, opts);
+    }));
+    const pauseFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = p.config;
+        return (0, request_js_1.request)(PauseSubscriptionMutation_js_1.default)({ shopID, subscriptionID: p.data }, opts);
+    }));
+    const resumeFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = p.config;
+        return (0, request_js_1.request)(ResumeSubscriptionMutation_js_1.default)({ shopID, subscriptionID: p.data }, opts);
+    }));
+    const skipNextFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = p.config;
+        return (0, request_js_1.request)(SkipNextSubscriptionMutation_js_1.default)({ shopID, subscriptionID: p.data }, opts);
+    }));
+    const configAndSubscription = (0, effector_1.combine)({ config: binding.internalConfig, subscription });
+    const connectEventToFx = (ev, fx) => {
+        (0, effector_1.guard)({
+            source: (0, effector_1.sample)(configAndSubscription, ev, (cas) => {
+                var _a;
+                return ({
+                    config: cas.config,
+                    data: ((_a = cas.subscription) === null || _a === void 0 ? void 0 : _a.id) || "",
+                });
+            }),
+            filter: binding.everythingIdle,
+            target: fx,
+        });
+    };
+    connectEventToFx(cancel, cancelFx);
+    connectEventToFx(pause, pauseFx);
+    connectEventToFx(resume, resumeFx);
+    connectEventToFx(skipNext, skipNextFx);
+    const cancelResult = (0, requestResponse_js_1.requestResponseSplit)(cancelFx.doneData);
+    const pauseResult = (0, requestResponse_js_1.requestResponseSplit)(pauseFx.doneData);
+    const resumeResult = (0, requestResponse_js_1.requestResponseSplit)(resumeFx.doneData);
+    const skipNextResult = (0, requestResponse_js_1.requestResponseSplit)(skipNextFx.doneData);
+    // success
+    (0, effector_1.forward)({ from: cancelResult.data, to: binding.reloadPage });
+    (0, effector_1.forward)({ from: pauseResult.data, to: binding.reloadPage });
+    (0, effector_1.forward)({ from: resumeResult.data, to: binding.reloadPage });
+    (0, effector_1.forward)({ from: skipNextResult.data, to: binding.reloadPage });
+    // failure
+    (0, effector_1.forward)({ from: cancelResult.error, to: binding.unexpectedError });
+    (0, effector_1.forward)({ from: pauseResult.error, to: binding.unexpectedError });
+    (0, effector_1.forward)({ from: resumeResult.error, to: binding.unexpectedError });
+    (0, effector_1.forward)({ from: skipNextResult.error, to: binding.unexpectedError });
+    const editResult = (0, requestResponse_js_1.requestResponseSplit)(editFx.doneData);
+    // success
+    (0, effector_1.forward)({
+        from: editResult.data,
+        to: binding.reloadPage,
+    });
+    // failure
+    handleFormFailure({ source: editResult.error, form, unexpectedError: binding.unexpectedError });
+    const formSubmit = (0, effector_1.sample)(subscription, form.submitted, (subscription, data) => {
+        const r = [(subscription === null || subscription === void 0 ? void 0 : subscription.id) || "", data];
+        return r;
+    });
+    (0, effector_1.guard)({
+        source: (0, effector_1.sample)(binding.internalConfig, formSubmit, (config, data) => ({ config, data })),
+        filter: binding.everythingIdle,
+        target: editFx,
+    });
+    const setBillingAddressValueAndID = (0, effector_1.createEvent)();
+    const setShippingAddressValueAndID = (0, effector_1.createEvent)();
+    const setPaymentSourceValueAndID = (0, effector_1.createEvent)();
+    (0, effector_1.forward)({ from: setBillingAddressValueAndID.map((v) => v[0]), to: form.billing_address.change });
+    (0, effector_1.forward)({ from: setBillingAddressValueAndID.map((v) => v[1]), to: form.billing_address_id.change });
+    (0, effector_1.forward)({ from: setShippingAddressValueAndID.map((v) => v[0]), to: form.shipping_address.change });
+    (0, effector_1.forward)({ from: setShippingAddressValueAndID.map((v) => v[1]), to: form.shipping_address_id.change });
+    (0, effector_1.forward)({ from: setPaymentSourceValueAndID.map((v) => v[0]), to: form.payment_source.change });
+    (0, effector_1.forward)({ from: setPaymentSourceValueAndID.map((v) => v[1]), to: form.payment_source_id.change });
+    return {
+        init,
+        form,
+        subscription,
+        customer,
+        paymentMethods,
+        cancel,
+        pause,
+        resume,
+        skipNext,
+        somethingIsPending: (0, combineSome_js_1.combineSome)(init.pending, editFx.pending, cancelFx.pending, pauseFx.pending, resumeFx.pending, skipNextFx.pending),
+        setBillingAddressValueAndID,
+        setShippingAddressValueAndID,
+        setPaymentSourceValueAndID,
+    };
+}
+//===================================================================================================================
+//===================================================================================================================
+//===================================================================================================================
+function createReturnPageGraph(binding) {
+    const init = defineInit(binding, (config, p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = config;
+        return (0, multiResponseToResponse_js_1.multiResponseToResponse)(yield (0, request_js_1.requestMulti)(GetReturnQuery_js_1.default)({ shopID, id: p.param.returnID }, opts), (v) => {
+            const { returnReasons: reasons, storefrontReturns } = v;
+            return storefrontReturns
+                ? {
+                    reasons: reasons || [],
+                    ret: storefrontReturns[0],
+                }
+                : undefined;
+        });
+    }));
+    const data = (0, effector_1.createStore)(null).on(init.event, (_, v) => v);
+    return {
+        init,
+        data,
+        somethingIsPending: init.pending,
+    };
+}
+function createCreateReturnPageGraph(binding) {
+    const init = defineInit(binding, (config, p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = config;
+        return (0, multiResponseToResponse_js_1.multiResponseToResponse)(yield (0, request_js_1.requestMulti)(GetReturnCreationInfoQuery_js_1.default)({ shopID, id: p.param.orderID }, opts), (v) => {
+            const { storefrontOrderFulfillments: fulfillments, storefrontOrders: orders, storefrontReturnsFindPolicy: policy, returnReasons: reasons, } = v;
+            return fulfillments && orders
+                ? {
+                    fulfillments,
+                    order: orders[0],
+                    policy: policy || null,
+                    reasons: reasons || [],
+                }
+                : undefined;
+        }, true);
+    }));
+    const ret = (0, effector_1.createStore)(null);
+    ret.on(init.event, () => null);
+    const refundToCustomerBalance = (0, effector_1.createStore)(false);
+    refundToCustomerBalance.on(init.event, (ov, v) => {
+        const p = v.policy;
+        if (!p)
+            return ov;
+        if (p.refund_option === "customer_balance")
+            return true;
+        return false;
+    });
+    const setRefundToCustomerBalance = (0, effector_1.createEvent)();
+    refundToCustomerBalance.on(setRefundToCustomerBalance, (_, v) => v);
+    const shippingOptionIndex = (0, effector_1.createStore)(0);
+    shippingOptionIndex.reset(init.event);
+    const info = (0, effector_1.createStore)(null);
+    info.on(init.event, (_, v) => v);
+    const setShippingOptionIndex = (0, effector_1.createEvent)();
+    shippingOptionIndex.on((0, effector_1.sample)(info, setShippingOptionIndex, (info, idx) => {
+        const p = info === null || info === void 0 ? void 0 : info.policy;
+        if (!p)
+            return undefined;
+        return Math.max(0, Math.min(idx, p.shipping_options.length - 1));
+    }), (_, v) => v);
+    const items = (0, effector_1.createStore)([]);
+    items.on(init.event, (_, v) => {
+        const vmap = createVariantMap(v.order);
+        return v.fulfillments.map((f) => f.line_items.map((fli) => {
+            const v = vmap[fli.variant_id];
+            const p = v === null || v === void 0 ? void 0 : v.product;
+            const quantity = Math.max(0, (p === null || p === void 0 ? void 0 : p.return_mode) === "not_allowed" ? 0 : fli.quantity - fli.returned);
+            return {
+                selected: false,
+                quantity,
+                maxQuantity: quantity,
+                reason: null,
+            };
+        }));
+    });
+    const updateItem = (0, effector_1.createEvent)();
+    items.on(updateItem, (old, [i, j, v]) => {
+        const newItem = Object.assign({}, old[i][j]);
+        if (v.selected !== undefined)
+            newItem.selected = v.selected;
+        if (v.quantity !== undefined) {
+            newItem.quantity = Math.max(0, Math.min(v.quantity, newItem.maxQuantity));
+        }
+        if (v.reason !== undefined)
+            newItem.reason = v.reason;
+        const newItems = [...old];
+        newItems[i] = [...old[i]];
+        newItems[i][j] = newItem;
+        return newItems;
+    });
+    const submit = (0, effector_1.createEvent)();
+    const createReturnFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = p.config;
+        return (0, request_js_1.request)(CreateReturnMutation_js_1.default)({ shopID, data: p.data }, opts);
+    }));
+    const preparedData = (0, effector_1.combine)({ config: binding.internalConfig, items, info, refundToCustomerBalance, shippingOptionIndex }, ({ config, items, info, refundToCustomerBalance, shippingOptionIndex }) => {
+        if (!info || !info.policy)
+            return null;
+        const lineItems = [];
+        info.fulfillments.forEach((f, i) => {
+            f.line_items.forEach((fli, j) => {
+                const item = items[i][j];
+                if (!item.selected)
+                    return;
+                if (item.quantity <= 0)
+                    return;
+                lineItems.push({
+                    fulfillment_id: f.id,
+                    line_item_id: fli.line_item_id,
+                    reason: item.reason || "other_reason",
+                    return_quantity: item.quantity,
+                    variant_id: fli.variant_id,
+                });
+            });
+        });
+        if (lineItems.length === 0)
+            return null;
+        const data = {
+            order_id: info.order.id,
+            return_policy_id: info.policy.id,
+            shipping_option_index: shippingOptionIndex,
+            customer_balance: refundToCustomerBalance,
+            line_items: lineItems,
+        };
+        return { config, data };
+    });
+    const canSubmit = preparedData.map((v) => !!v);
+    const submitted = (0, effector_1.sample)(preparedData, submit).filterMap((v) => v || undefined);
+    (0, effector_1.guard)({
+        source: submitted,
+        filter: binding.everythingIdle,
+        target: createReturnFx,
+    });
+    const createReturnResult = (0, requestResponse_js_1.requestResponseSplitFirst)(createReturnFx.doneData);
+    // success
+    (0, effector_1.forward)({
+        from: createReturnResult.data,
+        to: ret,
+    });
+    // failure
+    (0, effector_1.forward)({
+        from: createReturnResult.error,
+        to: binding.unexpectedError,
+    });
+    return {
+        init,
+        ret,
+        info,
+        items,
+        updateItem,
+        setRefundToCustomerBalance,
+        refundToCustomerBalance,
+        setShippingOptionIndex,
+        shippingOptionIndex,
+        submit,
+        canSubmit,
+        somethingIsPending: (0, combineSome_js_1.combineSome)(init.pending, createReturnFx.pending),
+    };
+}
+//===================================================================================================================
+//===================================================================================================================
+//===================================================================================================================
+function createStoreCreditPageGraph(binding) {
+    const init = defineInit(binding, (config, p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, currency, opts } = config;
+        return (0, multiResponseToResponse_js_1.multiResponseToResponse)(yield (0, request_js_1.requestMulti)(GetCustomerBalanceQuery_js_1.default)({ shopID, currency }, opts), (v) => {
+            const { storefrontCustomerBalance: customerBalance, storefrontCustomerBalanceHistory: history } = v;
+            return customerBalance && history
+                ? {
+                    customerBalance,
+                    history,
+                    currency,
+                    resetSuccess: p.previousPageKind !== "store_credit",
+                }
+                : undefined;
+        });
+    }));
+    const getPageFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = p.config;
+        return (0, mapResponseData_js_1.mapResponseData)(yield (0, request_js_1.request)(GetCustomerBalanceHistoryPageQuery_js_1.default)(Object.assign({ shopID }, p.data), opts), (data) => {
+            return Object.assign(Object.assign({}, data), { isFirstPage: p.data.lastKey === "", currency: p.data.currency });
+        });
+    }));
+    const setCurrency = (0, effector_1.createEvent)();
+    const loadMore = (0, effector_1.createEvent)();
+    const redeemedGiftCard = (0, effector_1.createEvent)();
+    const customerBalance = (0, effector_1.createStore)(null).on(init.event, (_, v) => v.customerBalance);
+    const history = (0, effector_1.createStore)([]);
+    const lastKey = (0, effector_1.createStore)("");
+    const historyCurrency = (0, effector_1.createStore)("");
+    const currency = (0, effector_1.createStore)("");
+    history.on(init.event, (_, v) => v.history.items);
+    lastKey.on(init.event, (_, v) => v.history.last_key);
+    historyCurrency.on(init.event, (_, v) => v.currency);
+    currency.on(init.event, (_, v) => v.currency);
+    // on currency change and if it's some new currency, reload history
+    {
+        const currencyChangeAccepted = (0, effector_1.guard)({
+            source: (0, effector_1.guard)({
+                source: (0, effector_1.sample)(historyCurrency, setCurrency, (historyCurrency, currency) => ({ historyCurrency, currency })),
+                filter: (source) => source.currency !== source.historyCurrency,
+            }),
+            filter: binding.everythingIdle,
+        });
+        (0, effector_1.forward)({
+            from: (0, effector_1.sample)(binding.internalConfig, currencyChangeAccepted, (config, v) => ({
+                config,
+                data: { lastKey: "", currency: v.currency },
+            })),
+            to: getPageFx,
+        });
+        (0, effector_1.forward)({
+            from: currencyChangeAccepted.map((v) => v.currency),
+            to: currency,
+        });
+    }
+    // on loadMore, sample lastKey, currency and fetch next page (if not already pending)
+    (0, effector_1.guard)({
+        source: (0, effector_1.sample)((0, effector_1.combine)({ config: binding.internalConfig, lastKey, historyCurrency }), loadMore, (s) => ({
+            config: s.config,
+            data: { lastKey: s.lastKey, currency: s.historyCurrency },
+        })),
+        filter: binding.everythingIdle,
+        target: getPageFx,
+    });
+    const { data: getPageData, error: getPageError } = (0, requestResponse_js_1.requestResponseSplit)(getPageFx.doneData);
+    // success: propagate new data to stores (note, last key is only applied when it's there)
+    history.on(getPageData, (history, p) => (p.isFirstPage ? p.items : [...history, ...p.items]));
+    lastKey.on(getPageData.filterMap((v) => v.last_key || undefined), (_, v) => v);
+    historyCurrency.on(getPageData.map((v) => v.currency), (_, v) => v);
+    // error: report unexpected error
+    (0, effector_1.forward)({ from: getPageError, to: binding.unexpectedError });
+    // form
+    const form = (0, form_js_1.createFormWithCustomError)({
+        gift_card_code: (0, form_js_1.createStringField)("gift_card_code", "", [validator_js_1.validNonEmpty]),
+    }, null);
+    const formToggleState = createFormToggleState(binding, form);
+    formToggleState.isFormVisible.reset(init.event);
+    (0, effector_1.forward)({
+        from: init.event,
+        to: form.reset,
+    });
+    // create apply gift card effect and wire it to form
+    const applyGiftCardFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = p.config;
+        return (0, request_js_1.request)(ApplyGiftCardMutation_js_1.default)({ shopID, data: p.data }, opts);
+    }));
+    (0, effector_1.guard)({
+        source: (0, effector_1.sample)(binding.internalConfig, form.submitted, (config, data) => ({ config, data })),
+        filter: binding.everythingIdle,
+        target: applyGiftCardFx,
+    });
+    const applyGiftCardResult = (0, requestResponse_js_1.requestResponseSplit)(applyGiftCardFx.doneData);
+    // success
+    (0, effector_1.forward)({
+        from: applyGiftCardResult.data,
+        to: binding.reloadPage,
+    });
+    (0, effector_1.forward)({
+        from: applyGiftCardResult.data,
+        to: redeemedGiftCard,
+    });
+    (0, effector_1.forward)({
+        from: applyGiftCardResult.data.map(() => false),
+        to: formToggleState.isFormVisible,
+    });
+    // failure
+    (0, split_js_1.splitMap)(applyGiftCardResult.error)
+        .map((e) => { var _a; return (e.kind === "error" && ((_a = e.error.apiError) === null || _a === void 0 ? void 0 : _a.code) === codes_js_1.ErrorCode.NotFound ? "not_found" : undefined); }, form.setError)
+        .fallback(handleFormFailure({ form, unexpectedError: binding.unexpectedError }));
+    return Object.assign(Object.assign({ init,
+        form }, formToggleState), { customerBalance, somethingIsPending: (0, combineSome_js_1.combineSome)(init.pending, applyGiftCardFx.pending, getPageFx.pending), redeemedGiftCard,
+        setCurrency,
+        currency,
+        loadMore,
+        historyCurrency,
+        history });
+}
+//===================================================================================================================
+//===================================================================================================================
+//===================================================================================================================
+function createProfilePageGraph(binding) {
+    const init = defineInit(binding, (config, _p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = config;
+        const jwt = (0, jwt_decode_1.default)((0, nonNull_js_1.nonNull)(opts === null || opts === void 0 ? void 0 : opts.authToken, "auth token"));
+        return (0, mapResponseData_js_1.mapResponseData)(yield (0, request_js_1.request)(GetCustomerQuery_js_1.default)({ shopID, id: jwt.customer_id }, opts), (v) => ({
+            customer: v[0],
+        }));
+    }));
+    const form = (0, form_js_1.createForm)({
+        name: (0, form_js_1.createStringField)("name", "", [validator_js_1.validNonEmpty, validator_js_1.validMaxLength250]),
+        display_name: (0, form_js_1.createStringField)("display_name", "", [validator_js_1.validMaxLength250]),
+        mobile: (0, form_js_1.createStringField)("mobile", "", []),
+        mobile_notifications: (0, form_js_1.createBooleanField)("mobile_notifications", false),
+        accepts_marketing: (0, form_js_1.createBooleanField)("accepts_marketing", false),
+    });
+    (0, effector_1.forward)({
+        from: init.event.map((v) => ({
+            name: v.customer.name,
+            display_name: v.customer.display_name,
+            mobile: v.customer.mobile,
+            mobile_notifications: v.customer.mobile_notifications,
+            accepts_marketing: v.customer.accepts_marketing,
+        })),
+        to: form.init,
+    });
+    // submit form API call
+    const saveFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = p.config;
+        const jwt = (0, jwt_decode_1.default)((0, nonNull_js_1.nonNull)(opts === null || opts === void 0 ? void 0 : opts.authToken, "auth token"));
+        return (0, request_js_1.request)(ModifyCustomerMutation_js_1.default)({ shopID, id: jwt.customer_id, data: p.data }, opts);
+    }));
+    (0, effector_1.guard)({
+        source: (0, effector_1.sample)(binding.internalConfig, form.submitted, (config, data) => ({ config, data })),
+        filter: binding.everythingIdle,
+        target: saveFx,
+    });
+    const { data: saveData, error: saveError } = (0, requestResponse_js_1.requestResponseSplit)(saveFx.doneData);
+    // success
+    (0, effector_1.forward)({ from: saveData, to: binding.reloadPage });
+    // failure
+    handleFormFailure({ source: saveError, form, unexpectedError: binding.unexpectedError }, { from: "[0]." });
+    return {
+        init,
+        form,
+        somethingIsPending: (0, combineSome_js_1.combineSome)(init.pending, saveFx.pending),
+    };
+}
+//===================================================================================================================
+//===================================================================================================================
+//===================================================================================================================
+function createSigninPageGraph(binding) {
+    const init = defineInitBlank(binding);
+    const setSignInMode = (0, effector_1.createEvent)();
+    const signInMode = (0, effector_1.restore)(setSignInMode, "email-otp-init");
+    const form = (0, form_js_1.createFormWithCustomError)({
+        email: (0, form_js_1.createStringField)("email", "", [validator_js_1.validNonEmpty, validator_js_1.validEmail, validator_js_1.validMaxLength250]),
+        password: (0, form_js_1.createStringField)("password", "", [validator_js_1.validNonEmpty]),
+    }, null);
+    const formOTPInit = (0, form_js_1.createFormWithCustomError)({
+        email: (0, form_js_1.createStringField)("email", "", [validator_js_1.validNonEmpty, validator_js_1.validEmail, validator_js_1.validMaxLength250]),
+    }, null);
+    const formOTPComplete = (0, form_js_1.createFormWithCustomError)({
+        code: (0, form_js_1.createStringField)("code", "", [validator_js_1.validNonEmpty, validator_js_1.validMaxLength250]),
+    }, null);
+    (0, effector_1.forward)({
+        from: init.event,
+        to: [form.reset, formOTPInit.reset, formOTPComplete.reset],
+    });
+    signInMode.reset(init.event);
+    const signinFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = p.config;
+        return (0, request_js_1.request)(SignInMutation_js_1.default)({ shopID, data: p.data }, opts);
+    }));
+    (0, effector_1.guard)({
+        source: (0, effector_1.sample)(binding.internalConfig, form.submitted, (config, data) => ({ config, data })),
+        filter: binding.everythingIdle,
+        target: signinFx,
+    });
+    const signInViaEmailInitFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = p.config;
+        return (0, request_js_1.request)(SignInViaEmailInitMutation_js_1.default)({ shopID, data: p.data }, opts);
+    }));
+    (0, effector_1.guard)({
+        source: (0, effector_1.sample)(binding.internalConfig, formOTPInit.submitted, (config, data) => ({
+            config,
+            data: Object.assign(Object.assign({}, data), { timezone_hint: (0, getTimezone_js_1.getTimezone)() }),
+        })),
+        filter: binding.everythingIdle,
+        target: signInViaEmailInitFx,
+    });
+    const signInViaEmailCompleteFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = p.config;
+        return (0, request_js_1.request)(SignInViaEmailCompleteMutation_js_1.default)({ shopID, data: p.data }, opts);
+    }));
+    (0, effector_1.guard)({
+        source: (0, effector_1.sample)((0, effector_1.combine)({ config: binding.internalConfig, email: formOTPInit.email.value }), formOTPComplete.submitted, ({ config, email }, data) => ({ config, data: Object.assign(Object.assign({}, data), { email }) })),
+        filter: binding.everythingIdle,
+        target: signInViaEmailCompleteFx,
+    });
+    // email/password form
+    {
+        const { data: signinData } = (0, requestResponse_js_1.requestResponseSplit)(signinFx.doneData);
+        // success
+        (0, effector_1.forward)({
+            from: signinData.filterMap((v) => v.token || undefined),
+            to: binding.setJWT,
+        });
+        // failure
+        (0, split_js_1.splitMap)(signinFx.done)
+            .map((e) => {
+            var _a;
+            return e.result.kind === "error" && ((_a = e.result.error.apiError) === null || _a === void 0 ? void 0 : _a.code) === codes_js_1.ErrorCode.Unauthorized
+                ? e.params.data.email
+                    ? "unauthorized"
+                    : "unauthorized_oauth"
+                : undefined;
+        }, form.setError)
+            .map((e) => (e.result.kind !== "data" ? e.result : undefined), handleFormFailure({ form, unexpectedError: binding.unexpectedError }));
+    }
+    // OTP init form
+    {
+        const { data, error } = (0, requestResponse_js_1.requestResponseSplit)(signInViaEmailInitFx.doneData);
+        // success
+        (0, effector_1.forward)({
+            from: data.map(() => "email-otp-complete"),
+            to: setSignInMode,
+        });
+        // failure
+        (0, split_js_1.splitMap)(error)
+            .map((e) => { var _a; return e.kind === "error" && ((_a = e.error.apiError) === null || _a === void 0 ? void 0 : _a.code) === codes_js_1.ErrorCode.TryAgainLater ? "try_again_later" : undefined; }, formOTPInit.setError)
+            .fallback(handleFormFailure({ form: formOTPInit, unexpectedError: binding.unexpectedError }));
+    }
+    // OTP complete form
+    {
+        const { data, error } = (0, requestResponse_js_1.requestResponseSplit)(signInViaEmailCompleteFx.doneData);
+        // success
+        (0, effector_1.forward)({
+            from: data.filterMap((v) => v.token || undefined),
+            to: binding.setJWT,
+        });
+        // failure
+        (0, split_js_1.splitMap)(error)
+            .map((e) => { var _a; return (e.kind === "error" && ((_a = e.error.apiError) === null || _a === void 0 ? void 0 : _a.code) === codes_js_1.ErrorCode.NotFound ? "unauthorized" : undefined); }, formOTPComplete.setError)
+            .fallback(handleFormFailure({ form: formOTPComplete, unexpectedError: binding.unexpectedError }));
+    }
+    // oauth flow
+    const oauth2Click = (0, effector_1.createEvent)();
+    (0, effector_1.guard)({
+        source: oauth2Click.map((kind) => ({ kind, route: "signin" })),
+        filter: binding.everythingIdle,
+        target: binding.oauth2.requestFx,
+    });
+    (0, effector_1.guard)({
+        source: (0, effector_1.sample)(binding.internalConfig, binding.oauth2.requestFx.doneData.filterMap((r) => r.route === "signin" && r.response.kind === "success"
+            ? { oauth_provider: r.kind, oauth_code: r.response.code, timezone_hint: (0, getTimezone_js_1.getTimezone)() }
+            : r.route === "signin" && r.response.kind === "success_oauth1"
+                ? {
+                    oauth_provider: r.kind,
+                    oauth_token: r.response.token,
+                    oauth_verifier: r.response.verifier,
+                    timezone_hint: (0, getTimezone_js_1.getTimezone)(),
+                }
+                : undefined), (config, data) => ({ config, data })),
+        filter: binding.everythingIdle,
+        target: signinFx,
+    });
+    return {
+        init,
+        form,
+        formOTPInit,
+        formOTPComplete,
+        signInMode,
+        setSignInMode,
+        oauth2Click,
+        somethingIsPending: (0, combineSome_js_1.combineSome)(init.pending, signinFx.pending),
+    };
+}
+function createOAuth2RequestGraph(config) {
+    var _a;
+    const cancelFuncs = [];
+    const cancel = (0, effector_1.createEvent)();
+    cancel.watch(() => {
+        for (const c of cancelFuncs) {
+            c();
+        }
+    });
+    const requestFx = (0, effector_1.createEffect)((req) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const randomToken = (0, generateRandomToken_js_1.generateRandomToken)();
+        if (!config.oauth2)
+            return { kind: req.kind, route: req.route, response: { kind: "failure" } };
+        const [requestPromise, cancelFunc] = config.oauth2.request({ kind: req.kind, randomToken });
+        cancelFuncs.push(cancelFunc);
+        const r = yield requestPromise;
+        {
+            // TODO: is it safe?
+            const i = cancelFuncs.findIndex((f) => f === cancelFunc);
+            if (i !== -1) {
+                cancelFuncs.splice(i, 1);
+            }
+        }
+        return { kind: req.kind, route: req.route, response: r };
+    }));
+    const providers = (0, effector_1.createStore)([...(((_a = config.oauth2) === null || _a === void 0 ? void 0 : _a.providers) || [])]);
+    return {
+        providers,
+        cancel,
+        requestFx,
+    };
+}
+//===================================================================================================================
+//===================================================================================================================
+//===================================================================================================================
+// not really a part of any page, but somewhat follows page graph conventions, except it doesn't have init.
+function createOAuth2UtilsGraph(binding) {
+    const ROUTE = "connect";
+    const connectOAuth2 = (0, effector_1.createEvent)();
+    const disconnectOAuth2 = (0, effector_1.createEvent)();
+    const connectFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = p.config;
+        return (0, request_js_1.request)(ConnectOAuth2Mutation_js_1.default)(Object.assign({ shopID }, p.data), opts);
+    }));
+    const disconnectFx = (0, effector_1.createEffect)((p) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        const { shopID, opts } = p.config;
+        return (0, request_js_1.request)(DisconnectOAuth2Mutation_js_1.default)({ shopID }, opts);
+    }));
+    // connect flow
+    {
+        (0, effector_1.guard)({
+            source: connectOAuth2.map((kind) => ({ kind, route: ROUTE })),
+            filter: binding.everythingIdle,
+            target: binding.oauth2.requestFx,
+        });
+        (0, effector_1.guard)({
+            source: (0, effector_1.sample)(binding.internalConfig, binding.oauth2.requestFx.doneData.filterMap((r) => r.route === ROUTE && r.response.kind === "success"
+                ? { provider: r.kind, code: r.response.code }
+                : r.route === ROUTE && r.response.kind === "success_oauth1"
+                    ? { provider: r.kind, token: r.response.token, verifier: r.response.verifier }
+                    : undefined), (config, data) => ({ config, data })),
+            filter: binding.everythingIdle,
+            target: connectFx,
+        });
+        const { data: connectData, error: connectError } = (0, requestResponse_js_1.requestResponseSplit)(connectFx.doneData);
+        // success
+        (0, effector_1.forward)({
+            from: connectData,
+            to: binding.fetchCustomerInfoNow,
+        });
+        (0, effector_1.forward)({
+            from: connectData.map(() => "oauth2_connected"),
+            to: binding.message,
+        });
+        // failure
+        (0, effector_1.forward)({
+            from: connectError,
+            to: binding.unexpectedError,
+        });
+    }
+    // disconnect flow
+    {
+        (0, effector_1.guard)({
+            source: (0, effector_1.sample)(binding.internalConfig, disconnectOAuth2, (config, data) => ({ config, data })),
+            filter: binding.everythingIdle,
+            target: disconnectFx,
+        });
+        const { data: disconnectData, error: disconnectError } = (0, requestResponse_js_1.requestResponseSplit)(disconnectFx.doneData);
+        // success
+        (0, effector_1.forward)({
+            from: disconnectData,
+            to: binding.fetchCustomerInfoNow,
+        });
+        (0, effector_1.forward)({
+            from: disconnectData.map(() => "oauth2_disconnected"),
+            to: binding.message,
+        });
+        // failure
+        (0, effector_1.forward)({
+            from: disconnectError,
+            to: binding.unexpectedError,
+        });
+    }
+    return {
+        connectOAuth2,
+        disconnectOAuth2,
+        somethingIsPending: (0, combineSome_js_1.combineSome)(connectFx.pending, disconnectFx.pending),
+    };
+}
+function createCustomer(config, init) {
+    var _a;
+    const currency = config.currency || (0, effector_1.createStore)(config.shopCurrency);
+    const oauth2 = createOAuth2RequestGraph(config);
+    const setCustomerInfo = (0, effector_1.createEvent)();
+    const customerInfo = (0, effector_1.createStore)(null).on(setCustomerInfo, (_, v) => v);
+    const everythingIdle = (0, effector_1.createStore)(true);
+    const internalConfig = (0, effector_1.combine)({
+        jwt: config.jwt,
+        locale: config.locale,
+        currency,
+    }, ({ jwt, locale, currency }) => ({
+        shopID: config.shopID,
+        oauth2: config.oauth2,
+        stripePromise: config.stripePromise,
+        currency,
+        opts: Object.assign(Object.assign({}, config.opts), { authToken: jwt, locale }),
+    }));
+    const getCustomerInfoFx = (0, effector_1.createEffect)((cfg) => tslib_1.__awaiter(this, void 0, void 0, function* () {
+        var _b;
+        const { shopID, opts } = cfg;
+        let customerID = "";
+        try {
+            customerID = ((_b = (0, jwt_decode_1.default)((0, nonNull_js_1.nonNull)(opts === null || opts === void 0 ? void 0 : opts.authToken, "auth token"))) === null || _b === void 0 ? void 0 : _b.customer_id) || "";
+        }
+        catch (_c) {
+            // do nothing
+        }
+        return getCustomerInfo(shopID, customerID, opts);
+    }));
+    (0, effector_1.forward)({
+        from: getCustomerInfoFx.doneData,
+        to: customerInfo,
+    });
+    (0, effector_1.forward)({
+        from: internalConfig,
+        to: getCustomerInfoFx,
+    });
+    const fetchCustomerInfoNow = (0, effector_1.createEvent)();
+    (0, effector_1.forward)({
+        from: (0, effector_1.sample)(internalConfig, fetchCustomerInfoNow),
+        to: getCustomerInfoFx,
+    });
+    const unexpectedError = (0, effector_1.createEvent)();
+    const setJWT = (0, effector_1.createEvent)();
+    const setFavorites = (0, effector_1.createEvent)();
+    const addFavoriteToInfo = (0, effector_1.createEvent)();
+    const modifyFavoriteInInfo = (0, effector_1.createEvent)();
+    const removeFavoriteFromInfo = (0, effector_1.createEvent)();
+    const reloadPage = (0, effector_1.createEvent)();
+    const reloadPageIfActive = (0, effector_1.createEvent)();
+    const internalGoTo = (0, effector_1.createEvent)();
+    const externalGoTo = (0, effector_1.createEvent)();
+    const message = (0, effector_1.createEvent)();
+    const binding = {
+        everythingIdle,
+        internalConfig,
+        unexpectedError,
+        setJWT,
+        setFavorites,
+        addFavoriteToInfo,
+        modifyFavoriteInInfo,
+        removeFavoriteFromInfo,
+        reloadPage,
+        reloadPageIfActive,
+        goTo: internalGoTo,
+        message,
+        fetchCustomerInfoNow,
+        oauth2,
+    };
+    config.jwt.on(setJWT, (_, v) => v);
+    customerInfo.on(setFavorites, (pv, favorites) => {
+        if (!pv)
+            return null;
+        return Object.assign(Object.assign({}, pv), { favorites });
+    });
+    customerInfo.on(addFavoriteToInfo, (pv, v) => {
+        if (!pv)
+            return null;
+        if (pv.favorites.find((f) => f.id === v.id))
+            return pv;
+        return Object.assign(Object.assign({}, pv), { favorites: [...pv.favorites, v] });
+    });
+    customerInfo.on(modifyFavoriteInInfo, (pv, v) => {
+        if (!pv)
+            return null;
+        const newFavs = [...pv.favorites];
+        const idx = newFavs.findIndex((f) => f.id === v.id);
+        if (idx !== -1) {
+            newFavs[idx] = Object.assign(Object.assign({}, newFavs[idx]), v);
+        }
+        return Object.assign(Object.assign({}, pv), { favorites: newFavs });
+    });
+    customerInfo.on(removeFavoriteFromInfo, (pv, v) => {
+        if (!pv)
+            return null;
+        return Object.assign(Object.assign({}, pv), { favorites: pv.favorites.filter((f) => f.id !== v) });
+    });
+    // on locale changes, reload the page
+    (0, effector_1.forward)({
+        from: config.locale.updates,
+        to: reloadPage,
+    });
+    const pages = {
+        signin: createSigninPageGraph(binding),
+        signup: createSignupPageGraph(binding),
+        resetPassword: createResetPasswordPageGraph(binding),
+        addresses: createAddressesPageGraph(binding),
+        favorites: createFavoritesPageGraph(binding),
+        orders: createOrdersPageGraph(binding),
+        subscriptions: createSubscriptionsPageGraph(binding),
+        returns: createReturnsPageGraph(binding),
+        order: createOrderPageGraph(binding),
+        subscription: createSubscriptionPageGraph(binding),
+        return: createReturnPageGraph(binding),
+        createReturn: createCreateReturnPageGraph(binding),
+        storeCredit: createStoreCreditPageGraph(binding),
+        profile: createProfilePageGraph(binding),
+        paymentMethods: createPaymentMethodsPageGraph(binding),
+    };
+    const oauth2Utils = createOAuth2UtilsGraph(binding);
+    const currentPage = (0, effector_1.createStore)(null);
+    const loadPage = (0, effector_1.createEvent)();
+    const loadPageExt = (0, effector_1.sample)(currentPage, loadPage, (p, param) => ({
+        previousPageKind: (p === null || p === void 0 ? void 0 : p.kind) || null,
+        param,
+    }));
+    const loadSignin = loadPageExt.filterMap((v) => (v.param.kind === "signin" ? Object.assign(Object.assign({}, v), { param: v.param }) : undefined));
+    const loadSignup = loadPageExt.filterMap((v) => (v.param.kind === "signup" ? Object.assign(Object.assign({}, v), { param: v.param }) : undefined));
+    const loadResetPassword = loadPageExt.filterMap((v) => v.param.kind === "reset_password" ? Object.assign(Object.assign({}, v), { param: v.param }) : undefined);
+    const loadAddresses = loadPageExt.filterMap((v) => v.param.kind === "addresses" ? Object.assign(Object.assign({}, v), { param: v.param }) : undefined);
+    const loadFavorites = loadPageExt.filterMap((v) => v.param.kind === "favorites" ? Object.assign(Object.assign({}, v), { param: v.param }) : undefined);
+    const loadOrders = loadPageExt.filterMap((v) => (v.param.kind === "orders" ? Object.assign(Object.assign({}, v), { param: v.param }) : undefined));
+    const loadSubscriptions = loadPageExt.filterMap((v) => v.param.kind === "subscriptions" ? Object.assign(Object.assign({}, v), { param: v.param }) : undefined);
+    const loadReturns = loadPageExt.filterMap((v) => (v.param.kind === "returns" ? Object.assign(Object.assign({}, v), { param: v.param }) : undefined));
+    const loadOrder = loadPageExt.filterMap((v) => (v.param.kind === "order" ? Object.assign(Object.assign({}, v), { param: v.param }) : undefined));
+    const loadSubscription = loadPageExt.filterMap((v) => v.param.kind === "subscription" ? Object.assign(Object.assign({}, v), { param: v.param }) : undefined);
+    const loadReturn = loadPageExt.filterMap((v) => (v.param.kind === "return" ? Object.assign(Object.assign({}, v), { param: v.param }) : undefined));
+    const loadCreateReturn = loadPageExt.filterMap((v) => v.param.kind === "create_return" ? Object.assign(Object.assign({}, v), { param: v.param }) : undefined);
+    const loadStoreCredit = loadPageExt.filterMap((v) => v.param.kind === "store_credit" ? Object.assign(Object.assign({}, v), { param: v.param }) : undefined);
+    const loadProfile = loadPageExt.filterMap((v) => (v.param.kind === "profile" ? Object.assign(Object.assign({}, v), { param: v.param }) : undefined));
+    const loadPaymentMethods = loadPageExt.filterMap((v) => v.param.kind === "payment_methods" ? Object.assign(Object.assign({}, v), { param: v.param }) : undefined);
+    (0, effector_1.forward)({ from: loadSignin, to: pages.signin.init.load });
+    (0, effector_1.forward)({ from: loadSignup, to: pages.signup.init.load });
+    (0, effector_1.forward)({ from: loadResetPassword, to: pages.resetPassword.init.load });
+    (0, effector_1.forward)({ from: loadAddresses, to: pages.addresses.init.load });
+    (0, effector_1.forward)({ from: loadFavorites, to: pages.favorites.init.load });
+    (0, effector_1.forward)({ from: loadOrders, to: pages.orders.init.load });
+    (0, effector_1.forward)({ from: loadSubscriptions, to: pages.subscriptions.init.load });
+    (0, effector_1.forward)({ from: loadReturns, to: pages.returns.init.load });
+    (0, effector_1.forward)({ from: loadOrder, to: pages.order.init.load });
+    (0, effector_1.forward)({ from: loadSubscription, to: pages.subscription.init.load });
+    (0, effector_1.forward)({ from: loadReturn, to: pages.return.init.load });
+    (0, effector_1.forward)({ from: loadCreateReturn, to: pages.createReturn.init.load });
+    (0, effector_1.forward)({ from: loadStoreCredit, to: pages.storeCredit.init.load });
+    (0, effector_1.forward)({ from: loadProfile, to: pages.profile.init.load });
+    (0, effector_1.forward)({ from: loadPaymentMethods, to: pages.paymentMethods.init.load });
+    const lastAuthPage = (0, effector_1.createStore)(null);
+    lastAuthPage.on(externalGoTo.filter({ fn: (pp) => pp === null || !disallowedLastAuthPages[pp.kind] }), (_, v) => v);
+    const jwtAndCurrentPage = (0, effector_1.combine)(config.jwt, currentPage);
+    const jwtAndCurrentPageAndLastAuthPage = (0, effector_1.combine)(config.jwt, currentPage, lastAuthPage);
+    (0, effector_1.forward)({
+        from: [
+            pages.signin.init.loaded,
+            pages.signup.init.loaded,
+            pages.resetPassword.init.loaded,
+            pages.addresses.init.loaded,
+            pages.favorites.init.loaded,
+            pages.orders.init.loaded,
+            pages.subscriptions.init.loaded,
+            pages.returns.init.loaded,
+            pages.order.init.loaded,
+            pages.subscription.init.loaded,
+            pages.return.init.loaded,
+            pages.createReturn.init.loaded,
+            pages.storeCredit.init.loaded,
+            pages.profile.init.loaded,
+            pages.paymentMethods.init.loaded,
+        ],
+        to: currentPage,
+    });
+    const somethingPending = (0, combineSome_js_1.combineSome)(pages.signin.somethingIsPending, pages.signup.somethingIsPending, pages.resetPassword.somethingIsPending, pages.addresses.somethingIsPending, pages.favorites.somethingIsPending, pages.orders.somethingIsPending, pages.subscriptions.somethingIsPending, pages.returns.somethingIsPending, pages.order.somethingIsPending, pages.subscription.somethingIsPending, pages.return.somethingIsPending, pages.createReturn.somethingIsPending, pages.storeCredit.somethingIsPending, pages.profile.somethingIsPending, pages.paymentMethods.somethingIsPending, oauth2Utils.somethingIsPending);
+    (0, effector_1.forward)({
+        from: somethingPending.map((v) => !v),
+        to: everythingIdle,
+    });
+    const logout = (0, effector_1.createEvent)();
+    // goTo triggers loadPage, but with possible redirect based on jwt
+    (0, effector_1.sample)({
+        source: config.jwt,
+        clock: internalGoTo,
+        fn: (jwt, pageParam) => shouldRedirect(jwt, pageParam) || pageParam,
+        target: loadPage,
+    });
+    // on page reload, just "goTo" "currentPage"
+    (0, effector_1.forward)({
+        from: (0, effector_1.sample)(currentPage, reloadPage).filterMap((v) => v || undefined),
+        to: internalGoTo,
+    });
+    // optional page reload
+    (0, effector_1.forward)({
+        from: (0, effector_1.sample)(currentPage, reloadPageIfActive, (currentPage, target) => ({ currentPage, target })).filterMap(({ currentPage, target }) => ((currentPage === null || currentPage === void 0 ? void 0 : currentPage.kind) === target ? currentPage : undefined)),
+        to: internalGoTo,
+    });
+    // Based on "jwt"/"currentPage" state, kick us out from pages we're not allowed to be in.
+    // It's unlikely that we get here due to "currentPage" changes, because goToFx also handles this.
+    // However, when "jwt" changes, we might end up being on a wrong page.
+    (0, effector_1.forward)({
+        from: jwtAndCurrentPageAndLastAuthPage.updates.filterMap(([jwt, currentPage, lastAuthPage]) => currentPage ? shouldRedirect(jwt, currentPage, lastAuthPage) : undefined),
+        to: internalGoTo,
+    });
+    // expose only "logout" via API
+    (0, effector_1.guard)({
+        source: logout.map(() => ""),
+        filter: everythingIdle,
+        target: setJWT,
+    });
+    (0, effector_1.guard)({
+        source: logout.map(() => ({ kind: "signin", action: "push" })),
+        filter: everythingIdle,
+        target: internalGoTo,
+    });
+    // start with signin page (will be redirected for logged in customer)
+    if (init.kind === "goto") {
+        internalGoTo(init.dest);
+    }
+    else if (init.kind === "default") {
+        internalGoTo({ kind: "signin", action: "push" });
+    }
+    {
+        const cfg = internalConfig.getState();
+        let persistLoaded = false;
+        if (config.persist) {
+            const VERSION = 1;
+            const { load, save, onChange, maxAgeMs } = config.persist;
+            const realMaxAgeMs = Math.max(maxAgeMs !== null && maxAgeMs !== void 0 ? maxAgeMs : 0, 0) || 1800000;
+            {
+                const ci = (0, persist_js_1.deserialize)(load(), VERSION, realMaxAgeMs);
+                if (ci !== undefined) {
+                    setCustomerInfo(ci);
+                    persistLoaded = true;
+                }
+            }
+            customerInfo.updates.watch((data) => {
+                save((0, persist_js_1.serialize)(data, VERSION));
+            });
+            onChange((data) => {
+                const ci = (0, persist_js_1.deserialize)(data, VERSION, realMaxAgeMs);
+                if (ci !== undefined) {
+                    setCustomerInfo(ci);
+                }
+            });
+        }
+        if (((_a = cfg.opts) === null || _a === void 0 ? void 0 : _a.authToken) && !persistLoaded) {
+            fetchCustomerInfoNow();
+        }
+    }
+    (0, effector_1.forward)({
+        from: externalGoTo,
+        to: internalGoTo,
+    });
+    // customerMenuVisible helper
+    const customerLoggedIn = jwtAndCurrentPage.map(([jwt, currentPage]) => jwt !== "" && currentPage && currentPage.kind !== "signin" && currentPage.kind !== "signup");
+    return {
+        message,
+        logout,
+        currentPage,
+        customerLoggedIn,
+        customerInfo,
+        goTo: externalGoTo,
+        unexpectedError,
+        reloadPage,
+        pages,
+        somethingPending,
+        oauth2: {
+            cancel: oauth2.cancel,
+            pending: oauth2.requestFx.pending,
+            providers: oauth2.providers,
+            connect: oauth2Utils.connectOAuth2,
+            disconnect: oauth2Utils.disconnectOAuth2,
+        },
+    };
+}
+exports.createCustomer = createCustomer;