@nakamura-123/pages 0.0.1 → 0.1.1

package/dist/component/Basic/BasicContents.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { StackNavigationProp } from "@react-navigation/stack";
+import { Nav, Db } from "@nakamura-123/types";
+interface Prop {
+    navigation: StackNavigationProp<Nav.RootStackParamList>;
+    subject: Db.SubjectInfo;
+    index: number;
+}
+declare const BasicPage: React.FC<Prop>;
+export default BasicPage;

package/dist/component/Basic/BasicContents.js

@@ -0,0 +1,117 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var react_native_gesture_handler_1 = require("react-native-gesture-handler");
+var react_redux_1 = require("react-redux");
+var common_1 = require("@nakamura-123/common");
+var stores_1 = require("@nakamura-123/stores");
+var Badge5s_1 = __importDefault(require("../Badge5s"));
+var TagBadge5s_1 = __importDefault(require("../TagBadge5s"));
+var SubCategoryList_1 = __importDefault(require("../SubCategoryList"));
+var MiniTestCard_1 = __importDefault(require("../MiniTestCard"));
+var BasicSetting_1 = __importDefault(require("../BasicSetting"));
+var BasicPage = function (_a) {
+    var navigation = _a.navigation, subject = _a.subject, index = _a.index;
+    var dispatch = (0, react_redux_1.useDispatch)();
+    // // Reduxから必要なデータを一括取得
+    var categoryList = (0, react_redux_1.useSelector)(function (state) { return state.app[subject.list]; });
+    var activeIndex = (0, react_redux_1.useSelector)(function (state) { return state.setting.viewSet[subject.name].activeIndex; });
+    // 選択されたカテゴリー情報を取得
+    var selectedList = categoryList[index];
+    // カテゴリー名を計算
+    var categoryName = "".concat(selectedList.label, " ").concat(selectedList.title).trim();
+    var selectKey = selectedList.key;
+    var categoryLabel = selectedList.label + selectedList.title;
+    var initScrollY = (0, react_redux_1.useSelector)(function (state) { return state.setting.viewSet[subject.name].scrollY; });
+    var scrollViewRef = (0, react_1.useRef)(null);
+    // 移動を監視
+    var _b = (0, react_1.useState)(false), isReady = _b[0], setIsReady = _b[1];
+    (0, react_1.useEffect)(function () {
+        if (scrollViewRef.current)
+            setIsReady(true); // 準備完了
+    }, [scrollViewRef.current]); // scrollViewRef.current の変更を監視
+    (0, react_1.useEffect)(function () {
+        var _a;
+        if (isReady)
+            (_a = scrollViewRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({ y: initScrollY, animated: false });
+    }, [isReady]);
+    var handleEndScroll = function (event) {
+        var scrollY = event.nativeEvent.contentOffset.y;
+        dispatch({ type: "setting/setScrollY", payload: scrollY });
+    };
+    // 全問スタートのハンドラー関数
+    var isLocked = common_1.commonHook.useIsLocked(subject.type, selectKey);
+    var allQuizIcon = isLocked ? "lock" : "pencil-alt";
+    var handleAllQuiz = function () {
+        if (isLocked) {
+            navigation.navigate("Coin");
+            return;
+        }
+        var ALL_NUM = 0;
+        dispatch(stores_1.quizAction.setLesson({
+            subject: subject.name,
+            type: subject.type,
+            category: selectKey,
+            lesson: {
+                title: selectedList.label + selectedList.title,
+                key: ALL_NUM,
+            },
+        }));
+        navigation.navigate("QuizSetup");
+    };
+    if (activeIndex !== index)
+        return null;
+    return (<react_native_gesture_handler_1.ScrollView style={styles.scrollContainer} contentContainerStyle={styles.container} showsVerticalScrollIndicator={false} ref={scrollViewRef} onMomentumScrollEnd={handleEndScroll}>
+      <common_1.RoundRectangle title={categoryName} style={styles.categoryName}/>
+      <common_1.HelpMark name="basicList" marginTop={20} top={-23}/>
+      <SubCategoryList_1.default navigation={navigation} subject={subject} index={index}/>
+
+      <MiniTestCard_1.default navigation={navigation} subject={subject} index={index}/>
+      <common_1.HelpMark name="badge" marginTop={10} top={-18}/>
+      <Badge5s_1.default badgeType="basic" subject={subject.name} category={selectKey}/>
+      <TagBadge5s_1.default subject={subject} index={index}/>
+      <common_1.HelpMark name="quizOption.allQuiz" top={0}/>
+      <common_1.RoundRectangleIcon title={categoryLabel + "全問を復習"} icon={allQuizIcon} onPress={handleAllQuiz}/>
+      <BasicSetting_1.default navigation={navigation} subjectType={subject.type}/>
+    </react_native_gesture_handler_1.ScrollView>);
+};
+var styles = react_native_1.StyleSheet.create({
+    scrollContainer: {
+        padding: 20,
+    },
+    container: {
+        paddingBottom: 100,
+    },
+    categoryName: {
+        marginTop: 10,
+        marginBottom: 10,
+    },
+});
+exports.default = BasicPage;

package/dist/component/BasicSetting.js

@@ -25,6 +25,7 @@ var styles = react_native_1.StyleSheet.create({
         flexDirection: "row",
         justifyContent: "space-around",
         alignItems: "center",
+        alignSelf: "center",
         paddingVertical: 16,
     },
 });

package/dist/component/Coin/CatchCopy.js

@@ -22,7 +22,7 @@ var styles = react_native_1.StyleSheet.create({
     },
     text: {
         fontSize: 20,
-        fontWeight: "bold",
+        letterSpacing: 2,
     },
     msg: {
         marginTop: 5,

package/dist/component/Coin/CoinCheck.d.ts

@@ -0,0 +1,12 @@
+import { Storage } from "@nakamura-123/types";
+export declare const coinCheckFnc: import("@reduxjs/toolkit").AsyncThunk<void, string, {
+    state?: unknown;
+    dispatch?: import("redux").Dispatch;
+    extra?: unknown;
+    rejectValue?: unknown;
+    serializedErrorType?: unknown;
+    pendingMeta?: unknown;
+    fulfilledMeta?: unknown;
+    rejectedMeta?: unknown;
+}>;
+export declare const isCheckRequired: (allFreeState: Storage.PeymentState, lastCheckedDate: string | null) => boolean;

package/dist/component/Coin/CoinCheck.js

@@ -0,0 +1,80 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isCheckRequired = exports.coinCheckFnc = void 0;
+var lib_1 = require("@nakamura-123/lib");
+var toolkit_1 = require("@reduxjs/toolkit");
+var CoinFnc_1 = require("./CoinFnc");
+var stores_1 = require("@nakamura-123/stores");
+// 00.メイン関数
+exports.coinCheckFnc = (0, toolkit_1.createAsyncThunk)("coin/check", function (allFreeId_1, _a) { return __awaiter(void 0, [allFreeId_1, _a], void 0, function (allFreeId, _b) {
+    var receipts, isExistedId, todayStr;
+    var dispatch = _b.dispatch;
+    return __generator(this, function (_c) {
+        switch (_c.label) {
+            case 0: return [4 /*yield*/, (0, CoinFnc_1.restorePurchases)(dispatch, false)];
+            case 1:
+                receipts = _c.sent();
+                isExistedId = hasPurchasedItems(receipts, allFreeId);
+                if (!isExistedId) {
+                    // 返金などをされていて、flaseの場合、このIDのアイテムを削除し、store更新
+                    stores_1.coinStorage.removePurchasedItem(allFreeId);
+                    dispatch({ type: "setting/updateAllFreeState", payload: "none" });
+                }
+                todayStr = lib_1.timeFnc.getTodayString();
+                dispatch({ type: "setting/updateLastCheckedDate", payload: todayStr });
+                return [2 /*return*/];
+        }
+    });
+}); });
+// 91.　復元を行い、チェックが必要か判定
+var isCheckRequired = function (allFreeState, lastCheckedDate) {
+    if (allFreeState === "none")
+        return false;
+    var inThisWeek = lib_1.timeFnc.isWithinWeek(lastCheckedDate);
+    if (inThisWeek && allFreeState === "paid")
+        return false;
+    return true;
+};
+exports.isCheckRequired = isCheckRequired;
+// 92. 課金アイテムが有るかを確認
+var hasPurchasedItems = function (receipts, id) {
+    if (!receipts)
+        return false;
+    return receipts.some(function (receipt) { return receipt.productId === id; });
+};

package/dist/component/Coin/CoinFnc.d.ts

@@ -0,0 +1,6 @@
+import RNIap, { ProductPurchase } from "react-native-iap";
+import { Storage } from "@nakamura-123/types";
+export declare const initializeIAP: (paymentItems: string[] | undefined, setProducts: (products: RNIap.Product[]) => void, setLoading: (loading: boolean) => void) => Promise<void>;
+export declare const handlePurchase: (productId: string, dispatch: (action: any) => void) => Promise<ProductPurchase | null>;
+export declare const restorePurchases: (dispatch: (action: any) => void, isAlert?: boolean) => Promise<Storage.Receipt[] | null>;
+export declare const updateAllFreeState: (receipt: Storage.Receipt | null) => (dispatch: any, getState: any) => void;

package/dist/component/Coin/CoinFnc.js

@@ -0,0 +1,240 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateAllFreeState = exports.restorePurchases = exports.handlePurchase = exports.initializeIAP = void 0;
+var netinfo_1 = __importDefault(require("@react-native-community/netinfo")); // ネットワーク状態確認用ライブラリ
+var react_native_1 = require("react-native");
+var react_native_iap_1 = require("react-native-iap");
+var stores_1 = require("@nakamura-123/stores");
+var ReceiptFnc_1 = require("./ReceiptFnc");
+var pushCoinLog = stores_1.errorAction.pushCoinLog, pushCoinError = stores_1.errorAction.pushCoinError, pushCoinWarn = stores_1.errorAction.pushCoinWarn;
+// 01. IAPの初期化
+var initializeIAP = function (paymentItems, setProducts, setLoading) { return __awaiter(void 0, void 0, void 0, function () {
+    var result, itemSkus, productList, err_1;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                _a.trys.push([0, 5, 6, 7]);
+                return [4 /*yield*/, (0, react_native_iap_1.initConnection)()];
+            case 1:
+                result = _a.sent();
+                console.log("IAP Connection Initialized: ", result);
+                itemSkus = paymentItems || [];
+                console.log("Item SKUs: ", itemSkus);
+                if (!(itemSkus.length > 0)) return [3 /*break*/, 3];
+                return [4 /*yield*/, (0, react_native_iap_1.getProducts)({ skus: itemSkus })];
+            case 2:
+                productList = _a.sent();
+                console.log("Product List: ", productList);
+                setProducts(productList);
+                return [3 /*break*/, 4];
+            case 3:
+                console.warn("No SKUs provided.");
+                _a.label = 4;
+            case 4: return [3 /*break*/, 7];
+            case 5:
+                err_1 = _a.sent();
+                console.warn("IAP Initialization Error: ", err_1);
+                return [3 /*break*/, 7];
+            case 6:
+                setLoading(false);
+                return [7 /*endfinally*/];
+            case 7: return [2 /*return*/];
+        }
+    });
+}); };
+exports.initializeIAP = initializeIAP;
+// 11. 購入処理
+var handlePurchase = function (productId, dispatch) { return __awaiter(void 0, void 0, void 0, function () {
+    var params, purchase, receipt, isValid, err_2;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0: return [4 /*yield*/, isNetworkAvailable()];
+            case 1:
+                if (!(_a.sent())) {
+                    alert("インターネットに接続されていません。");
+                    throw new Error("インターネットに接続されていません。");
+                }
+                params = react_native_1.Platform.OS === "ios" ? { sku: productId } : { skus: [productId] };
+                _a.label = 2;
+            case 2:
+                _a.trys.push([2, 7, , 8]);
+                return [4 /*yield*/, (0, react_native_iap_1.requestPurchase)(params)];
+            case 3:
+                purchase = _a.sent();
+                dispatch(pushCoinLog({ title: "Purchase", log: purchase }));
+                if (Array.isArray(purchase))
+                    purchase = purchase[0];
+                // 購入データの検証
+                if (!purchase) {
+                    dispatch(pushCoinWarn({ title: "購入応答がありません", log: purchase }));
+                    throw new Error("無効な購入応答");
+                }
+                receipt = purchase.transactionReceipt || purchase.purchaseToken;
+                if (!receipt) {
+                    dispatch(pushCoinWarn({ title: "レシートが取得できません", log: purchase }));
+                    throw new Error("レシートデータが無効です");
+                }
+                isValid = (0, ReceiptFnc_1.validatePurchaseClientSide)(receipt, react_native_1.Platform.OS);
+                if (!isValid) {
+                    dispatch(pushCoinWarn({ title: "購入検証に失敗しました", log: purchase }));
+                    throw new Error("購入検証に失敗しました");
+                }
+                if (!(react_native_1.Platform.OS === "android" && purchase.purchaseStateAndroid === 2)) return [3 /*break*/, 4];
+                alert("手続きが完了しました。。支払いが完了したら、このページにある「以前購入した方はこちらから復元」をタップしてください。");
+                return [3 /*break*/, 6];
+            case 4: return [4 /*yield*/, (0, react_native_iap_1.finishTransaction)({ purchase: purchase, isConsumable: false })];
+            case 5:
+                _a.sent();
+                alert("購入が完了しました！");
+                _a.label = 6;
+            case 6: return [2 /*return*/, purchase]; // 成功時に購入データを返す
+            case 7:
+                err_2 = _a.sent();
+                // エラー処理を整理
+                dispatch(pushCoinError({ title: "購入処理中にエラーが発生しました", log: err_2 }));
+                alert("購入に失敗しました。\nしばらく時間を置いた後、もう一度実行してみてください。もしそれでも購入できない場合は「よくある質問」をご確認いただくか、必要に応じて「お問い合わせフォーム」からご連絡ください。");
+                return [2 /*return*/, null]; // 失敗時はnullを返す
+            case 8: return [2 /*return*/];
+        }
+    });
+}); };
+exports.handlePurchase = handlePurchase;
+// 21. 購入復元
+var restorePurchases = function (dispatch, isAlert) { return __awaiter(void 0, void 0, void 0, function () {
+    var purchases, receipts, _i, purchases_1, purchase, receipt, error_1;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                _a.trys.push([0, 9, , 10]);
+                return [4 /*yield*/, isNetworkAvailable()];
+            case 1:
+                if (!(_a.sent())) {
+                    isAlert && alert("インターネットに接続されていません。");
+                    throw new Error("インターネットに接続されていません。");
+                }
+                return [4 /*yield*/, (0, react_native_iap_1.getAvailablePurchases)()];
+            case 2:
+                purchases = _a.sent();
+                dispatch(pushCoinLog({ title: "Purchases", log: purchases }));
+                receipts = [];
+                _i = 0, purchases_1 = purchases;
+                _a.label = 3;
+            case 3:
+                if (!(_i < purchases_1.length)) return [3 /*break*/, 6];
+                purchase = purchases_1[_i];
+                receipt = (0, ReceiptFnc_1.unifyReceipt)(purchase);
+                if (receipt) {
+                    dispatch((0, exports.updateAllFreeState)(receipt));
+                    receipts.push(receipt);
+                }
+                if (!checkNeedFinish(purchase)) return [3 /*break*/, 5];
+                return [4 /*yield*/, (0, react_native_iap_1.finishTransaction)({ purchase: purchase, isConsumable: false })];
+            case 4:
+                _a.sent();
+                _a.label = 5;
+            case 5:
+                _i++;
+                return [3 /*break*/, 3];
+            case 6:
+                if (receipts.length === 0)
+                    dispatch((0, exports.updateAllFreeState)(null)); // 購入アイテムがない場合はAllFreeの状態を更新
+                dispatch(pushCoinLog({ title: "Receipts", log: receipts }));
+                if (!(receipts.length > 0)) return [3 /*break*/, 8];
+                return [4 /*yield*/, stores_1.coinStorage.replacePurchasedItems(receipts)];
+            case 7:
+                _a.sent();
+                _a.label = 8;
+            case 8:
+                isAlert &&
+                    (receipts.length > 0
+                        ? alert("購入アイテムを復元しました！")
+                        : alert("購入済みのアイテムがありませんでした"));
+                return [2 /*return*/, receipts]; // 復元アイテムがあればpurchasesを返す
+            case 9:
+                error_1 = _a.sent();
+                dispatch(pushCoinError({ title: "購入復元に失敗しました", log: error_1 }));
+                isAlert &&
+                    alert("購入アイテムの復元に失敗しました。しばらく時間を置いた後、もう一度実行してみてください。もしそれでも購入できない場合は「よくある質問」をご確認いただくか、必要に応じて「お問い合わせフォーム」からご連絡ください。");
+                return [2 /*return*/, null]; // エラーが発生した場合もnullを返す
+            case 10: return [2 /*return*/];
+        }
+    });
+}); };
+exports.restorePurchases = restorePurchases;
+// 91. AllFreeの状態確認
+var updateAllFreeState = function (receipt) { return function (dispatch, getState) {
+    var _a;
+    if (receipt === null) {
+        dispatch({ type: "setting/updateAllFreeState", payload: "none" });
+        dispatch({ type: "setting/updateLastCheckedDate", payload: null });
+        return;
+    }
+    var app = getState().app;
+    var freeId = (_a = app.appSetting.setting) === null || _a === void 0 ? void 0 : _a.payment.items.allFreeId;
+    if (!freeId)
+        return;
+    var isPaid = receipt.isPaid, productId = receipt.productId;
+    var paymentState = isPaid ? "paid" : "wait";
+    if (productId === freeId) {
+        dispatch({ type: "setting/updateAllFreeState", payload: paymentState });
+    }
+}; };
+exports.updateAllFreeState = updateAllFreeState;
+// 92. androidの後払いアイテムの承認をするか否か
+var checkNeedFinish = function (purchase) {
+    return purchase.purchaseStateAndroid === 1 && !purchase.isAcknowledgedAndroid;
+};
+// 93. ネットワーク状態の確認
+var isNetworkAvailable = function () { return __awaiter(void 0, void 0, void 0, function () {
+    var state, isConnected, isInternetReachable;
+    var _a, _b;
+    return __generator(this, function (_c) {
+        switch (_c.label) {
+            case 0: return [4 /*yield*/, netinfo_1.default.fetch()];
+            case 1:
+                state = _c.sent();
+                isConnected = (_a = state.isConnected) !== null && _a !== void 0 ? _a : false;
+                isInternetReachable = (_b = state.isInternetReachable) !== null && _b !== void 0 ? _b : false;
+                return [2 /*return*/, isConnected && isInternetReachable];
+        }
+    });
+}); };

package/dist/component/Coin/CoinPageComponent.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import RNIap from "react-native-iap";
+import { Nav } from "@nakamura-123/types";
+import { Comment } from "./AppReviews";
+interface Props {
+    navigation: Nav.NavigationProp<"Coin">;
+    comments: Comment[];
+    products: RNIap.Product[];
+    onPurchase: (productId: string) => void;
+    onRestore: () => void;
+    loading: boolean;
+    isAllfreePaid: boolean;
+}
+declare const CoinPage: React.FC<Props>;
+export default CoinPage;

package/dist/component/Coin/CoinPageComponent.js

@@ -0,0 +1,73 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var lib_1 = require("@nakamura-123/lib");
+var common_1 = require("@nakamura-123/common");
+var CatchCopy_1 = __importDefault(require("./CatchCopy"));
+var Recommend_1 = __importDefault(require("./Recommend"));
+var AppReviews_1 = __importDefault(require("./AppReviews"));
+var WaitingPayBanner_1 = __importDefault(require("./WaitingPayBanner"));
+var waitingMsg = "処理中です。しばらくお待ちください...。\n10秒以上かかることもあります。";
+var CoinPage = function (_a) {
+    var navigation = _a.navigation, comments = _a.comments, products = _a.products, onPurchase = _a.onPurchase, onRestore = _a.onRestore, loading = _a.loading, isAllfreePaid = _a.isAllfreePaid;
+    var isAndroid = react_native_1.Platform.OS === "android";
+    return (<>
+      <common_1.Spinner loading={loading}/>
+      <react_native_1.ScrollView style={styles.container}>
+        <CatchCopy_1.default />
+        <Recommend_1.default />
+        <common_1.RoundRectangleIcon title="よくある質問はこちら" icon="book" onPress={function () { return navigation.navigate("FAQ"); }}/>
+        <WaitingPayBanner_1.default currentPage="coin"/>
+
+        {products.map(function (product, index) {
+            var name = isAndroid ? product.name : product.title;
+            var price = product.localizedPrice;
+            var title = "".concat(name, " ").concat(price);
+            return (<common_1.RectangleCard key={index} title={title} note={product.description} left={<common_1.IconInCircle name="gift"/>} color={isAllfreePaid ? "ltBlack" : "blue"} onPress={function () {
+                    return isAllfreePaid ? null : onPurchase(product.productId);
+                }}/>);
+        })}
+        <react_native_1.View style={styles.txtContainer}>
+          <common_1.MyText fsize="sm" color="gray">
+            ※ご購入の前に、必ず各モードの無料部分で使用感をご確認ください。
+          </common_1.MyText>
+          {react_native_1.Platform.OS === "android" && (<common_1.MyText fsize="sm" color="gray">
+              ※スムーズに決済するため、できる限りコンビニ支払い以外の方法を推奨します。
+            </common_1.MyText>)}
+        </react_native_1.View>
+        <common_1.RoundRectangleIcon title="以前購入した方はこちらから復元" icon="coins" onPress={function () { return onRestore(); }}/>
+        <react_native_1.View style={styles.serviceBox}>
+          <common_1.MyText fsize="md" color="blue" onPress={function () { return react_native_1.Linking.openURL("https://drill-notes.com/kiyaku"); }}>
+            ▲サービス利用規約はこちら▲
+          </common_1.MyText>
+        </react_native_1.View>
+
+        <AppReviews_1.default comments={comments}/>
+        <react_native_1.View style={{ height: 100 }}/>
+      </react_native_1.ScrollView>
+    </>);
+};
+var styles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: lib_1.colors.beige,
+        padding: 20,
+        paddingTop: 40,
+    },
+    txtContainer: {
+        marginTop: 10,
+        marginHorizontal: 10,
+        justifyContent: "center",
+        alignItems: "center",
+    },
+    serviceBox: {
+        marginBottom: 20,
+        justifyContent: "center",
+        alignItems: "center",
+    },
+});
+exports.default = CoinPage;

package/dist/component/Coin/ReceiptFnc.d.ts

@@ -0,0 +1,6 @@
+import { ProductPurchase } from "react-native-iap";
+import { Storage } from "@nakamura-123/types";
+type Receipt = Storage.Receipt;
+export declare const unifyReceipt: (receipt: ProductPurchase) => Receipt | null;
+export declare const validatePurchaseClientSide: (receipt: string | undefined, platform: "ios" | "android") => boolean;
+export {};

package/dist/component/Coin/ReceiptFnc.js

@@ -0,0 +1,56 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validatePurchaseClientSide = exports.unifyReceipt = void 0;
+var react_native_1 = require("react-native");
+// 01. レシートの形式を統一
+var unifyReceipt = function (receipt) {
+    var os = react_native_1.Platform.OS;
+    return {
+        transactionId: receipt.transactionId || "",
+        productId: receipt.productId,
+        transactionDate: Number(receipt.transactionDate),
+        receipt: os === "ios" ? receipt.transactionReceipt : receipt.purchaseToken,
+        isPaid: os === "ios" || receipt.purchaseStateAndroid === 1, // iOSでは即時完了、AndroidはpurchaseStateが1が支払済み、2が未払い
+    };
+};
+exports.unifyReceipt = unifyReceipt;
+// 02. レシートの検証
+var validatePurchaseClientSide = function (receipt, platform) {
+    try {
+        // 1. レシートが存在するか確認
+        if (!receipt || receipt.length < 10) {
+            console.error("購入データが無効です: レシートが存在しません");
+            return false;
+        }
+        // 2. プラットフォーム特有のチェック
+        if (platform === "android") {
+            // Android特有のチェック（例: レシートがJSON形式でない場合など）
+            try {
+                var parsedReceipt = JSON.parse(receipt);
+                if (!parsedReceipt.purchaseToken ||
+                    typeof parsedReceipt.purchaseToken !== "string") {
+                    console.error("購入データが無効です: purchaseTokenがありません");
+                    return false;
+                }
+            }
+            catch (_a) {
+                console.error("購入データが無効です: レシートの形式が不正です (JSONである必要があります)");
+                return false;
+            }
+        }
+        if (platform === "ios") {
+            // iOS特有のチェック
+            if (!/^[A-Za-z0-9+/=]+$/.test(receipt)) {
+                console.error("購入データが無効です: レシートがBase64形式ではありません");
+                return false;
+            }
+        }
+        console.log("クライアントサイドの簡易検証が成功しました");
+        return true;
+    }
+    catch (error) {
+        console.error("購入検証中にエラーが発生しました: ", error);
+        return false;
+    }
+};
+exports.validatePurchaseClientSide = validatePurchaseClientSide;

package/dist/component/Coin/Recommend.js

@@ -63,7 +63,7 @@ var styles = react_native_1.StyleSheet.create({
     },
     topRound: {
         position: "absolute",
-        top: -10,
+        top: -15,
     },
     contentBox: {
         flexDirection: "row",