@isoftdata/svelte-ecommerce 1.0.0-beta.0

package/dist/EcommerceListingDetails.svelte.d.ts

@@ -0,0 +1,18 @@
+import type { EbayCategory, EbayPolicy, EcommerceCondition, ExtendedEcommerceConditionMap, EcommercePartnerConfiguration, ExtendedEbayCategoryMap, FileItem, InventoryListingDetail, InventoryRow, InventoryType, InventoryTypeListingDefaults, NewInventoryListingDetail } from './utils.js';
+interface Props {
+    ebayCategoryList: EbayCategory[];
+    ebayCategoryMapList: ExtendedEbayCategoryMap[];
+    ebayPolicyList: EbayPolicy[];
+    ecommerceConditionMapList: ExtendedEcommerceConditionMap[];
+    ecommerceConditionList: EcommerceCondition[];
+    ecommercePartnerConfigurationList: EcommercePartnerConfiguration[];
+    listingList: InventoryListingDetail[];
+    partFileList: FileItem[];
+    part: InventoryRow;
+    inventoryTypeWithDefaultConfigList: InventoryTypeListingDefaults[];
+    inventoryTypeList: InventoryType[];
+    save: (data: InventoryListingDetail | NewInventoryListingDetail) => Promise<void>;
+}
+declare const EcommerceListingDetails: import("svelte").Component<Props, {}, "">;
+type EcommerceListingDetails = ReturnType<typeof EcommerceListingDetails>;
+export default EcommerceListingDetails;

package/dist/EcommercePartTypeConfig.svelte

@@ -0,0 +1,305 @@
+<script lang="ts">
+	import type { i18n } from 'i18next'
+
+	import { getContext } from 'svelte'
+
+	import Table from '@isoftdata/svelte-table'
+	import Button from '@isoftdata/svelte-button'
+	import Select from '@isoftdata/svelte-select'
+	import Modal from '@isoftdata/svelte-modal'
+	import Checkbox from '@isoftdata/svelte-checkbox'
+	import klona from 'klona'
+	import type { InventoryType } from './utils.js'
+	import EcommerceDefaults from './EcommerceDefaults.svelte'
+	import type {
+		EbayPolicy,
+		EcommerceCondition,
+		EcommercePartnerConfiguration,
+		EcommerceSharedDefaults,
+		ExtendedInventoryTypeListingDefaults,
+		InventoryTypeCategory,
+		InventoryTypeListingDefaults,
+		NewInventoryTypeListingDefaults,
+	} from './utils.js'
+
+	import { translate as defaultTranslate } from '@isoftdata/utility-string'
+
+	const { t: translate } = getContext<i18n>('i18next') || { t: defaultTranslate }
+
+	interface Props {
+		// Props
+		ebayPolicyList: EbayPolicy[]
+		ecommerceConditionList: EcommerceCondition[]
+		inventoryTypeList: InventoryType[]
+		inventoryTypeWithDefaultConfigList: ExtendedInventoryTypeListingDefaults[]
+		inventoryTypeCategoryList: InventoryTypeCategory[]
+		partnerConfigurationList: EcommercePartnerConfiguration[]
+		selectedEcommercePartnerId: number
+		partTypeConfigurationChanged: (
+			data: InventoryTypeListingDefaults | NewInventoryTypeListingDefaults,
+		) => Promise<void>
+	}
+
+	let {
+		ebayPolicyList = [],
+		ecommerceConditionList = [],
+		inventoryTypeList = [],
+		inventoryTypeWithDefaultConfigList = $bindable([]),
+		inventoryTypeCategoryList = [],
+		partnerConfigurationList = [],
+		selectedEcommercePartnerId,
+		partTypeConfigurationChanged = async (_: InventoryTypeListingDefaults | NewInventoryTypeListingDefaults) => {},
+	}: Props = $props()
+
+	// Template for new inventory type listing configurations
+	const newInventoryTypeListingConfig: NewInventoryTypeListingDefaults = Object.freeze({
+		active: true,
+		categoryId: undefined,
+		categoryName: '',
+		defaults: {
+			brandMapping: undefined,
+			conditionDescription: undefined,
+			conditionId: undefined,
+			fulfillmentPolicies: undefined,
+			fulfillmentTimeUnit: undefined,
+			fulfillmentTimeValue: undefined,
+			listingDescriptionTemplate: undefined,
+			listingDuration: undefined,
+			listingFormat: undefined,
+			listingTitleTemplate: undefined,
+			manufacturerPartNumberMapping: undefined,
+			oemNumberMapping: undefined,
+			packageType: undefined,
+			paymentPolicies: undefined,
+			pricingModifier: undefined,
+			returnPolicies: undefined,
+			shippingLengthUnit: undefined,
+			shippingWeightUnit: undefined,
+			storePickupAllowed: undefined,
+		},
+		ecommercePartnerId: 0,
+		inventoryTypeId: 0,
+		inventoryTypeListingConfigurationId: null,
+		inventoryTypeName: '',
+		inventoryType: null,
+		descriptionTemplate: null,
+		titleTemplate: null,
+	})
+
+	// Local state
+	let isAddingListingConfig = false
+	let selectedInventoryTypeListingConfig: InventoryTypeListingDefaults | NewInventoryTypeListingDefaults = $state(
+		klona(newInventoryTypeListingConfig),
+	)
+	let show = $state(false)
+	let editInventoryTypeDisabled: boolean = $state(false)
+	// Hard coded temp data for drop downs
+	let showAllOption = true
+
+	// Automatically update filtered categories when inventoryType changes
+	let filteredCategories = $derived.by(() => {
+		// Use the inventoryType from the selectedInventoryTypeListingConfig if available
+		const typeToUse = selectedInventoryTypeListingConfig?.inventoryTypeId
+
+		// If no inventory type is selected, return empty array
+		if (!typeToUse) {
+			return []
+		}
+
+		// First find any categories with a typeSetId matching the selected inventory type
+		const categoriesByInventoryType = inventoryTypeCategoryList.filter(category => category.typeSetId === typeToUse)
+
+		// Now filter out the ones that aren't already configured by the inventorytype and category combo
+		return categoriesByInventoryType.filter(category => {
+			// Check if this category is already configured for this inventory type
+			const isAlreadyConfigured = inventoryTypeWithDefaultConfigList.some(
+				config => config.inventoryTypeId === typeToUse && config.categoryId === category.categoryId,
+			)
+
+			// Always include the currently selected category (for editing existing records)
+			const isCurrentlySelected = selectedInventoryTypeListingConfig?.categoryId === category.categoryId
+
+			// Return categories that aren't already configured OR are currently selected
+			return !isAlreadyConfigured || isCurrentlySelected
+		})
+	})
+
+	// Called on add or edit inventory type config
+	function editInventoryTypeConfig(row?: InventoryTypeListingDefaults) {
+		if (row) {
+			// Editing existing row - clone the provided row
+			selectedInventoryTypeListingConfig = klona(row)
+			editInventoryTypeDisabled = true
+		} else {
+			// Adding new row - ensure completely fresh copy from helper function
+			selectedInventoryTypeListingConfig = newInventoryTypeListingConfig
+			editInventoryTypeDisabled = false
+		}
+
+		show = true
+	}
+
+	// Function to prepare data and call for saving
+	async function confirm() {
+		if (!selectedInventoryTypeListingConfig) return
+
+		// Create a copy of the data to avoid mutating state directly
+		const listingConfigCopy = klona(selectedInventoryTypeListingConfig)
+
+		// // TS hates this being possibly null
+		// if (!selectedInventoryTypeListingConfig.inventoryTypeId) {
+		// 	// Show error message or return early
+		// 	console.error('Inventory Type is required')
+		// 	return
+		// }
+
+		// Now create the object we want to save since there are some extras
+
+		// Call the parent save function with prepared data
+		await partTypeConfigurationChanged(listingConfigCopy)
+
+		// Close the modal after saving
+		close()
+	}
+
+	function close() {
+		// Reset to a completely fresh template to prevent any state contamination
+		selectedInventoryTypeListingConfig = newInventoryTypeListingConfig
+		editInventoryTypeDisabled = false
+		show = false
+	}
+
+	async function handlePartTypeDefaultsChange(newDefaults: EcommerceSharedDefaults) {
+		// This function is called when the EcommerceDefaults component changes
+		// The binding will automatically update selectedStoreConfigRow.defaults
+		// Don't need to do anything here since we're not auto-saving, feels dumb having an empty method
+	}
+
+	function isRowSelected(row: ExtendedInventoryTypeListingDefaults): boolean {
+		if (!selectedInventoryTypeListingConfig) return false
+
+		// For existing records, compare IDs
+		if ('inventoryTypeListingConfigurationId' in selectedInventoryTypeListingConfig) {
+			return (
+				selectedInventoryTypeListingConfig.inventoryTypeListingConfigurationId ===
+				row.inventoryTypeListingConfigurationId
+			)
+		}
+
+		// For new records, no row can be selected since they don't exist in the table yet
+		return false
+	}
+</script>
+
+<div class="card-header">
+	<h4 class="mb-0">
+		{translate('ecommerce.configuration.partTypeListingConfiguration', 'Part Type Listing Configuration')}
+	</h4>
+	<p class="text-muted mb-0">
+		{translate(
+			'ecommerce.configuration.configurePartTypeCategory',
+			'Configure part type and category level settings for e-commerce listings',
+		)}
+	</p>
+</div>
+<div class="card-body">
+	<div class="mb-3">
+		<Button
+			outline
+			color="success"
+			size="sm"
+			iconClass="plus"
+			onclick={() => editInventoryTypeConfig()}
+			disabled={isAddingListingConfig}
+		>
+			{translate('ecommerce.configuration.add', 'Add')}
+		</Button>
+	</div>
+	<Table
+		rows={inventoryTypeWithDefaultConfigList}
+		columns={[
+			{
+				property: 'inventoryTypeId',
+				name: translate('ecommerce.configuration.typeNumber', 'Type #'),
+				defaultSortColumn: true,
+			},
+			{ property: 'inventoryTypeName', name: translate('ecommerce.configuration.name', 'Name') },
+			{ property: 'categoryName', name: translate('ecommerce.configuration.category', 'Category') },
+			{ property: 'active', name: translate('ecommerce.configuration.activeOnEbay', 'Active on eBay') },
+		]}
+	>
+		{#snippet children({ row })}
+			<tr
+				onclick={() => editInventoryTypeConfig(row)}
+				class="cursor-pointer"
+				class:table-primary={isRowSelected(row)}
+			>
+				<td>{row.inventoryTypeId}</td>
+				<td>{row.inventoryTypeName}</td>
+				<td>{row.categoryName}</td>
+				<td
+					>{row.active
+						? translate('ecommerce.configuration.yes', 'yes')
+						: translate('ecommerce.configuration.no', 'No')}</td
+				>
+			</tr>
+		{/snippet}
+	</Table>
+</div>
+<Modal
+	bind:show
+	title={translate('ecommerce.configuration.addEditPartTypeCategory', 'Add/Edit Part Type & Category Configuration')}
+	modalSize="lg"
+	confirmButtonText={translate('ecommerce.configuration.save', 'Save')}
+	cancelShown={true}
+	{confirm}
+	{close}
+>
+	<Checkbox
+		label={translate('ecommerce.configuration.activeOnEbay', 'Active On eBay')}
+		bind:checked={selectedInventoryTypeListingConfig.active}
+		onchange={() => {
+			// Ensure active is always a boolean, not a string
+			selectedInventoryTypeListingConfig.active = !!selectedInventoryTypeListingConfig.active
+		}}
+	/>
+	<div class="row">
+		<div class="col-md-3">
+			<Select
+				label={translate('ecommerce.configuration.partType', 'Part Type')}
+				showEmptyOption={showAllOption}
+				emptyValue={null}
+				emptyText={translate('ecommerce.configuration.selectType', 'Select Type')}
+				disabled={editInventoryTypeDisabled}
+				bind:value={selectedInventoryTypeListingConfig.inventoryTypeId}
+			>
+				{#each inventoryTypeList as type}
+					<option value={type.inventoryTypeId}>{type.inventoryTypeId} - {type.name}</option>
+				{/each}
+			</Select>
+		</div>
+		<div class="col-md-3">
+			<Select
+				label={translate('ecommerce.configuration.category', 'Category')}
+				showEmptyOption={showAllOption}
+				emptyValue={null}
+				emptyText={translate('ecommerce.configuration.selectCategory', 'Selectd Category')}
+				disabled={!filteredCategories.length && !selectedInventoryTypeListingConfig.categoryId}
+				bind:value={selectedInventoryTypeListingConfig.categoryId}
+			>
+				{#each filteredCategories as category}
+					<option value={category.categoryId}>{category.name}</option>
+				{/each}
+			</Select>
+		</div>
+	</div>
+	<hr />
+	<EcommerceDefaults
+		defaults={selectedInventoryTypeListingConfig.defaults}
+		defaultsChanged={handlePartTypeDefaultsChange}
+		{ebayPolicyList}
+		{ecommerceConditionList}
+		{partnerConfigurationList}
+		{selectedEcommercePartnerId}
+	/>
+</Modal>

package/dist/EcommercePartTypeConfig.svelte.d.ts

@@ -0,0 +1,15 @@
+import type { InventoryType } from './utils.js';
+import type { EbayPolicy, EcommerceCondition, EcommercePartnerConfiguration, ExtendedInventoryTypeListingDefaults, InventoryTypeCategory, InventoryTypeListingDefaults, NewInventoryTypeListingDefaults } from './utils.js';
+interface Props {
+    ebayPolicyList: EbayPolicy[];
+    ecommerceConditionList: EcommerceCondition[];
+    inventoryTypeList: InventoryType[];
+    inventoryTypeWithDefaultConfigList: ExtendedInventoryTypeListingDefaults[];
+    inventoryTypeCategoryList: InventoryTypeCategory[];
+    partnerConfigurationList: EcommercePartnerConfiguration[];
+    selectedEcommercePartnerId: number;
+    partTypeConfigurationChanged: (data: InventoryTypeListingDefaults | NewInventoryTypeListingDefaults) => Promise<void>;
+}
+declare const EcommercePartTypeConfig: import("svelte").Component<Props, {}, "inventoryTypeWithDefaultConfigList">;
+type EcommercePartTypeConfig = ReturnType<typeof EcommercePartTypeConfig>;
+export default EcommercePartTypeConfig;

package/dist/EcommerceStoreConfiguration.svelte

@@ -0,0 +1,263 @@
+<script lang="ts">
+	import type { i18n } from 'i18next'
+
+	import { getContext } from 'svelte'
+	import Table from '@isoftdata/svelte-table'
+	import klona from 'klona'
+	import Modal from '@isoftdata/svelte-modal'
+	import Checkbox from '@isoftdata/svelte-checkbox'
+	import Button from '@isoftdata/svelte-button'
+	import Select from '@isoftdata/svelte-select'
+	import type {
+		EbayLocation,
+		EbayPolicy,
+		EcommerceCondition,
+		EcommercePartnerConfiguration,
+		EcommerceStoreConfig,
+		Store,
+		EcommerceSharedDefaults,
+	} from './utils.js'
+	import EcommerceDefaults from './EcommerceDefaults.svelte'
+
+	import { translate as defaultTranslate } from '@isoftdata/utility-string'
+	const { t: translate } = getContext<i18n>('i18next') || { t: defaultTranslate }
+
+	interface Props {
+		ebayLocationList?: EbayLocation[]
+		ebayPolicyList?: EbayPolicy[]
+		ecommerceConditionList: EcommerceCondition[]
+		partnerConfigurationList?: EcommercePartnerConfiguration[]
+		selectedEcommercePartnerId: number
+		storeList: Store[]
+		partnerConfigurationChanged: (partnerConfig: EcommercePartnerConfiguration) => Promise<void>
+	}
+
+	let {
+		ebayLocationList = [],
+		ebayPolicyList = [],
+		ecommerceConditionList = [],
+		partnerConfigurationList = [],
+		selectedEcommercePartnerId,
+		storeList = [],
+		partnerConfigurationChanged = async (_: EcommercePartnerConfiguration) => {},
+	}: Props = $props()
+
+	let newStoreConfig: EcommerceStoreConfig = Object.freeze({
+		active: true,
+		defaults: {
+			brandMapping: undefined,
+			conditionDescription: undefined,
+			conditionId: undefined,
+			fulfillmentPolicies: undefined,
+			fulfillmentTimeUnit: undefined,
+			fulfillmentTimeValue: undefined,
+			listingDescriptionTemplate: undefined,
+			listingDuration: undefined,
+			listingFormat: undefined,
+			listingTitleTemplate: undefined,
+			manufacturerPartNumberMapping: undefined,
+			oemNumberMapping: undefined,
+			packageType: undefined,
+			paymentPolicies: undefined,
+			pricingModifier: undefined,
+			returnPolicies: undefined,
+			shippingLengthUnit: undefined,
+			shippingWeightUnit: undefined,
+			storePickupAllowed: undefined,
+		},
+		merchantLocationKey: undefined,
+		name: '',
+		storeId: 0,
+	})
+
+	let show = $state(false)
+	let showAllOption = $state(true)
+	let selectedStoreConfigRow = $state<EcommerceStoreConfig | null>(null)
+
+	// If we had more than one ecommercepartner, this would change depending on selected partner id
+	let selectedPartnerConfig = $derived(
+		partnerConfigurationList.find(row => row.ecommercePartnerId === selectedEcommercePartnerId),
+	)
+	// Get the store rows from the partnerconfig row
+	let selectedPartnerConfigStoreRows = $derived(selectedPartnerConfig?.defaults?.store || [])
+
+	// Filter available ebay locations depending on whether we're adding or editing
+	let availableLocations = $derived.by(() => {
+		const configuredEbayLocations = selectedPartnerConfigStoreRows.map(row => row.merchantLocationKey)
+		const isEditingExisting =
+			selectedStoreConfigRow?.name !== null &&
+			configuredEbayLocations.includes(selectedStoreConfigRow?.merchantLocationKey)
+
+		if (isEditingExisting) {
+			return ebayLocationList
+		}
+		return ebayLocationList.filter(location => !configuredEbayLocations.includes(location.ebayName))
+	})
+	// Filter available stores based on whether we're adding or editing existing
+	let availableStores = $derived.by(() => {
+		if (!selectedStoreConfigRow) return storeList
+
+		// Get the IDs of already configured stores
+		const configuredStoreIds = selectedPartnerConfigStoreRows.map(row => row.storeId)
+		const isEditingExisting =
+			selectedStoreConfigRow.storeId !== null && configuredStoreIds.includes(selectedStoreConfigRow.storeId)
+
+		if (isEditingExisting) {
+			return storeList
+		}
+		// If adding new, filter out already configured stores
+		return storeList.filter(store => !configuredStoreIds.includes(store.storeId))
+	})
+
+	async function confirm() {
+		if (!selectedStoreConfigRow || !selectedStoreConfigRow.storeId) return
+
+		// TODO: Here I am regretting my decision to have JSON sub object business for this
+		// Copy the store config data for uh state wackiness reasons?
+		const storeConfigRowCopy = klona(selectedStoreConfigRow)
+		// Copy the partner config row
+		const partnerConfigCopy = klona(selectedPartnerConfig)
+
+		// Copy the selectedParnterConfigStoreRows
+		let updatedStoreRows = klona(selectedPartnerConfigStoreRows || [])
+
+		// If empty, add storeConfigCopy
+		if (updatedStoreRows.length === 0) {
+			updatedStoreRows.push(storeConfigRowCopy)
+		} else {
+			const existingIndex = updatedStoreRows.findIndex(row => row.storeId === storeConfigRowCopy.storeId)
+			if (existingIndex === -1) {
+				updatedStoreRows.push(storeConfigRowCopy)
+			} else {
+				updatedStoreRows[existingIndex] = storeConfigRowCopy
+			}
+		}
+		// Still possible to be missing defaults?
+		if (partnerConfigCopy && partnerConfigCopy.defaults) {
+			partnerConfigCopy.defaults.store = updatedStoreRows
+			await partnerConfigurationChanged(partnerConfigCopy)
+		}
+		close()
+	}
+
+	function close() {
+		selectedStoreConfigRow = newStoreConfig
+		show = false
+	}
+
+	function editStoreConfigRow(row?: EcommerceStoreConfig) {
+		// Set selected row
+		selectedStoreConfigRow = klona(row || newStoreConfig)
+
+		show = true
+	}
+
+	async function handleStoreDefaultsChange(newDefaults: EcommerceSharedDefaults) {
+		// This function is called when the EcommerceDefaults component changes
+		// The binding will automatically update selectedStoreConfigRow.defaults
+		// Don't need to do anything here since we're not auto-saving, feels dumb having an empty method
+	}
+</script>
+
+<div class="card-header">
+	<h4 class="mb-0">{translate('ecommerce.configuration.storeConfiguration', 'Store Configuration')}</h4>
+	<p class="text-muted mb-0">
+		{translate('ecommerce.configuration.configureStoreLevelEbaySettings', 'Configure store level eBay settings')}
+	</p>
+</div>
+<div class="card-body">
+	<div class="mb-3">
+		<Button
+			outline
+			color="success"
+			size="sm"
+			iconClass="plus"
+			onclick={() => editStoreConfigRow()}
+			disabled={false}
+		>
+			{translate('ecommerce.configuration.add', 'Add')}
+		</Button>
+	</div>
+	{#if selectedPartnerConfigStoreRows.length}
+		<Table
+			rows={selectedPartnerConfigStoreRows}
+			responsive
+			stickyHeader
+			parentClass="overflow-y-auto mh-400"
+			columns={[
+				{ property: 'storeId', name: translate('ecommerce.configuration.storeId', 'Store ID') },
+				{ property: 'name', name: translate('ecommerce.configuration.storeName', 'Store Name') },
+				{ property: 'merchantLocationKey', name: translate('ecommerce.configuration.ebayLocation', 'Ebay Location') },
+				{ property: 'active', name: translate('ecommerce.configuration.active', 'Active') },
+			]}
+		>
+			{#snippet children({ row })}
+				<tr
+					onclick={() => editStoreConfigRow(row as EcommerceStoreConfig)}
+					class="cursor-pointer"
+				>
+					<td property="storeId">{row.storeId}</td>
+					<td property="name">{row.name}</td>
+					<td property="merchantLocationKey">{row.merchantLocationKey}</td>
+					<td property="active">{row.active}</td>
+				</tr>
+			{/snippet}
+		</Table>
+	{/if}
+</div>
+
+<Modal
+	bind:show
+	title={translate('ecommerce.configuration.addEditStoreDefaults', 'Add/Edit Store Defaults')}
+	modalSize="lg"
+	confirmButtonText={translate('ecommerce.configuration.save', 'Save')}
+	cancelShown={true}
+	{confirm}
+	{close}
+>
+	{#if selectedStoreConfigRow}
+		<div class="card-body">
+			<Checkbox
+				label={translate('ecommerce.configuration.activeOnEbay', 'Active on eBay')}
+				bind:checked={selectedStoreConfigRow.active}
+			/>
+
+			<Select
+				label={translate('ecommerce.configuration.store', 'Store')}
+				showEmptyOption={showAllOption}
+				emptyValue={null}
+				emptyText={translate('ecommerce.configuration.selectStore', 'Select Store')}
+				disabled={false}
+				bind:value={selectedStoreConfigRow.storeId}
+			>
+				{#each availableStores as store}
+					<option value={store.storeId}>{store.name}</option>
+				{/each}
+			</Select>
+			{#if selectedStoreConfigRow.storeId}
+				<Select
+					label={translate('ecommerce.configuration.ebayLocation', 'Ebay Location')}
+					showEmptyOption={showAllOption}
+					emptyValue={null}
+					emptyText={translate('ecommerce.configuration.selectLocation', 'Select Location')}
+					disabled={false}
+					bind:value={selectedStoreConfigRow.merchantLocationKey}
+				>
+					{#each availableLocations as location}
+						<option value={location.ebayName}>{location.ebayName}</option>
+					{/each}
+				</Select>
+			{/if}
+			{#if selectedStoreConfigRow.merchantLocationKey}
+				<EcommerceDefaults
+					bind:defaults={selectedStoreConfigRow.defaults}
+					{ebayPolicyList}
+					{ecommerceConditionList}
+					{partnerConfigurationList}
+					defaultsChanged={handleStoreDefaultsChange}
+					{selectedEcommercePartnerId}
+				/>
+			{/if}
+		</div>
+	{/if}
+</Modal>

package/dist/EcommerceStoreConfiguration.svelte.d.ts

@@ -0,0 +1,13 @@
+import type { EbayLocation, EbayPolicy, EcommerceCondition, EcommercePartnerConfiguration, Store } from './utils.js';
+interface Props {
+    ebayLocationList?: EbayLocation[];
+    ebayPolicyList?: EbayPolicy[];
+    ecommerceConditionList: EcommerceCondition[];
+    partnerConfigurationList?: EcommercePartnerConfiguration[];
+    selectedEcommercePartnerId: number;
+    storeList: Store[];
+    partnerConfigurationChanged: (partnerConfig: EcommercePartnerConfiguration) => Promise<void>;
+}
+declare const EcommerceStoreConfiguration: import("svelte").Component<Props, {}, "">;
+type EcommerceStoreConfiguration = ReturnType<typeof EcommerceStoreConfiguration>;
+export default EcommerceStoreConfiguration;

package/dist/PolicyList.svelte

@@ -0,0 +1,66 @@
+<script lang="ts">
+	import type { i18n } from 'i18next'
+
+	import { getContext } from 'svelte'
+
+	import Table, { Td } from '@isoftdata/svelte-table'
+	import Checkbox from '@isoftdata/svelte-checkbox'
+	import { translate as defaultTranslate } from '@isoftdata/utility-string'
+
+	const { t: translate } = getContext<i18n>('i18next') || { t: defaultTranslate }
+
+	import type { PolicyRowWithChecked } from './utils.js'
+
+	interface Props {
+		title: string
+		policies: PolicyRowWithChecked[]
+		selectedPolicyIds: string[]
+		onSelectionChange: (selectedIds: string[]) => void
+	}
+
+	let { title, policies, selectedPolicyIds, onSelectionChange }: Props = $props()
+
+	function handleCheckboxChange(policy: PolicyRowWithChecked, checked: boolean) {
+		let updatedIds: string[]
+
+		if (checked) {
+			// Add policy to the list if not already present
+			if (!selectedPolicyIds.includes(policy.policyId)) {
+				updatedIds = [...selectedPolicyIds, policy.policyId]
+			} else {
+				updatedIds = selectedPolicyIds
+			}
+		} else {
+			// Remove policy from the list
+			updatedIds = selectedPolicyIds.filter(id => id !== policy.policyId)
+		}
+
+		onSelectionChange(updatedIds)
+	}
+</script>
+
+<div class="mb-4">
+	<Table
+		responsive
+		{title}
+		stickyHeader
+		rows={policies}
+		parentClass="overflow-y-auto mh-500"
+		columns={[
+			{ property: 'checked', name: translate('configuration.ecommerce.selected', 'Selected'), width: '100px' },
+			{ property: 'name', name: translate('configuration.ecommerce.policy', 'Policy'), defaultSortColumn: true },
+		]}
+	>
+		{#snippet children({ row })}
+			<tr>
+				<Td property="checked">
+					<Checkbox
+						checked={row.checked}
+						onchange={e => handleCheckboxChange(row, e.currentTarget.checked)}
+					/>
+				</Td>
+				<td>{row.name}</td>
+			</tr>
+		{/snippet}
+	</Table>
+</div>

package/dist/PolicyList.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { PolicyRowWithChecked } from './utils.js';
+interface Props {
+    title: string;
+    policies: PolicyRowWithChecked[];
+    selectedPolicyIds: string[];
+    onSelectionChange: (selectedIds: string[]) => void;
+}
+declare const PolicyList: import("svelte").Component<Props, {}, "">;
+type PolicyList = ReturnType<typeof PolicyList>;
+export default PolicyList;