@pisell/private-materials 6.3.226 → 6.3.227

package/es/plus/walletEditor/WalletEditor.js

@@ -12,6 +12,7 @@ import { getVirtualCurrencyItems } from "./serve.js";
 import ValidityPeriodSelector from "./components/ValidityPeriodSelector/index.js";
 import RelationProduct from "./components/relationProduct/index.js";
 import MobileWalletTemplate from "./components/MobileWalletTemplate/index.js";
+import PassDisplayConfig from "./components/PassDisplayConfig/index.js";
 import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { Form, InputNumber, Radio } from "antd";
 import { locales } from "@pisell/utils";
@@ -19,7 +20,7 @@ import { Icon, PisellModal, Translation, WalletCard } from "@pisell/materials";
 import "./WalletEditor.less";
 //#region src/plus/walletEditor/WalletEditor.tsx
 const WalletEditor = forwardRef((props, ref) => {
-	var _context$appHelper, _context$appHelper$ut, _context$appHelper2, _context$appHelper$ut2, _context$appHelper$ut3, _context$appHelper$ut4, _context$appHelper$ut5, _context$appHelper$ut6, _store$global, _ref, _props$walletId;
+	var _context$appHelper, _context$appHelper$ut, _context$appHelper2, _context$appHelper$ut2, _context$appHelper$ut3, _context$appHelper$ut4, _context$appHelper$ut5, _context$appHelper$ut6, _store$global, _context$appHelper3, _context$appHelper3$g, _ref, _props$walletId;
 	const { value, onChange, disabled = false, className, style } = props;
 	const propsRef = useRef(props);
 	propsRef.current = props;
@@ -30,6 +31,7 @@ const WalletEditor = forwardRef((props, ref) => {
 	const requestGet = requestClient === null || requestClient === void 0 ? void 0 : requestClient.get;
 	const amountSymbol = ((_context$appHelper$ut2 = (_context$appHelper$ut3 = context.appHelper.utils).getData) === null || _context$appHelper$ut2 === void 0 ? void 0 : _context$appHelper$ut2.call(_context$appHelper$ut3, "shop_symbol")) || "";
 	const shopName = ((_store$global = (((_context$appHelper$ut4 = (_context$appHelper$ut5 = context.appHelper.utils).getStore) === null || _context$appHelper$ut4 === void 0 || (_context$appHelper$ut4 = _context$appHelper$ut4.call(_context$appHelper$ut5)) === null || _context$appHelper$ut4 === void 0 || (_context$appHelper$ut6 = _context$appHelper$ut4.getState) === null || _context$appHelper$ut6 === void 0 ? void 0 : _context$appHelper$ut6.call(_context$appHelper$ut4)) || {}).global) === null || _store$global === void 0 || (_store$global = _store$global.shopDetail) === null || _store$global === void 0 ? void 0 : _store$global.name) || "";
+	const hasFranchisor = Boolean((_context$appHelper3 = context.appHelper) === null || _context$appHelper3 === void 0 || (_context$appHelper3 = _context$appHelper3.utils) === null || _context$appHelper3 === void 0 || (_context$appHelper3 = _context$appHelper3.businessUtils) === null || _context$appHelper3 === void 0 || (_context$appHelper3$g = _context$appHelper3.getAppByModal) === null || _context$appHelper3$g === void 0 ? void 0 : _context$appHelper3$g.call(_context$appHelper3, "franchisor"));
 	const [sendConfigVisible, setSendConfigVisible] = useState(true);
 	const [previewVisible, setPreviewVisible] = useState(false);
 	const [initialWalletId, setInitialWalletId] = useState(value === null || value === void 0 ? void 0 : value.id);
@@ -201,7 +203,19 @@ const WalletEditor = forwardRef((props, ref) => {
 	}, /* @__PURE__ */ React.createElement(Translation, null)), /* @__PURE__ */ React.createElement(Form.Item, {
 		label: locales.getText("validityPeriod"),
 		name: "valid_for"
-	}, /* @__PURE__ */ React.createElement(ValidityPeriodSelector, null)), /* @__PURE__ */ React.createElement(Form.Item, {
+	}, /* @__PURE__ */ React.createElement(ValidityPeriodSelector, null)), hasFranchisor && /* @__PURE__ */ React.createElement(Form.Item, {
+		label: locales.getText("passesShownInWallet"),
+		name: ["metadata", "pass_visibility"],
+		rules: [{ validator: function() {
+			var _ref4 = _asyncToGenerator(function* (_, value) {
+				var _value$shop_ids;
+				if ((value === null || value === void 0 ? void 0 : value.type) === "selected_franchisees" && !((_value$shop_ids = value.shop_ids) === null || _value$shop_ids === void 0 ? void 0 : _value$shop_ids.length)) throw new Error(locales.getText("passIssuerShopsRequired"));
+			});
+			return function validator(_x3, _x4) {
+				return _ref4.apply(this, arguments);
+			};
+		}() }]
+	}, /* @__PURE__ */ React.createElement(PassDisplayConfig, { disabled })), /* @__PURE__ */ React.createElement(Form.Item, {
 		label: locales.getText("linkedPasses"),
 		name: "relation_id",
 		initialValue: []
@@ -210,7 +224,7 @@ const WalletEditor = forwardRef((props, ref) => {
 		name: ["metadata", "holder"],
 		initialValue: { type: "customer" },
 		rules: [{ validator: function() {
-			var _ref4 = _asyncToGenerator(function* (_, value) {
+			var _ref5 = _asyncToGenerator(function* (_, value) {
 				if ((value === null || value === void 0 ? void 0 : value.type) === "custom") {
 					var _value$custom, _holderSelectorRef$cu, _holderSelectorRef$cu2;
 					if (!(value === null || value === void 0 || (_value$custom = value.custom) === null || _value$custom === void 0 ? void 0 : _value$custom.custom_id)) return Promise.reject(new Error(locales.getText("pisell2.wallet-editor.holder.required")));
@@ -222,8 +236,8 @@ const WalletEditor = forwardRef((props, ref) => {
 				}
 				return Promise.resolve();
 			});
-			return function validator(_x3, _x4) {
-				return _ref4.apply(this, arguments);
+			return function validator(_x5, _x6) {
+				return _ref5.apply(this, arguments);
 			};
 		}() }]
 	}, /* @__PURE__ */ React.createElement(HolderSelector, { ref: holderSelectorRef })), /* @__PURE__ */ React.createElement(Form.Item, {

package/es/plus/walletEditor/components/PassDisplayConfig/index.js

@@ -0,0 +1,60 @@
+import { _objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
+import { getFranchiseeShops } from "./serve.js";
+import React from "react";
+import { Button, Radio, Select } from "antd";
+import { locales } from "@pisell/utils";
+import { useRequest } from "ahooks";
+import "./index.less";
+//#region src/plus/walletEditor/components/PassDisplayConfig/index.tsx
+const PassDisplayConfig = ({ id, value = {
+	type: "self",
+	shop_ids: []
+}, onChange, disabled = false }) => {
+	const { data: shops = [], loading, error, refresh } = useRequest(getFranchiseeShops, { ready: value.type === "selected_franchisees" });
+	return /* @__PURE__ */ React.createElement("div", {
+		id,
+		className: "wallet-pass-display-config"
+	}, /* @__PURE__ */ React.createElement("div", { className: "wallet-pass-display-config__label" }, locales.getText("showPassesIssuedBy")), /* @__PURE__ */ React.createElement("div", {
+		role: "radiogroup",
+		"aria-label": locales.getText("showPassesIssuedBy")
+	}, /* @__PURE__ */ React.createElement(Radio.Group, {
+		className: "wallet-pass-display-config__scope",
+		value: value.type,
+		onChange: (event) => onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2(_objectSpread2({}, value), {}, { type: event.target.value })),
+		disabled
+	}, /* @__PURE__ */ React.createElement(Radio, {
+		value: "self",
+		className: "wallet-pass-display-config__option"
+	}, locales.getText("passIssuerCurrentShop")), /* @__PURE__ */ React.createElement(Radio, {
+		value: "all_franchisees",
+		className: "wallet-pass-display-config__option"
+	}, locales.getText("passIssuerAllShops")), /* @__PURE__ */ React.createElement(Radio, {
+		value: "selected_franchisees",
+		className: "wallet-pass-display-config__option"
+	}, locales.getText("passIssuerSpecifiedShops")))), value.type === "selected_franchisees" && /* @__PURE__ */ React.createElement("div", { className: "wallet-pass-display-config__shops" }, /* @__PURE__ */ React.createElement(Select, {
+		className: "wallet-pass-display-config__shop-select",
+		mode: "multiple",
+		allowClear: true,
+		showSearch: true,
+		optionFilterProp: "name",
+		maxTagCount: "responsive",
+		placeholder: locales.getText("passIssuerSelectShops"),
+		"aria-label": locales.getText("passIssuerSelectShops"),
+		options: shops,
+		fieldNames: {
+			value: "source_shop_id",
+			label: "name"
+		},
+		loading,
+		notFoundContent: error && !loading ? /* @__PURE__ */ React.createElement(Button, {
+			type: "link",
+			size: "small",
+			onClick: refresh
+		}, locales.getText("passIssuerLoadFailedRetry")) : void 0,
+		value: value.shop_ids,
+		onChange: (shop_ids) => onChange === null || onChange === void 0 ? void 0 : onChange(_objectSpread2(_objectSpread2({}, value), {}, { shop_ids })),
+		disabled
+	})));
+};
+//#endregion
+export { PassDisplayConfig as default };

package/es/plus/walletEditor/components/PassDisplayConfig/index.less

@@ -0,0 +1,27 @@
+.wallet-pass-display-config {
+  &__label {
+    margin-bottom: 8px;
+    color: var(--Gray-600, #475467);
+    font-size: 14px;
+    line-height: 22px;
+  }
+
+  [role='radiogroup'] .wallet-pass-display-config__scope {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+
+    .wallet-pass-display-config__option {
+      margin: 0;
+    }
+  }
+
+  &__shops {
+    margin-top: 12px;
+    padding-left: 24px;
+
+    .wallet-pass-display-config__shop-select {
+      width: 100%;
+    }
+  }
+}

package/es/plus/walletEditor/components/PassDisplayConfig/serve.js

@@ -0,0 +1,18 @@
+import { _asyncToGenerator } from "../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/asyncToGenerator.js";
+import { request } from "../../../../utils/index.js";
+//#region src/plus/walletEditor/components/PassDisplayConfig/serve.ts
+const getFranchiseeShops = function() {
+	var _ref = _asyncToGenerator(function* () {
+		const { data } = yield request.getRequest().get("/shop/franchisor/shop", {
+			skip: 1,
+			num: 199,
+			status: "approved"
+		}, { isShopApi: true });
+		return data.list;
+	});
+	return function getFranchiseeShops() {
+		return _ref.apply(this, arguments);
+	};
+}();
+//#endregion
+export { getFranchiseeShops };

package/es/plus/walletEditor/index.d.ts

@@ -1,2 +1,2 @@
-import { MultiLanguageTitle, SendConfig, ShowcaseWalletPassItem, ValidForConfig, VirtualCurrencyInfo, WalletEditorProps, WalletEditorRef, WalletEditorValue, WalletMetadata, WalletPassType } from "./types.js";
+import { MultiLanguageTitle, PassDisplayConfigValue, SendConfig, ShowcaseWalletPassItem, ValidForConfig, VirtualCurrencyInfo, WalletEditorProps, WalletEditorRef, WalletEditorValue, WalletMetadata, WalletPassType } from "./types.js";
 import { WalletEditor } from "./WalletEditor.js";

package/es/plus/walletEditor/locales.js

@@ -3,6 +3,14 @@ var locales_default = {
 	en: {
 		walletName: "Wallet name",
 		validityPeriod: "Validity Period",
+		passesShownInWallet: "Passes shown in this Wallet:",
+		showPassesIssuedBy: "Show passes issued by:",
+		passIssuerCurrentShop: "Current store",
+		passIssuerAllShops: "All stores in the chain",
+		passIssuerSpecifiedShops: "Specified stores",
+		passIssuerSelectShops: "Select stores",
+		passIssuerShopsRequired: "Please select at least one store",
+		passIssuerLoadFailedRetry: "Failed to load stores. Click to retry.",
 		linkedPasses: "Linked passes",
 		linkedPassesDesc: "Select the passes that will be available in this Wallet.",
 		sort: "Sort",
@@ -54,6 +62,14 @@ var locales_default = {
 	"zh-CN": {
 		walletName: "钱包名称",
 		validityPeriod: "有效期",
+		passesShownInWallet: "此钱包中显示的卡券：",
+		showPassesIssuedBy: "显示由以下门店发放的卡券：",
+		passIssuerCurrentShop: "当前门店",
+		passIssuerAllShops: "连锁内所有门店",
+		passIssuerSpecifiedShops: "指定门店",
+		passIssuerSelectShops: "选择门店",
+		passIssuerShopsRequired: "请至少选择一个门店",
+		passIssuerLoadFailedRetry: "门店加载失败，点击重试",
 		linkedPasses: "包含的卡券",
 		linkedPassesDesc: "选择此 Wallet 中可展示与使用的卡券。",
 		sort: "排序",
@@ -105,6 +121,14 @@ var locales_default = {
 	"zh-HK": {
 		walletName: "錢包名稱",
 		validityPeriod: "有效期",
+		passesShownInWallet: "此錢包中顯示的卡券：",
+		showPassesIssuedBy: "顯示由以下門店發放的卡券：",
+		passIssuerCurrentShop: "目前門店",
+		passIssuerAllShops: "連鎖內所有門店",
+		passIssuerSpecifiedShops: "指定門店",
+		passIssuerSelectShops: "選擇門店",
+		passIssuerShopsRequired: "請至少選擇一個門店",
+		passIssuerLoadFailedRetry: "門店載入失敗，點擊重試",
 		linkedPasses: "包含的卡券",
 		linkedPassesDesc: "選擇此 Wallet 中可展示與使用的卡券。",
 		sort: "排序",
@@ -156,6 +180,14 @@ var locales_default = {
 	ja: {
 		walletName: "ウォレット名",
 		validityPeriod: "有効期間",
+		passesShownInWallet: "このウォレットに表示するパス：",
+		showPassesIssuedBy: "次の店舗が発行したパスを表示：",
+		passIssuerCurrentShop: "現在の店舗",
+		passIssuerAllShops: "チェーン内のすべての店舗",
+		passIssuerSpecifiedShops: "指定した店舗",
+		passIssuerSelectShops: "店舗を選択",
+		passIssuerShopsRequired: "店舗を1つ以上選択してください",
+		passIssuerLoadFailedRetry: "店舗を読み込めませんでした。クリックして再試行。",
 		linkedPasses: "リンクされたパス",
 		linkedPassesDesc: "このウォレットで利用可能なパスを選択します。",
 		sort: "並び替え",
@@ -207,6 +239,14 @@ var locales_default = {
 	pt: {
 		walletName: "Nome da carteira",
 		validityPeriod: "Período de Validade",
+		passesShownInWallet: "Passes exibidos nesta carteira:",
+		showPassesIssuedBy: "Mostrar passes emitidos por:",
+		passIssuerCurrentShop: "Loja atual",
+		passIssuerAllShops: "Todas as lojas da rede",
+		passIssuerSpecifiedShops: "Lojas específicas",
+		passIssuerSelectShops: "Selecionar lojas",
+		passIssuerShopsRequired: "Selecione pelo menos uma loja",
+		passIssuerLoadFailedRetry: "Falha ao carregar lojas. Clique para tentar novamente.",
 		linkedPasses: "Passes vinculados",
 		linkedPassesDesc: "Selecione os passes que estarão disponíveis nesta Carteira.",
 		sort: "Ordenar",

package/es/plus/walletEditor/types.d.ts

@@ -26,6 +26,12 @@ interface SendConfig {
   type: string;
   [key: string]: any;
 }
+/** 在原展示范围上追加子店卡券的配置。 */
+interface PassDisplayConfigValue {
+  type: 'self' | 'all_franchisees' | 'selected_franchisees';
+  /** 仅 selected_franchisees 使用，其他模式忽略。 */
+  shop_ids?: number[];
+}
 interface WalletMetadata {
   [key: string]: unknown;
   mobile_wallet_id?: string | number;
@@ -35,6 +41,7 @@ interface WalletMetadata {
   customerName?: string;
   coverImage?: string;
   send_config?: SendConfig;
+  pass_visibility?: PassDisplayConfigValue;
 }
 interface WalletEditorValue {
   id?: number | string;
@@ -59,4 +66,4 @@ interface WalletEditorProps {
   style?: React.CSSProperties;
 }
 //#endregion
-export { MultiLanguageTitle, SendConfig, ShowcaseWalletPassItem, ValidForConfig, VirtualCurrencyInfo, WalletEditorProps, WalletEditorRef, WalletEditorValue, WalletMetadata, WalletPassType };
+export { MultiLanguageTitle, PassDisplayConfigValue, SendConfig, ShowcaseWalletPassItem, ValidForConfig, VirtualCurrencyInfo, WalletEditorProps, WalletEditorRef, WalletEditorValue, WalletMetadata, WalletPassType };

package/es/plus/walletPassGallery/index.js

@@ -40,7 +40,7 @@ const KEYS = {
 const ARow = Row;
 const ACol = Col;
 const WalletPassGallery = (props) => {
-	var _context$appHelper, _context$appHelper2, _context$engine, _utils$translation, _getWalletDetail$data, _utils$isApp, _interaction$utils3, _interaction$utils3$i, _utils$translation2, _getWalletDetail$data2;
+	var _context$appHelper, _context$appHelper2, _utils$businessUtils, _utils$businessUtils$, _context$engine, _utils$translation, _getWalletDetail$data, _utils$isApp, _interaction$utils3, _interaction$utils3$i, _utils$translation2, _getWalletDetail$data2;
 	const { hideAddButton, hideTitle, customer, platform: platformProp } = props;
 	const [activeKey, setActiveKey] = useState("available");
 	const [currentItemId, setCurrentItemId] = useState(void 0);
@@ -51,6 +51,7 @@ const WalletPassGallery = (props) => {
 	const context = useEngineContext();
 	const utils = (context === null || context === void 0 || (_context$appHelper = context.appHelper) === null || _context$appHelper === void 0 ? void 0 : _context$appHelper.utils) || {};
 	const { apiPrefix } = ((_context$appHelper2 = context.appHelper) === null || _context$appHelper2 === void 0 ? void 0 : _context$appHelper2.constants) || { apiPrefix: "/h5" };
+	const includeFranchiseePasses = Boolean((_utils$businessUtils = utils.businessUtils) === null || _utils$businessUtils === void 0 || (_utils$businessUtils$ = _utils$businessUtils.getAppByModal) === null || _utils$businessUtils$ === void 0 ? void 0 : _utils$businessUtils$.call(_utils$businessUtils, "franchisor"));
 	const { isTerminal, isApp, interaction } = utils;
 	const isTerminalEnv = (typeof isTerminal === "function" ? isTerminal() : !!isTerminal) || (isApp === null || isApp === void 0 ? void 0 : isApp());
 	const platform = useMemo(() => {
@@ -76,7 +77,8 @@ const WalletPassGallery = (props) => {
 				filter_holder_id: holderId || void 0,
 				with: ["customScheduleSnapshot", "holder.detail"],
 				customer_id: customer === null || customer === void 0 ? void 0 : customer.id,
-				limit_status: "enable"
+				limit_status: "enable",
+				include_franchisee_passes: includeFranchiseePasses ? 1 : void 0
 			}, { apiPrefix });
 			return {
 				list: (res === null || res === void 0 ? void 0 : res.list) || [],
@@ -109,7 +111,8 @@ const WalletPassGallery = (props) => {
 				filter_holder_id: holderId || void 0,
 				with: ["customScheduleSnapshot", "holder.detail"],
 				customer_id: customer === null || customer === void 0 ? void 0 : customer.id,
-				limit_status: "enable"
+				limit_status: "enable",
+				include_franchisee_passes: includeFranchiseePasses ? 1 : void 0
 			}, { apiPrefix });
 			return {
 				list: (res === null || res === void 0 ? void 0 : res.list) || [],
@@ -189,7 +192,11 @@ const WalletPassGallery = (props) => {
 				}
 			}
 		});
-	}, [customer]);
+	}, [
+		customer,
+		apiPrefix,
+		includeFranchiseePasses
+	]);
 	useEffect(() => {
 		var _interaction$utils, _interaction$utils$mo;
 		interaction === null || interaction === void 0 || (_interaction$utils = interaction.utils) === null || _interaction$utils === void 0 || (_interaction$utils$mo = _interaction$utils.mountFunction) === null || _interaction$utils$mo === void 0 || _interaction$utils$mo.call(_interaction$utils, "customer", "new", () => {

package/lib/plus/walletEditor/WalletEditor.js

@@ -13,6 +13,7 @@ const require_serve = require("./serve.js");
 const require_index$4 = require("./components/ValidityPeriodSelector/index.js");
 const require_index$5 = require("./components/relationProduct/index.js");
 const require_index$6 = require("./components/MobileWalletTemplate/index.js");
+const require_index$7 = require("./components/PassDisplayConfig/index.js");
 let react = require("react");
 react = require_runtime.__toESM(react);
 let antd = require("antd");
@@ -21,7 +22,7 @@ let _pisell_materials = require("@pisell/materials");
 require("./WalletEditor.less");
 //#region src/plus/walletEditor/WalletEditor.tsx
 const WalletEditor = (0, react.forwardRef)((props, ref) => {
-	var _context$appHelper, _context$appHelper$ut, _context$appHelper2, _context$appHelper$ut2, _context$appHelper$ut3, _context$appHelper$ut4, _context$appHelper$ut5, _context$appHelper$ut6, _store$global, _ref, _props$walletId;
+	var _context$appHelper, _context$appHelper$ut, _context$appHelper2, _context$appHelper$ut2, _context$appHelper$ut3, _context$appHelper$ut4, _context$appHelper$ut5, _context$appHelper$ut6, _store$global, _context$appHelper3, _context$appHelper3$g, _ref, _props$walletId;
 	const { value, onChange, disabled = false, className, style } = props;
 	const propsRef = (0, react.useRef)(props);
 	propsRef.current = props;
@@ -32,6 +33,7 @@ const WalletEditor = (0, react.forwardRef)((props, ref) => {
 	const requestGet = requestClient === null || requestClient === void 0 ? void 0 : requestClient.get;
 	const amountSymbol = ((_context$appHelper$ut2 = (_context$appHelper$ut3 = context.appHelper.utils).getData) === null || _context$appHelper$ut2 === void 0 ? void 0 : _context$appHelper$ut2.call(_context$appHelper$ut3, "shop_symbol")) || "";
 	const shopName = ((_store$global = (((_context$appHelper$ut4 = (_context$appHelper$ut5 = context.appHelper.utils).getStore) === null || _context$appHelper$ut4 === void 0 || (_context$appHelper$ut4 = _context$appHelper$ut4.call(_context$appHelper$ut5)) === null || _context$appHelper$ut4 === void 0 || (_context$appHelper$ut6 = _context$appHelper$ut4.getState) === null || _context$appHelper$ut6 === void 0 ? void 0 : _context$appHelper$ut6.call(_context$appHelper$ut4)) || {}).global) === null || _store$global === void 0 || (_store$global = _store$global.shopDetail) === null || _store$global === void 0 ? void 0 : _store$global.name) || "";
+	const hasFranchisor = Boolean((_context$appHelper3 = context.appHelper) === null || _context$appHelper3 === void 0 || (_context$appHelper3 = _context$appHelper3.utils) === null || _context$appHelper3 === void 0 || (_context$appHelper3 = _context$appHelper3.businessUtils) === null || _context$appHelper3 === void 0 || (_context$appHelper3$g = _context$appHelper3.getAppByModal) === null || _context$appHelper3$g === void 0 ? void 0 : _context$appHelper3$g.call(_context$appHelper3, "franchisor"));
 	const [sendConfigVisible, setSendConfigVisible] = (0, react.useState)(true);
 	const [previewVisible, setPreviewVisible] = (0, react.useState)(false);
 	const [initialWalletId, setInitialWalletId] = (0, react.useState)(value === null || value === void 0 ? void 0 : value.id);
@@ -203,7 +205,19 @@ const WalletEditor = (0, react.forwardRef)((props, ref) => {
 	}, /* @__PURE__ */ react.default.createElement(_pisell_materials.Translation, null)), /* @__PURE__ */ react.default.createElement(antd.Form.Item, {
 		label: _pisell_utils.locales.getText("validityPeriod"),
 		name: "valid_for"
-	}, /* @__PURE__ */ react.default.createElement(require_index$4.default, null)), /* @__PURE__ */ react.default.createElement(antd.Form.Item, {
+	}, /* @__PURE__ */ react.default.createElement(require_index$4.default, null)), hasFranchisor && /* @__PURE__ */ react.default.createElement(antd.Form.Item, {
+		label: _pisell_utils.locales.getText("passesShownInWallet"),
+		name: ["metadata", "pass_visibility"],
+		rules: [{ validator: function() {
+			var _ref4 = require_asyncToGenerator._asyncToGenerator(function* (_, value) {
+				var _value$shop_ids;
+				if ((value === null || value === void 0 ? void 0 : value.type) === "selected_franchisees" && !((_value$shop_ids = value.shop_ids) === null || _value$shop_ids === void 0 ? void 0 : _value$shop_ids.length)) throw new Error(_pisell_utils.locales.getText("passIssuerShopsRequired"));
+			});
+			return function validator(_x3, _x4) {
+				return _ref4.apply(this, arguments);
+			};
+		}() }]
+	}, /* @__PURE__ */ react.default.createElement(require_index$7.default, { disabled })), /* @__PURE__ */ react.default.createElement(antd.Form.Item, {
 		label: _pisell_utils.locales.getText("linkedPasses"),
 		name: "relation_id",
 		initialValue: []
@@ -212,7 +226,7 @@ const WalletEditor = (0, react.forwardRef)((props, ref) => {
 		name: ["metadata", "holder"],
 		initialValue: { type: "customer" },
 		rules: [{ validator: function() {
-			var _ref4 = require_asyncToGenerator._asyncToGenerator(function* (_, value) {
+			var _ref5 = require_asyncToGenerator._asyncToGenerator(function* (_, value) {
 				if ((value === null || value === void 0 ? void 0 : value.type) === "custom") {
 					var _value$custom, _holderSelectorRef$cu, _holderSelectorRef$cu2;
 					if (!(value === null || value === void 0 || (_value$custom = value.custom) === null || _value$custom === void 0 ? void 0 : _value$custom.custom_id)) return Promise.reject(new Error(_pisell_utils.locales.getText("pisell2.wallet-editor.holder.required")));
@@ -224,8 +238,8 @@ const WalletEditor = (0, react.forwardRef)((props, ref) => {
 				}
 				return Promise.resolve();
 			});
-			return function validator(_x3, _x4) {
-				return _ref4.apply(this, arguments);
+			return function validator(_x5, _x6) {
+				return _ref5.apply(this, arguments);
 			};
 		}() }]
 	}, /* @__PURE__ */ react.default.createElement(HolderSelector, { ref: holderSelectorRef })), /* @__PURE__ */ react.default.createElement(antd.Form.Item, {

package/lib/plus/walletEditor/components/PassDisplayConfig/index.js

@@ -0,0 +1,62 @@
+const require_runtime = require("../../../../_virtual/_rolldown/runtime.js");
+const require_objectSpread2 = require("../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js");
+const require_serve = require("./serve.js");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let antd = require("antd");
+let _pisell_utils = require("@pisell/utils");
+let ahooks = require("ahooks");
+require("./index.less");
+//#region src/plus/walletEditor/components/PassDisplayConfig/index.tsx
+const PassDisplayConfig = ({ id, value = {
+	type: "self",
+	shop_ids: []
+}, onChange, disabled = false }) => {
+	const { data: shops = [], loading, error, refresh } = (0, ahooks.useRequest)(require_serve.getFranchiseeShops, { ready: value.type === "selected_franchisees" });
+	return /* @__PURE__ */ react.default.createElement("div", {
+		id,
+		className: "wallet-pass-display-config"
+	}, /* @__PURE__ */ react.default.createElement("div", { className: "wallet-pass-display-config__label" }, _pisell_utils.locales.getText("showPassesIssuedBy")), /* @__PURE__ */ react.default.createElement("div", {
+		role: "radiogroup",
+		"aria-label": _pisell_utils.locales.getText("showPassesIssuedBy")
+	}, /* @__PURE__ */ react.default.createElement(antd.Radio.Group, {
+		className: "wallet-pass-display-config__scope",
+		value: value.type,
+		onChange: (event) => onChange === null || onChange === void 0 ? void 0 : onChange(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, value), {}, { type: event.target.value })),
+		disabled
+	}, /* @__PURE__ */ react.default.createElement(antd.Radio, {
+		value: "self",
+		className: "wallet-pass-display-config__option"
+	}, _pisell_utils.locales.getText("passIssuerCurrentShop")), /* @__PURE__ */ react.default.createElement(antd.Radio, {
+		value: "all_franchisees",
+		className: "wallet-pass-display-config__option"
+	}, _pisell_utils.locales.getText("passIssuerAllShops")), /* @__PURE__ */ react.default.createElement(antd.Radio, {
+		value: "selected_franchisees",
+		className: "wallet-pass-display-config__option"
+	}, _pisell_utils.locales.getText("passIssuerSpecifiedShops")))), value.type === "selected_franchisees" && /* @__PURE__ */ react.default.createElement("div", { className: "wallet-pass-display-config__shops" }, /* @__PURE__ */ react.default.createElement(antd.Select, {
+		className: "wallet-pass-display-config__shop-select",
+		mode: "multiple",
+		allowClear: true,
+		showSearch: true,
+		optionFilterProp: "name",
+		maxTagCount: "responsive",
+		placeholder: _pisell_utils.locales.getText("passIssuerSelectShops"),
+		"aria-label": _pisell_utils.locales.getText("passIssuerSelectShops"),
+		options: shops,
+		fieldNames: {
+			value: "source_shop_id",
+			label: "name"
+		},
+		loading,
+		notFoundContent: error && !loading ? /* @__PURE__ */ react.default.createElement(antd.Button, {
+			type: "link",
+			size: "small",
+			onClick: refresh
+		}, _pisell_utils.locales.getText("passIssuerLoadFailedRetry")) : void 0,
+		value: value.shop_ids,
+		onChange: (shop_ids) => onChange === null || onChange === void 0 ? void 0 : onChange(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, value), {}, { shop_ids })),
+		disabled
+	})));
+};
+//#endregion
+exports.default = PassDisplayConfig;

package/lib/plus/walletEditor/components/PassDisplayConfig/index.less

@@ -0,0 +1,27 @@
+.wallet-pass-display-config {
+  &__label {
+    margin-bottom: 8px;
+    color: var(--Gray-600, #475467);
+    font-size: 14px;
+    line-height: 22px;
+  }
+
+  [role='radiogroup'] .wallet-pass-display-config__scope {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+
+    .wallet-pass-display-config__option {
+      margin: 0;
+    }
+  }
+
+  &__shops {
+    margin-top: 12px;
+    padding-left: 24px;
+
+    .wallet-pass-display-config__shop-select {
+      width: 100%;
+    }
+  }
+}

package/lib/plus/walletEditor/components/PassDisplayConfig/serve.js

@@ -0,0 +1,18 @@
+const require_asyncToGenerator = require("../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/asyncToGenerator.js");
+const require_index = require("../../../../utils/index.js");
+//#region src/plus/walletEditor/components/PassDisplayConfig/serve.ts
+const getFranchiseeShops = function() {
+	var _ref = require_asyncToGenerator._asyncToGenerator(function* () {
+		const { data } = yield require_index.request.getRequest().get("/shop/franchisor/shop", {
+			skip: 1,
+			num: 199,
+			status: "approved"
+		}, { isShopApi: true });
+		return data.list;
+	});
+	return function getFranchiseeShops() {
+		return _ref.apply(this, arguments);
+	};
+}();
+//#endregion
+exports.getFranchiseeShops = getFranchiseeShops;

package/lib/plus/walletEditor/index.d.ts

@@ -1,2 +1,2 @@
-import { MultiLanguageTitle, SendConfig, ShowcaseWalletPassItem, ValidForConfig, VirtualCurrencyInfo, WalletEditorProps, WalletEditorRef, WalletEditorValue, WalletMetadata, WalletPassType } from "./types.js";
+import { MultiLanguageTitle, PassDisplayConfigValue, SendConfig, ShowcaseWalletPassItem, ValidForConfig, VirtualCurrencyInfo, WalletEditorProps, WalletEditorRef, WalletEditorValue, WalletMetadata, WalletPassType } from "./types.js";
 import { WalletEditor } from "./WalletEditor.js";

package/lib/plus/walletEditor/locales.js

@@ -3,6 +3,14 @@ var locales_default = {
 	en: {
 		walletName: "Wallet name",
 		validityPeriod: "Validity Period",
+		passesShownInWallet: "Passes shown in this Wallet:",
+		showPassesIssuedBy: "Show passes issued by:",
+		passIssuerCurrentShop: "Current store",
+		passIssuerAllShops: "All stores in the chain",
+		passIssuerSpecifiedShops: "Specified stores",
+		passIssuerSelectShops: "Select stores",
+		passIssuerShopsRequired: "Please select at least one store",
+		passIssuerLoadFailedRetry: "Failed to load stores. Click to retry.",
 		linkedPasses: "Linked passes",
 		linkedPassesDesc: "Select the passes that will be available in this Wallet.",
 		sort: "Sort",
@@ -54,6 +62,14 @@ var locales_default = {
 	"zh-CN": {
 		walletName: "钱包名称",
 		validityPeriod: "有效期",
+		passesShownInWallet: "此钱包中显示的卡券：",
+		showPassesIssuedBy: "显示由以下门店发放的卡券：",
+		passIssuerCurrentShop: "当前门店",
+		passIssuerAllShops: "连锁内所有门店",
+		passIssuerSpecifiedShops: "指定门店",
+		passIssuerSelectShops: "选择门店",
+		passIssuerShopsRequired: "请至少选择一个门店",
+		passIssuerLoadFailedRetry: "门店加载失败，点击重试",
 		linkedPasses: "包含的卡券",
 		linkedPassesDesc: "选择此 Wallet 中可展示与使用的卡券。",
 		sort: "排序",
@@ -105,6 +121,14 @@ var locales_default = {
 	"zh-HK": {
 		walletName: "錢包名稱",
 		validityPeriod: "有效期",
+		passesShownInWallet: "此錢包中顯示的卡券：",
+		showPassesIssuedBy: "顯示由以下門店發放的卡券：",
+		passIssuerCurrentShop: "目前門店",
+		passIssuerAllShops: "連鎖內所有門店",
+		passIssuerSpecifiedShops: "指定門店",
+		passIssuerSelectShops: "選擇門店",
+		passIssuerShopsRequired: "請至少選擇一個門店",
+		passIssuerLoadFailedRetry: "門店載入失敗，點擊重試",
 		linkedPasses: "包含的卡券",
 		linkedPassesDesc: "選擇此 Wallet 中可展示與使用的卡券。",
 		sort: "排序",
@@ -156,6 +180,14 @@ var locales_default = {
 	ja: {
 		walletName: "ウォレット名",
 		validityPeriod: "有効期間",
+		passesShownInWallet: "このウォレットに表示するパス：",
+		showPassesIssuedBy: "次の店舗が発行したパスを表示：",
+		passIssuerCurrentShop: "現在の店舗",
+		passIssuerAllShops: "チェーン内のすべての店舗",
+		passIssuerSpecifiedShops: "指定した店舗",
+		passIssuerSelectShops: "店舗を選択",
+		passIssuerShopsRequired: "店舗を1つ以上選択してください",
+		passIssuerLoadFailedRetry: "店舗を読み込めませんでした。クリックして再試行。",
 		linkedPasses: "リンクされたパス",
 		linkedPassesDesc: "このウォレットで利用可能なパスを選択します。",
 		sort: "並び替え",
@@ -207,6 +239,14 @@ var locales_default = {
 	pt: {
 		walletName: "Nome da carteira",
 		validityPeriod: "Período de Validade",
+		passesShownInWallet: "Passes exibidos nesta carteira:",
+		showPassesIssuedBy: "Mostrar passes emitidos por:",
+		passIssuerCurrentShop: "Loja atual",
+		passIssuerAllShops: "Todas as lojas da rede",
+		passIssuerSpecifiedShops: "Lojas específicas",
+		passIssuerSelectShops: "Selecionar lojas",
+		passIssuerShopsRequired: "Selecione pelo menos uma loja",
+		passIssuerLoadFailedRetry: "Falha ao carregar lojas. Clique para tentar novamente.",
 		linkedPasses: "Passes vinculados",
 		linkedPassesDesc: "Selecione os passes que estarão disponíveis nesta Carteira.",
 		sort: "Ordenar",

package/lib/plus/walletEditor/types.d.ts

@@ -26,6 +26,12 @@ interface SendConfig {
   type: string;
   [key: string]: any;
 }
+/** 在原展示范围上追加子店卡券的配置。 */
+interface PassDisplayConfigValue {
+  type: 'self' | 'all_franchisees' | 'selected_franchisees';
+  /** 仅 selected_franchisees 使用，其他模式忽略。 */
+  shop_ids?: number[];
+}
 interface WalletMetadata {
   [key: string]: unknown;
   mobile_wallet_id?: string | number;
@@ -35,6 +41,7 @@ interface WalletMetadata {
   customerName?: string;
   coverImage?: string;
   send_config?: SendConfig;
+  pass_visibility?: PassDisplayConfigValue;
 }
 interface WalletEditorValue {
   id?: number | string;
@@ -59,4 +66,4 @@ interface WalletEditorProps {
   style?: React.CSSProperties;
 }
 //#endregion
-export { MultiLanguageTitle, SendConfig, ShowcaseWalletPassItem, ValidForConfig, VirtualCurrencyInfo, WalletEditorProps, WalletEditorRef, WalletEditorValue, WalletMetadata, WalletPassType };
+export { MultiLanguageTitle, PassDisplayConfigValue, SendConfig, ShowcaseWalletPassItem, ValidForConfig, VirtualCurrencyInfo, WalletEditorProps, WalletEditorRef, WalletEditorValue, WalletMetadata, WalletPassType };