"use strict";
const TUIKit_tuiCustomerServicePlugin_adapterVue = require("../adapter-vue.js");
const common_assets = require("../../../common/assets.js");
const common_vendor = require("../../../common/vendor.js");
const Icon = () => "./customer-icon.js";
const { reactive, toRefs } = TUIKit_tuiCustomerServicePlugin_adapterVue.vue;
const _sfc_main = {
  components: {
    Icon
  },
  props: {
    payload: {
      type: Object,
      default: () => ({ content: { title: "", items: [] } })
    }
  },
  emits: ["sendMessage"],
  setup(props, { emit }) {
    var _a, _b, _c, _d, _e, _f;
    const data = reactive({
      // title
      title: ((_b = (_a = props.payload) == null ? void 0 : _a.content) == null ? void 0 : _b.title) || "",
      // all branch list
      list: ((_d = (_c = props.payload) == null ? void 0 : _c.content) == null ? void 0 : _d.items) || [],
      // current branch list
      showList: (((_f = (_e = props.payload) == null ? void 0 : _e.content) == null ? void 0 : _f.items) || []).slice(0, 5),
      // current page number
      pageNumber: 1
    });
    const handleContentListItemClick = (branch) => {
      emit("sendMessage", { text: branch.content });
    };
    const changeBranchList = () => {
      var _a2, _b2;
      if (data.pageNumber * 5 >= ((_a2 = data.list) == null ? void 0 : _a2.length)) {
        data.pageNumber = 0;
      }
      data.showList = (_b2 = data.list) == null ? void 0 : _b2.slice(
        data.pageNumber * 5,
        data.pageNumber * 5 + 5
      );
      data.pageNumber += 1;
    };
    return {
      ...toRefs(data),
      handleContentListItemClick,
      imRobotGuess: common_assets.imRobotGuess,
      refresh: common_assets.refresh,
      iconRight: common_assets.iconRight,
      changeBranchList
    };
  }
};
if (!Array) {
  const _component_Icon = common_vendor.resolveComponent("Icon");
  _component_Icon();
}
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
  return common_vendor.e({
    a: common_vendor.p({
      src: $setup.imRobotGuess
    }),
    b: _ctx.title
  }, _ctx.title ? {
    c: common_vendor.t(_ctx.title)
  } : {}, {
    d: common_vendor.p({
      src: $setup.refresh
    }),
    e: common_vendor.o$1(($event) => $setup.changeBranchList()),
    f: common_vendor.f(_ctx.showList, (item, index, i0) => {
      return {
        a: common_vendor.t(item.content),
        b: "2d663548-2-" + i0,
        c: index,
        d: common_vendor.o$1(($event) => $setup.handleContentListItemClick(item), index)
      };
    }),
    g: common_vendor.p({
      src: $setup.iconRight
    })
  });
}
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
wx.createComponent(Component);