@isoftdata/svelte-ecommerce 1.0.0-beta.0

package/dist/EcommerceConfiguration.svelte

@@ -0,0 +1,195 @@
+<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>

package/dist/EcommerceConfiguration.svelte.d.ts

@@ -0,0 +1,22 @@
+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[];
+}
+declare const EcommerceConfiguration: import("svelte").Component<Props, {}, "">;
+type EcommerceConfiguration = ReturnType<typeof EcommerceConfiguration>;
+export default EcommerceConfiguration;

package/dist/EcommerceDefaults.svelte

@@ -0,0 +1,357 @@
+<script lang="ts">
+	import type { i18n } from 'i18next'
+
+	import { getContext } from 'svelte'
+	import Input from '@isoftdata/svelte-input'
+	import Select from '@isoftdata/svelte-select'
+	import Button from '@isoftdata/svelte-button'
+	import Textarea from '@isoftdata/svelte-textarea'
+	import { translate as defaultTranslate } from '@isoftdata/utility-string'
+
+	const { t: translate } = getContext<i18n>('i18next') || { t: defaultTranslate }
+
+	import { ecommercePartnerStaticData } from './data/index.js'
+	import PolicyList from './PolicyList.svelte'
+
+	import type {
+		EbayPolicy,
+		EcommerceCondition,
+		EcommercePartnerConfiguration,
+		EcommerceSharedDefaults,
+		PolicyRowWithChecked,
+	} from './utils.js'
+	import type { PackageType } from './data/types.js'
+
+	interface Props {
+		defaults?: EcommerceSharedDefaults
+		ebayPolicyList?: EbayPolicy[]
+		ecommerceConditionList: EcommerceCondition[]
+		partnerConfigurationList: EcommercePartnerConfiguration[]
+		defaultsChanged: (newDefaults: EcommerceSharedDefaults) => Promise<void>
+		selectedEcommercePartnerId: number
+	}
+
+	let {
+		defaults = $bindable(),
+		ebayPolicyList,
+		ecommerceConditionList,
+		partnerConfigurationList,
+		defaultsChanged = async (_: EcommerceSharedDefaults) => {},
+		selectedEcommercePartnerId,
+	}: Props = $props()
+
+	// State variables for all form inputs - initialize from defaults prop if provided
+	let brandMapping = $state<string>(defaults?.brandMapping ?? '')
+	let conditionDescription = $state<string>(defaults?.conditionDescription ?? '')
+	let conditionId = $state<number | null>(defaults?.conditionId ?? null)
+	let fulfillmentPolicies = $state<string[]>(defaults?.fulfillmentPolicies ?? [])
+	let listingDescriptionTemplate = $state<string>(defaults?.listingDescriptionTemplate ?? '')
+	let listingDuration = $state<string>(defaults?.listingDuration ?? '')
+	let listingTitleTemplate = $state<string>(defaults?.listingTitleTemplate ?? '')
+	let fulfillmentTimeValue = $state<number | null>(defaults?.fulfillmentTimeValue ?? null)
+	let fulfillmentTimeUnit = $state<string | null>(defaults?.fulfillmentTimeUnit ?? null)
+	let manufacturerPartNumberMapping = $state<string>(defaults?.manufacturerPartNumberMapping ?? '')
+	let packageType = $state<string | null>(defaults?.packageType ?? null)
+	let paymentPolicies = $state<string[]>(defaults?.paymentPolicies ?? [])
+	let returnPolicies = $state<string[]>(defaults?.returnPolicies ?? [])
+	let shippingLengthUnit = $state<string | null>(defaults?.shippingLengthUnit ?? null)
+	let shippingWeightUnit = $state<string | null>(defaults?.shippingWeightUnit ?? null)
+
+	// Computed properties for UI state
+	let ecommerceConditions = $derived(ecommerceConditionList) // TODO: why'd I do this?
+	let editEcommerceConditionDisabled = $state<boolean>(false)
+	let fulfillmentPolicyList = $derived.by(getFulfillmentPolicyList)
+	let lengthUnits = $derived.by(getPartnerLengthUnits)
+	let packageTypes = $derived.by(getPartnerPackageTypes)
+	let paymentPolicyList = $derived.by(getPaymentPolicyList)
+	let returnPolicyList = $derived.by(getReturnPolicyList)
+	let selectedPartnerConfig = $derived.by(getSelectedPartnerConfig)
+	let showAllOption = $state<boolean>(true)
+	let weightUnits = $derived.by(getPartnerWeightUnits)
+
+	function getFulfillmentPolicyList(): PolicyRowWithChecked[] {
+		const policies = ebayPolicyList?.filter(policy => policy.policyType === 'fulfillment') || []
+		return policies.map(policy => ({
+			...policy,
+			checked: fulfillmentPolicies.includes(policy.policyId),
+		}))
+	}
+	function getPaymentPolicyList(): PolicyRowWithChecked[] {
+		const policies = ebayPolicyList?.filter(policy => policy.policyType === 'payment') || []
+		return policies.map(policy => ({
+			...policy,
+			checked: paymentPolicies.includes(policy.policyId),
+		}))
+	}
+	function getReturnPolicyList(): PolicyRowWithChecked[] {
+		const policies = ebayPolicyList?.filter(policy => policy.policyType === 'return') || []
+		return policies.map(policy => ({
+			...policy,
+			checked: returnPolicies.includes(policy.policyId),
+		}))
+	}
+	function getPartnerLengthUnits(): string[] {
+		const partnerName = selectedPartnerConfig.name
+		if (!partnerName || !(partnerName in ecommercePartnerStaticData)) {
+			return []
+		}
+		return ecommercePartnerStaticData[partnerName as keyof typeof ecommercePartnerStaticData].lengthUnits
+	}
+
+	function getPartnerPackageTypes(): PackageType[] {
+		const partnerName = selectedPartnerConfig.name
+		if (!partnerName || !(partnerName in ecommercePartnerStaticData)) {
+			return []
+		}
+		return ecommercePartnerStaticData[partnerName as keyof typeof ecommercePartnerStaticData].packageTypes
+	}
+
+	function getPartnerWeightUnits(): string[] {
+		const partnerName = selectedPartnerConfig.name
+		if (!partnerName || !(partnerName in ecommercePartnerStaticData)) {
+			return []
+		}
+		return ecommercePartnerStaticData[partnerName as keyof typeof ecommercePartnerStaticData].weightUnits
+	}
+
+	function getSelectedPartnerConfig(): EcommercePartnerConfiguration {
+		const matchingPartnerConfig = partnerConfigurationList.find(
+			row => row.ecommercePartnerId === selectedEcommercePartnerId,
+		)
+		if (!matchingPartnerConfig) {
+			throw new Error('No matching partner config found')
+		}
+
+		return matchingPartnerConfig
+	}
+
+	async function handleInputChange() {
+		// Build the defaults object using current input values
+		const newDefaults = {
+			brandMapping: brandMapping || undefined,
+			conditionDescription: conditionDescription || undefined,
+			conditionId: conditionId || undefined,
+			fulfillmentPolicies: fulfillmentPolicies || [],
+			fulfillmentTimeUnit: fulfillmentTimeUnit || undefined,
+			fulfillmentTimeValue: fulfillmentTimeValue || undefined,
+			listingDescriptionTemplate: listingDescriptionTemplate || undefined,
+			listingDuration: listingDuration || undefined,
+			listingTitleTemplate: listingTitleTemplate || undefined,
+			manufacturerPartNumberMapping: manufacturerPartNumberMapping || undefined,
+			packageType: packageType || undefined,
+			paymentPolicies: paymentPolicies || [],
+			returnPolicies: returnPolicies || [],
+			shippingLengthUnit: shippingLengthUnit || undefined,
+			shippingWeightUnit: shippingWeightUnit || undefined,
+		}
+
+		defaults = newDefaults
+		await defaultsChanged(newDefaults)
+	}
+
+	function handleFulfillmentPoliciesChange(selectedIds: string[]) {
+		fulfillmentPolicies = selectedIds
+		handleInputChange()
+	}
+
+	function handlePaymentPoliciesChange(selectedIds: string[]) {
+		paymentPolicies = selectedIds
+		handleInputChange()
+	}
+
+	function handleReturnPoliciesChange(selectedIds: string[]) {
+		returnPolicies = selectedIds
+		handleInputChange()
+	}
+</script>
+
+<div class="row">
+	<div class="col">
+		<PolicyList
+			title={translate('configuration.ecommerce.fulfillmentPoliciesTitle', 'Fulfillment Policies')}
+			policies={fulfillmentPolicyList}
+			selectedPolicyIds={fulfillmentPolicies}
+			onSelectionChange={handleFulfillmentPoliciesChange}
+		/>
+		<PolicyList
+			title={translate('configuration.ecommerce.paymentPoliciesTitle', 'Payment Policies')}
+			policies={paymentPolicyList}
+			selectedPolicyIds={paymentPolicies}
+			onSelectionChange={handlePaymentPoliciesChange}
+		/>
+		<PolicyList
+			title={translate('configuration.ecommerce.returnPoliciesTitle', 'Return Policies')}
+			policies={returnPolicyList}
+			selectedPolicyIds={returnPolicies}
+			onSelectionChange={handleReturnPoliciesChange}
+		/>
+	</div>
+</div>
+<div class="row">
+	<div class="col">
+		<Input
+			label={translate('configuration.ecommerce.fulfillmentTime', 'Fulfillment Time')}
+			maxlength={3}
+			type="number"
+			bind:value={fulfillmentTimeValue}
+			placeholder=""
+			onchange={handleInputChange}
+		/>
+
+		<Select
+			id="fulfillment-time-unit"
+			label={translate('configuration.ecommerce.fulfillmentUnit', 'Fulfillment Unit')}
+			showEmptyOption={true}
+			emptyValue={null}
+			emptyText={translate('configuration.ecommerce.selectUnit', 'Select Unit')}
+			disabled={false}
+			required={false}
+			onchange={handleInputChange}
+			bind:value={fulfillmentTimeUnit}
+		>
+			{#each ecommercePartnerStaticData.ebay.timeUnits as unit}
+				<option value={unit}>{unit}</option>
+			{/each}
+		</Select>
+	</div>
+</div>
+<div class="row">
+	<div class="col">
+		<Select
+			id="shipping-length-unit"
+			label={translate('configuration.ecommerce.lengthUnit', 'Shipping Length Unit')}
+			showEmptyOption={true}
+			emptyValue={null}
+			emptyText={translate('configuration.ecommerce.selectUnit', 'Select Unit')}
+			disabled={false}
+			required={false}
+			onchange={handleInputChange}
+			bind:value={shippingLengthUnit}
+		>
+			{#each lengthUnits as unit}
+				<option value={unit}>{unit}</option>
+			{/each}
+		</Select>
+	</div>
+	<div class="col">
+		<Select
+			id="shipping-weight-unit"
+			label={translate('configuration.ecommerce.shippingWeightUnit', 'Shipping Weight Unit')}
+			showEmptyOption={true}
+			emptyValue={null}
+			emptyText={translate('configuration.ecommerce.selectUnit', 'Select Unit')}
+			disabled={false}
+			required={false}
+			onchange={handleInputChange}
+			bind:value={shippingWeightUnit}
+		>
+			{#each weightUnits as unit}
+				<option value={unit}>{unit}</option>
+			{/each}
+		</Select>
+	</div>
+</div>
+<div class="row">
+	<div class="col">
+		<Select
+			label={translate('configuration.ecommerce.condition', 'Condition')}
+			showEmptyOption={showAllOption}
+			emptyValue={null}
+			emptyText={translate('configuration.ecommerce.selectCondition', 'Select Condition')}
+			disabled={editEcommerceConditionDisabled}
+			bind:value={conditionId}
+			onchange={handleInputChange}
+		>
+			{#each ecommerceConditions as condition}
+				<option value={condition.ecommerceConditionId}>{condition.name}</option>
+			{/each}
+		</Select>
+	</div>
+	<div class="col">
+		<Input
+			label={translate('configuration.ecommerce.conditionDescription', 'Condition Description')}
+			maxlength={1000}
+			bind:value={conditionDescription}
+			placeholder=""
+			onchange={handleInputChange}
+		/>
+	</div>
+</div>
+<div class="row">
+	<div class="col">
+		<Input
+			label={translate('configuration.ecommerce.brand', 'Brand')}
+			maxlength={100}
+			bind:value={brandMapping}
+			onchange={handleInputChange}
+			placeholder={'{?PartManufacturer}'}
+		/>
+	</div>
+	<div class="col">
+		<Input
+			label={translate('configuration.ecommerce.manufacturerPartNumber', 'Manufacturer Part Number')}
+			maxlength={100}
+			bind:value={manufacturerPartNumberMapping}
+			onchange={handleInputChange}
+			placeholder={'{?PartModel}'}
+		/>
+	</div>
+</div>
+<div class="row">
+	<div class="col">
+		<Select
+			label={translate('configuration.ecommerce.packageType', 'Package Type')}
+			showEmptyOption={showAllOption}
+			emptyValue={null}
+			emptyText={translate('configuration.ecommerce.selectDefaultPackage', 'Select Default Package')}
+			onchange={handleInputChange}
+			bind:value={packageType}
+		>
+			{#each packageTypes as pkg}
+				<option value={pkg.partnerValue}>{pkg.name}</option>
+			{/each}
+		</Select>
+	</div>
+	<div class="col">
+		<Input
+			label={translate('configuration.ecommerce.listingDuration', 'Listing Duration')}
+			disabled={true}
+			bind:value={listingDuration}
+			onchange={handleInputChange}
+		/>
+	</div>
+</div>
+<div class="row">
+	<div class="col mt-3">
+		<Button
+			outline
+			size="sm"
+			href="https://wikido.isoftdata.com//index.php?title=Ebay_templates"
+			target="htp_chromium_popout"
+			icon={{
+				prefix: 'fak',
+				class: 'fa-isoft-bolt',
+			}}>{translate('configuration.ecommerce.templateHelp', 'Template Help')}</Button
+		>
+	</div>
+</div>
+<div class="row">
+	<div class="col">
+		<Textarea
+			label={translate('configuration.ecommerce.titleTemplate', 'Title Template')}
+			onchange={handleInputChange}
+			rows={10}
+			bind:value={listingTitleTemplate}
+			disabled={false}
+		/>
+	</div>
+	<div class="col">
+		<Textarea
+			label={translate('configuration.ecommerce.descriptionTemplate', 'Description Template')}
+			onchange={handleInputChange}
+			rows={10}
+			bind:value={listingDescriptionTemplate}
+			disabled={false}
+		/>
+	</div>
+</div>

package/dist/EcommerceDefaults.svelte.d.ts

@@ -0,0 +1,12 @@
+import type { EbayPolicy, EcommerceCondition, EcommercePartnerConfiguration, EcommerceSharedDefaults } from './utils.js';
+interface Props {
+    defaults?: EcommerceSharedDefaults;
+    ebayPolicyList?: EbayPolicy[];
+    ecommerceConditionList: EcommerceCondition[];
+    partnerConfigurationList: EcommercePartnerConfiguration[];
+    defaultsChanged: (newDefaults: EcommerceSharedDefaults) => Promise<void>;
+    selectedEcommercePartnerId: number;
+}
+declare const EcommerceDefaults: import("svelte").Component<Props, {}, "defaults">;
+type EcommerceDefaults = ReturnType<typeof EcommerceDefaults>;
+export default EcommerceDefaults;