一度の交通費情報の入力で、履歴を選択しすぎたら`push_limit_reached`となる

[veluriy]

Overview

交通費の入力履歴機能（添付画像を参照）に関して、現状では履歴から交通費情報を選択すると新しいフォームを上からpush（してフォームのviewを作り直す）する実装となっているが、4回ほどpushするとpush_limit_reachedエラーとなる。

参考によると、ビューを上から作り直すpushの上限回数は3回のため、それ以上履歴を選択し直せない問題が生じている。

再現方法

フォームの一度の入力で、履歴を4回以上選択すると、push_limit_reachedエラーとなり、ユーザー視点では履歴の選択が反映されなくなる。

References

• https://api.slack.com/methods/views.push
• https://tools.slack.dev/bolt-js/concepts/updating-pushing-views/

[kondai24]

client.views.pushをclient.views.updateに変換する．
しかし現在の状態では，updateに変換するだけでは，viewが変更しない．
理由は不明だが，仮説として，block_idが変わっていないため，変更されていないと判断されている可能性があります．
updateに変更すると，過去の履歴に更新して，submitした際の1つ前のモーダルが残るバグも解消できると思います．
src/views-opne-args.ts

{
            type: "input",
            block_id: `date_block_${Date.now()}`,   // タイムスタンプを利用
            label: {
                type: "plain_text",
                text: "利用日",
            },
            element: {
                type: "datepicker",
                action_id: "use-date",
                initial_date: new Date().toISOString().split("T")[0], // 今日の日付を設定
            },
        },

block_idにタイムスタンプをつけることで毎回異なったblock_idを付与することができる．
この変更をする場合は，formの送信後にこれらの値を取得する箇所の変更も必要です．
src/app.tsの70～77行目あたり

// "date_block_" で始まる block_id を探す
const dateBlockId = Object.keys(stateValues).find((key) => key.startsWith("date_block_"));

// block_id が見つかった場合のみ取得
const date = dateBlockId ? stateValues[dateBlockId]["use-date"]?.selected_date : undefined;

このように書くことで，対応したblock_idの入力値を取得できる．