@isoftdata/svelte-ecommerce 1.0.0-beta.0 → 1.0.0-beta.1

package/dist/EcommerceConfiguration.svelte

@@ -1,195 +1,199 @@
-<script lang="ts">
-	import type { i18n } from 'i18next'
-
-	import { getContext } from 'svelte'
-
-	import EcommerceDefaults from './EcommerceDefaults.svelte'
-	import type {
-		EbayCategory,
-		EbayCategoryMap,
-		EbayPolicy,
-		EbayLocation,
-		EcommerceCondition,
-		EcommerceConditionMap,
-		ExtendedEcommerceConditionMap,
-		EcommercePartnerConfiguration,
-		EcommerceSharedDefaults,
-		ExtendedEbayCategoryMap,
-		ExtendedInventoryTypeListingDefaults,
-		InventoryType,
-		InventoryTypeCategory,
-		InventoryTypeListingDefaults,
-		NewInventoryTypeListingDefaults,
-		Store,
-	} from './utils.js'
-	import EcommerceConditionMapConfig from './EcommerceConditionMapConfiguration.svelte'
-	import EcommerceCategoryMapConfig from './EcommerceCategoryMapConfiguration.svelte'
-	import EcommerceStoreConfig from './EcommerceStoreConfiguration.svelte'
-	import EcommercePartTypeConfig from './EcommercePartTypeConfig.svelte'
-
-	import { translate as defaultTranslate } from '@isoftdata/utility-string'
-	const { t: translate } = getContext<i18n>('i18next') || { t: defaultTranslate }
-
-	interface Props {
-		ebayCategoryList: EbayCategory[]
-		ebayCategoryMapList: ExtendedEbayCategoryMap[]
-		ebayPolicyList: EbayPolicy[]
-		ebayLocationList: EbayLocation[]
-		ecommerceConditionList: EcommerceCondition[]
-		ecommerceConditionMappingList: ExtendedEcommerceConditionMap[]
-		inventoryConditionList: string[]
-		inventoryTypeCategoryList: InventoryTypeCategory[]
-		inventoryTypeList: InventoryType[]
-		inventoryTypeWithDefaultConfigList: ExtendedInventoryTypeListingDefaults[]
-		partnerConfigurationList: EcommercePartnerConfiguration[]
-		saveEcommerceCategoryMap: (categoryMappingRow: EbayCategoryMap) => Promise<void>
-		saveEcommerceConditionMap: (config: EcommerceConditionMap) => Promise<void>
-		saveEcommercePartnerConfig: (config: EcommercePartnerConfiguration) => Promise<void>
-		saveEcommercePartTypeConfig: (
-			config: InventoryTypeListingDefaults | NewInventoryTypeListingDefaults,
-		) => Promise<void>
-		storeList: Store[]
-		//
-	}
-
-	let {
-		ebayCategoryList = [],
-		ebayCategoryMapList = [],
-		ebayLocationList = [],
-		ebayPolicyList = [],
-		ecommerceConditionList = [],
-		ecommerceConditionMappingList = [],
-		inventoryConditionList = [],
-		inventoryTypeCategoryList = [],
-		inventoryTypeList = [],
-		inventoryTypeWithDefaultConfigList = [],
-		partnerConfigurationList = [],
-		saveEcommerceCategoryMap = async (_: EbayCategoryMap) => {},
-		saveEcommerceConditionMap = async (_: EcommerceConditionMap) => {},
-		saveEcommercePartnerConfig = async (_: EcommercePartnerConfiguration) => {},
-		saveEcommercePartTypeConfig = async (_: InventoryTypeListingDefaults | NewInventoryTypeListingDefaults) => {},
-		storeList = [],
-	}: Props = $props()
-	// Hard coding this for now, should be selectable between htp and ebay....maybe just default to the only one?
-	let selectedEcommercePartnerId = $state(1)
-
-	let globalDefaults = $derived.by(getGlobalDefaults)
-
-	function getGlobalDefaults() {
-		const matchingPartnerConfig = partnerConfigurationList.find(
-			row => row.ecommercePartnerId === selectedEcommercePartnerId,
-		)
-		if (matchingPartnerConfig) {
-			return matchingPartnerConfig.defaults?.global
-		}
-	}
-
-	// Handles global defaults being changed
-	async function handleGlobalConfigChange(newGlobalDefaults: EcommerceSharedDefaults) {
-		// Find the matching partner config to update the global defaults on
-		const matchingPartnerConfig = partnerConfigurationList.find(
-			row => row.ecommercePartnerId === selectedEcommercePartnerId,
-		)
-
-		if (!matchingPartnerConfig) {
-			console.error('No matching partner configuration found for ID:', selectedEcommercePartnerId)
-			return
-		}
-
-		// Initialize defaults if it doesn't exist
-		if (!matchingPartnerConfig.defaults) {
-			matchingPartnerConfig.defaults = {
-				global: {},
-				store: [],
-			}
-		}
-
-		// Update the global defaults with the new values
-		matchingPartnerConfig.defaults.global = { ...newGlobalDefaults }
-
-		await saveEcommercePartnerConfig(matchingPartnerConfig)
-	}
-
-	async function handleStoreConfigChange(updatedPartnerConfig: EcommercePartnerConfiguration) {
-		await saveEcommercePartnerConfig(updatedPartnerConfig)
-	}
-
-	async function handleCategoryMapChange(categoryMappingRow: EbayCategoryMap) {
-		await saveEcommerceCategoryMap(categoryMappingRow)
-	}
-	async function handleConditionMapChange(conditionMapRow: EcommerceConditionMap) {
-		await saveEcommerceConditionMap(conditionMapRow)
-	}
-
-	async function handlePartTypeConfigurationChange(
-		partTypeConfigRow: InventoryTypeListingDefaults | NewInventoryTypeListingDefaults,
-	) {
-		await saveEcommercePartTypeConfig(partTypeConfigRow)
-	}
-</script>
-
-<div class="row">
-	<div class="col">
-		<div class="card-header">
-			<h4 class="mb-0">{translate('ecommerce.configuration.globalDefaults', 'Global Defaults')}</h4>
-			<p class="text-muted mb-0">
-				{translate('ecommerce.configuration.configureGlobalDefaultsForEbay', 'Configure global defaults for eBay')}
-			</p>
-		</div>
-		<div class="card-body">
-			<EcommerceDefaults
-				bind:defaults={globalDefaults}
-				{ebayPolicyList}
-				{ecommerceConditionList}
-				{partnerConfigurationList}
-				defaultsChanged={handleGlobalConfigChange}
-				{selectedEcommercePartnerId}
-			/>
-		</div>
-	</div>
-	<div class="col">
-		<EcommerceStoreConfig
-			{ecommerceConditionList}
-			{ebayLocationList}
-			{ebayPolicyList}
-			partnerConfigurationChanged={handleStoreConfigChange}
-			{partnerConfigurationList}
-			{selectedEcommercePartnerId}
-			{storeList}
-		/>
-	</div>
-</div>
-<div class="row">
-	<div class="col">
-		<EcommerceConditionMapConfig
-			{ecommerceConditionList}
-			{inventoryConditionList}
-			{ecommerceConditionMappingList}
-			conditionMapChanged={handleConditionMapChange}
-		/>
-	</div>
-</div>
-<div class="row">
-	<div class="col">
-		<EcommerceCategoryMapConfig
-			{ebayCategoryList}
-			{ebayCategoryMapList}
-			{inventoryTypeList}
-			categoryMapChanged={handleCategoryMapChange}
-		/>
-	</div>
-</div>
-<div class="row">
-	<div class="col">
-		<EcommercePartTypeConfig
-			{ebayPolicyList}
-			{ecommerceConditionList}
-			{inventoryTypeList}
-			{inventoryTypeWithDefaultConfigList}
-			{inventoryTypeCategoryList}
-			{partnerConfigurationList}
-			partTypeConfigurationChanged={handlePartTypeConfigurationChange}
-			{selectedEcommercePartnerId}
-		/>
-	</div>
-</div>
+<script lang="ts">
+	import type { i18n } from 'i18next'
+
+	import { getContext } from 'svelte'
+
+	import EcommerceDefaults from './EcommerceDefaults.svelte'
+	import type {
+		EbayCategory,
+		EbayCategoryMap,
+		EbayPolicy,
+		EbayLocation,
+		EcommerceCondition,
+		EcommerceConditionMap,
+		ExtendedEcommerceConditionMap,
+		EcommercePartnerConfiguration,
+		EcommerceSharedDefaults,
+		ExtendedEbayCategoryMap,
+		ExtendedInventoryTypeListingDefaults,
+		InventoryType,
+		InventoryTypeCategory,
+		InventoryTypeListingDefaults,
+		NewInventoryTypeListingDefaults,
+		Store,
+	} from './utils.js'
+	import EcommerceConditionMapConfig from './EcommerceConditionMapConfiguration.svelte'
+	import EcommerceCategoryMapConfig from './EcommerceCategoryMapConfiguration.svelte'
+	import EcommerceStoreConfig from './EcommerceStoreConfiguration.svelte'
+	import EcommercePartTypeConfig from './EcommercePartTypeConfig.svelte'
+
+	import { translate as defaultTranslate } from '@isoftdata/utility-string'
+	const { t: translate } = getContext<i18n>('i18next') || { t: defaultTranslate }
+
+	interface Props {
+		ebayCategoryList: Array<EbayCategory>
+		ebayCategoryMapList: Array<ExtendedEbayCategoryMap>
+		ebayPolicyList: Array<EbayPolicy>
+		ebayLocationList: Array<EbayLocation>
+		ecommerceConditionList: Array<EcommerceCondition>
+		ecommerceConditionMappingList: Array<ExtendedEcommerceConditionMap>
+		inventoryConditionList: Array<string>
+		inventoryTypeCategoryList: Array<InventoryTypeCategory>
+		inventoryTypeList: Array<InventoryType>
+		inventoryTypeWithDefaultConfigList: Array<ExtendedInventoryTypeListingDefaults>
+		partnerConfigurationList: Array<EcommercePartnerConfiguration>
+		saveEcommerceCategoryMap?: ((categoryMappingRow: EbayCategoryMap) => Promise<void>) | undefined
+		saveEcommerceConditionMap?: ((config: EcommerceConditionMap) => Promise<void>) | undefined
+		saveEcommercePartnerConfig?: ((config: EcommercePartnerConfiguration) => Promise<void>) | undefined
+		saveEcommercePartTypeConfig?:
+			| ((config: InventoryTypeListingDefaults | NewInventoryTypeListingDefaults) => Promise<void>)
+			| undefined
+		storeList: Array<Store>
+		//
+	}
+
+	let {
+		ebayCategoryList = [],
+		ebayCategoryMapList = [],
+		ebayLocationList = [],
+		ebayPolicyList = [],
+		ecommerceConditionList = [],
+		ecommerceConditionMappingList = [],
+		inventoryConditionList = [],
+		inventoryTypeCategoryList = [],
+		inventoryTypeList = [],
+		inventoryTypeWithDefaultConfigList = [],
+		partnerConfigurationList = [],
+		saveEcommerceCategoryMap,
+		saveEcommerceConditionMap,
+		saveEcommercePartnerConfig,
+		saveEcommercePartTypeConfig,
+		storeList = [],
+	}: Props = $props()
+	// Hard coding this for now, should be selectable between htp and ebay....maybe just default to the only one?
+	let selectedEcommercePartnerId = $state(1)
+
+	let globalDefaults = $derived.by(getGlobalDefaults)
+
+	function getGlobalDefaults() {
+		const matchingPartnerConfig = partnerConfigurationList.find(
+			row => row.ecommercePartnerId === selectedEcommercePartnerId,
+		)
+		if (matchingPartnerConfig) {
+			return matchingPartnerConfig.defaults?.global
+		}
+	}
+
+	// Handles global defaults being changed
+	async function handleGlobalConfigChange() {
+		// Find the matching partner config to update the global defaults on
+		const matchingPartnerConfig = partnerConfigurationList.find(
+			row => row.ecommercePartnerId === selectedEcommercePartnerId,
+		)
+
+		if (!matchingPartnerConfig) {
+			console.error('No matching partner configuration found for ID:', selectedEcommercePartnerId)
+			return
+		}
+
+		// Initialize defaults if it doesn't exist
+		if (!matchingPartnerConfig.defaults) {
+			matchingPartnerConfig.defaults = {
+				global: {},
+				store: [],
+			}
+		}
+
+		// Update the global defaults with the new values (globalDefaults is already updated via binding)
+		if (globalDefaults) {
+			matchingPartnerConfig.defaults.global = { ...globalDefaults }
+		}
+
+		await saveEcommercePartnerConfig?.(matchingPartnerConfig)
+	}
+
+	async function handleStoreConfigChange(updatedPartnerConfig: EcommercePartnerConfiguration) {
+		await saveEcommercePartnerConfig?.(updatedPartnerConfig)
+	}
+
+	async function handleCategoryMapChange(categoryMappingRow: EbayCategoryMap) {
+		await saveEcommerceCategoryMap?.(categoryMappingRow)
+	}
+	async function handleConditionMapChange(conditionMapRow: EcommerceConditionMap) {
+		await saveEcommerceConditionMap?.(conditionMapRow)
+	}
+
+	async function handlePartTypeConfigurationChange(
+		partTypeConfigRow: InventoryTypeListingDefaults | NewInventoryTypeListingDefaults,
+	) {
+		await saveEcommercePartTypeConfig?.(partTypeConfigRow)
+	}
+</script>
+
+<div class="row mb-3">
+	<div class="col">
+		<div class="card">
+			<div class="card-header">
+				<h4 class="mb-0">{translate('ecommerce.configuration.globalDefaults', 'Global Defaults')}</h4>
+				<p class="text-muted mb-0">
+					{translate('ecommerce.configuration.configureGlobalDefaultsForEbay', 'Configure global defaults for eBay')}
+				</p>
+			</div>
+			<div class="card-body">
+				<EcommerceDefaults
+					bind:defaults={globalDefaults}
+					{ebayPolicyList}
+					{ecommerceConditionList}
+					{partnerConfigurationList}
+					defaultsChanged={handleGlobalConfigChange}
+					{selectedEcommercePartnerId}
+				/>
+			</div>
+		</div>
+	</div>
+	<div class="col">
+		<EcommerceStoreConfig
+			{ecommerceConditionList}
+			{ebayLocationList}
+			{ebayPolicyList}
+			partnerConfigurationChanged={handleStoreConfigChange}
+			{partnerConfigurationList}
+			{selectedEcommercePartnerId}
+			{storeList}
+		/>
+	</div>
+</div>
+<div class="row mb-3">
+	<div class="col">
+		<EcommerceConditionMapConfig
+			{ecommerceConditionList}
+			{inventoryConditionList}
+			{ecommerceConditionMappingList}
+			conditionMapChanged={handleConditionMapChange}
+		/>
+	</div>
+</div>
+<div class="row mb-3">
+	<div class="col">
+		<EcommerceCategoryMapConfig
+			{ebayCategoryList}
+			{ebayCategoryMapList}
+			{inventoryTypeList}
+			categoryMapChanged={handleCategoryMapChange}
+		/>
+	</div>
+</div>
+<div class="row mb-3">
+	<div class="col">
+		<EcommercePartTypeConfig
+			{ebayPolicyList}
+			{ecommerceConditionList}
+			{inventoryTypeList}
+			{inventoryTypeWithDefaultConfigList}
+			{inventoryTypeCategoryList}
+			{partnerConfigurationList}
+			partTypeConfigurationChanged={handlePartTypeConfigurationChange}
+			{selectedEcommercePartnerId}
+		/>
+	</div>
+</div>

package/dist/EcommerceConfiguration.svelte.d.ts

@@ -1,21 +1,21 @@
 import type { EbayCategory, EbayCategoryMap, EbayPolicy, EbayLocation, EcommerceCondition, EcommerceConditionMap, ExtendedEcommerceConditionMap, EcommercePartnerConfiguration, ExtendedEbayCategoryMap, ExtendedInventoryTypeListingDefaults, InventoryType, InventoryTypeCategory, InventoryTypeListingDefaults, NewInventoryTypeListingDefaults, Store } from './utils.js';
 interface Props {
-    ebayCategoryList: EbayCategory[];
-    ebayCategoryMapList: ExtendedEbayCategoryMap[];
-    ebayPolicyList: EbayPolicy[];
-    ebayLocationList: EbayLocation[];
-    ecommerceConditionList: EcommerceCondition[];
-    ecommerceConditionMappingList: ExtendedEcommerceConditionMap[];
-    inventoryConditionList: string[];
-    inventoryTypeCategoryList: InventoryTypeCategory[];
-    inventoryTypeList: InventoryType[];
-    inventoryTypeWithDefaultConfigList: ExtendedInventoryTypeListingDefaults[];
-    partnerConfigurationList: EcommercePartnerConfiguration[];
-    saveEcommerceCategoryMap: (categoryMappingRow: EbayCategoryMap) => Promise<void>;
-    saveEcommerceConditionMap: (config: EcommerceConditionMap) => Promise<void>;
-    saveEcommercePartnerConfig: (config: EcommercePartnerConfiguration) => Promise<void>;
-    saveEcommercePartTypeConfig: (config: InventoryTypeListingDefaults | NewInventoryTypeListingDefaults) => Promise<void>;
-    storeList: Store[];
+    ebayCategoryList: Array<EbayCategory>;
+    ebayCategoryMapList: Array<ExtendedEbayCategoryMap>;
+    ebayPolicyList: Array<EbayPolicy>;
+    ebayLocationList: Array<EbayLocation>;
+    ecommerceConditionList: Array<EcommerceCondition>;
+    ecommerceConditionMappingList: Array<ExtendedEcommerceConditionMap>;
+    inventoryConditionList: Array<string>;
+    inventoryTypeCategoryList: Array<InventoryTypeCategory>;
+    inventoryTypeList: Array<InventoryType>;
+    inventoryTypeWithDefaultConfigList: Array<ExtendedInventoryTypeListingDefaults>;
+    partnerConfigurationList: Array<EcommercePartnerConfiguration>;
+    saveEcommerceCategoryMap?: ((categoryMappingRow: EbayCategoryMap) => Promise<void>) | undefined;
+    saveEcommerceConditionMap?: ((config: EcommerceConditionMap) => Promise<void>) | undefined;
+    saveEcommercePartnerConfig?: ((config: EcommercePartnerConfiguration) => Promise<void>) | undefined;
+    saveEcommercePartTypeConfig?: ((config: InventoryTypeListingDefaults | NewInventoryTypeListingDefaults) => Promise<void>) | undefined;
+    storeList: Array<Store>;
 }
 declare const EcommerceConfiguration: import("svelte").Component<Props, {}, "">;
 type EcommerceConfiguration = ReturnType<typeof EcommerceConfiguration>;