Updated Frontend implementation to use FeedGeneratorId instead of FeedType

Author: Ben White

src/Umbraco.Commerce.ProductFeeds.Client/frontend/src/generated/apis/types.gen.ts

@@ -15,8 +15,7 @@ export type NotificationHeaderModel = {
 
 export type ProductFeedSettingReadModelReadable = {
     id: string;
-    feedType: ProductFeedType;
-    readonly feedTypeName: string;
+    feedGeneratorId: string;
     feedName: string;
     feedDescription: string;
     storeId: string;
@@ -45,7 +44,7 @@ export type ProductFeedSettingReadModelWritable = {
 export type ProductFeedSettingWriteModel = {
     id?: string | null;
     feedRelativePath: string;
-    feedType: ProductFeedType;
+    feedGeneratorId: string;
     feedName: string;
     feedDescription: string;
     storeId: string;
@@ -56,8 +55,6 @@ export type ProductFeedSettingWriteModel = {
     includeTaxInPrice: boolean;
 };
 
-export type ProductFeedType = 'GoogleMerchantCenter';
-
 export type PropertyAndNodeMapItem = {
     propertyAlias: string;
     nodeName: string;

src/Umbraco.Commerce.ProductFeeds.Client/frontend/src/workspaces/details/types.ts

@@ -4,9 +4,9 @@ export type FeProductFeedSettingWriteModel = Omit<ProductFeedSettingWriteModel,
     id?: string
     propertyNameMappings: Array<FePropertyAndNodeMapDetails>
     productRootId?: string,
-    feedType?: 'GoogleMerchantCenter'
+    feedGeneratorId?: string
 }
 
 export type FePropertyAndNodeMapDetails = PropertyAndNodeMapItem & {
     uiId: string
-}
+}

src/Umbraco.Commerce.ProductFeeds.Client/frontend/src/workspaces/details/views/details.element.ts

@@ -57,11 +57,11 @@ export class UcpfDetailsWorkspaceViewElement
 
         this.observe(this.#workspaceContext.model, (model) => {
             this._model = model;
-            this._feedTypes = this.#markSelectedOption(this._feedTypes, model!.feedType);
+            this._feedTypes = this.#markSelectedOption(this._feedTypes, model!.feedGeneratorId);
         });
 
         this.observe(this.#workspaceContext.feedTypeOptions, (feedTypes) => {
-            this._feedTypes = this.#markSelectedOption(feedTypes, this._model?.feedType);
+            this._feedTypes = this.#markSelectedOption(feedTypes, this._model?.feedGeneratorId);
         });
 
         this.observe(this.#workspaceContext.propertyValueExtractorOptions, (options) => {
@@ -188,7 +188,7 @@ export class UcpfDetailsWorkspaceViewElement
                             label=${this.localize.term('ucProductFeeds_propFeedTypeLabel')}
                             placeholder=${`-- ${this.localize.term('ucPlaceholders_selectAnItem')} --`}
                             slot='editor'
-                            name='feedType'
+                            name='feedGeneratorId'
                             .options=${this._feedTypes}
                             @change=${this.#onSelectElementChange}>
                         </uui-select>