{"version":3,"file":"static/js/d8ff1eb33963fd0e9f30.bundle.js","mappings":";kPAwCM,MAAOA,EASTC,YACIC,EACAC,EACAC,EACAC,GAWG,KAAAC,mBAAqB,IAAc,qBAEnC,KAAAC,YAAc,KACjBC,EAAAA,EAAAA,kBACIC,KAAKN,YACL,CAAEO,IAAK,MAAOC,MAAO,sBACrB,CAAED,IAAK,QAASC,MAAOF,KAAKP,OAAOU,OACnC,CAAEF,IAAK,YAAaC,MAAOF,KAAKL,WAChC,CAAEM,IAAK,YAAaC,MAAOF,KAAKI,YAGjC,KAAAC,cAAgB,IAAiB,cApBpCL,KAAKP,OAASA,GAAU,GACxBO,KAAKN,YAAcA,EACnBM,KAAKL,UAAYA,EAEbC,IACAI,KAAKI,WAAYE,EAAAA,EAAAA,IAAaV,KA0B1C,MA+IA,GAAeW,EAAAA,EAAAA,IAA2B,CACtCC,GAAI,+DACJC,OAlGWC,MAAOC,EAAgCC,KAClD,MAAM,OAAEnB,EAAM,UAAEE,EAAS,YAAED,GAAgBiB,EAC3C,IAAIE,EACJ,IAAI,IAAAC,EACAD,EAAqBE,EAAAA,gBAAgBC,kBAC3BC,EAAAA,EAAAA,eACF,CACIC,cAAeN,EACfO,oBAAqBC,EAAAA,yBAAyBC,qCAAqCT,IAEvFlB,EAAY4B,UACZ,CAAC3B,GACD,KACe,QADXmB,EACJH,EAAMP,iBAAS,IAAAU,EAAAA,EAAI,IAG7B,MAAAS,IAGF,GAAIR,EAAAA,gBAAgBS,YAAYX,GAAqB,KAAAY,EACjD,MAAMC,EAAoBb,EAAmB,GAC7C,IAAIc,EAcAC,EACAC,EAWAC,EAzBJ,IACIH,GAAaI,EAAAA,EAAAA,mBAAkBL,EAAmBd,GAClD,MAAMoB,EAAkBpB,EAAQhB,eAAeoC,gBAC3CL,GAAcK,GACdL,EAAa,WAAWK,KAAmBpB,EAAQhB,eAAeqC,SAASN,IAAaO,oBACxFP,GAAaQ,EAAAA,EAAAA,wBAAuBR,EAAYf,EAAQhB,iBAExD+B,OAAaS,EAEnB,MAAAC,GACEV,OAAaS,EAKjB,IAAI,IAAAE,EAAAC,EACA,MAAMC,OAjEW9B,OACzBE,EACA6B,EACAnB,EACAlB,KAEA,MAAMsC,QAA0BC,EAAAA,EAAAA,yBAC5B,CACIzB,cAAeN,EACfO,oBAAqBC,EAAAA,yBAAyBC,qCAAqCT,IAEvF6B,EACAnB,EACAlB,GAEEoC,EAAyB,GAC/B,IAAK,MAAMI,KAAoBF,EACG,UAA1BE,EAAiBC,KACjBL,EAAWM,MAAQF,EAAiBG,UACH,aAA1BH,EAAiBC,OACxBL,EAAWX,SAAWe,EAAiBG,WAI/C,OAAOP,GAyC0BQ,CAAqBpC,EAASjB,EAAWD,EAAY4B,UAA0B,QAAjBgB,EAAE3B,EAAMP,iBAAS,IAAAkC,EAAAA,EAAI,GAC5GV,EAAeY,EAAWM,MAE1BjB,EAA8B,QAAtBU,EAAGC,EAAWX,gBAAQ,IAAAU,OAAA,EAAnBA,EAAqBU,MAAM,KAAK,GAC7C,MAAOC,GACLtB,OAAeQ,EACfP,OAAWO,EAIf,IAAI,IAAAe,EACA,MAAMC,EAAkC,CACpCC,WAAYzC,EAAQhB,eAAeF,YAAY4B,UAC/CgC,UAA0B,QAAjBH,EAAExC,EAAMP,iBAAS,IAAA+C,EAAAA,EAAI,GAGlCrB,QAAqByB,EAAAA,EAAAA,sBACjB,CAAErC,cAAeN,EAASO,oBAAqBC,EAAAA,yBAAyBC,qCAAqCT,IAC7GwC,EACA,CAACzD,GACD,IAAI6D,KACJ5C,EAAQhB,eAAe6D,KAAKC,2BAC5BtB,GACA,GACFuB,MAAMC,IACJ,IAAK7C,EAAAA,gBAAgBS,YAAYoC,GAC7B,MAAM,IAAIC,MAAM,oFAEpB,OAAOD,EAAc,GAAGE,2BAE9B,MAAAC,GACEjC,OAAeM,EAGnB,MAAO,CACHjC,MAAOuB,EAAkBmB,KACzBmB,YAAatC,EAAkBuC,YAC/BC,iBAAiBC,EAAAA,EAAAA,kBAAiBzC,EAAkB0C,gBAAiB1E,GACrE2E,aAAc1C,EACd2C,WAAY7E,GAAUA,EAAO6E,WAC7B3E,UAAW4E,SAAiC,QAAzB9C,EAACC,EAAkB8C,cAAM,IAAA/C,EAAAA,EAAI,GAAI,IACpDgD,MAAO3C,MAAAA,EAAAA,EAAgBJ,EAAkBgD,cACzC9C,aAAAA,EACAC,SAAAA,GAID,OAAIpC,EACA,CACHU,MAAOV,EAAOU,MACd6D,YAAavE,EAAOuE,YACpBE,gBAAiBzE,EAAOkF,cAAgBlF,EAAOkF,aAAaC,IAC5DN,WAAY7E,GAAUA,EAAO6E,YAG9B,IAMP3D,MAlJiBkE,IACjB,MAAMlF,GAAYmF,EAAAA,EAAAA,qCAAoCD,GAEtD,GAAIlF,EACA,OAAO,IAAIJ,EACuBsF,EAAKpF,OACnCoF,EAAKjF,eAAeF,aACnBC,EACDkF,EAAKjF,gBAGb,MAAM,IAAIiE,MAAM,4LCvEpB,MAAMkB,UAA2BC,EAAAA,cACtBC,SAAM,IAAAC,EACT,QAAkD9C,IAA9CpC,KAAKmF,MAAMC,KAAKC,mBAAmBC,OACnC,MAAM,IAAIzB,MAAM,uFAEpB,IACIuB,MACIC,oBACIC,QAAQ,MAAEnF,EAAK,YAAE6D,EAAW,SAAEuB,EAAQ,gBAAErB,EAAe,WAAEI,MAGjEtE,KAAKmF,MAET,MAAM,OACF1F,EAAM,QACNmB,EACAwE,MACIC,oBACIC,QAAQ,aAAEjB,EAAY,UAAE1E,EAAS,aAAEiC,EAAY,MAAE6C,EAAK,SAAE5C,MAGhE7B,KAAKmF,MAGHK,EAAcrF,EACdsF,EAAqBzB,EACrB0B,EAAkBxB,EAGxB/D,EAAQV,EAAOU,OAASA,EACxB6D,EAAcvE,EAAOuE,aAAeA,EACpCuB,EAAW9F,EAAO8F,UAAYA,EAC9BrB,EAAmBzE,EAAOkF,cAAgBlF,EAAOkF,aAAaC,KAAQV,EACtEI,EAAa7E,EAAO6E,YAAcA,EAGlC,MAAMqB,EAAY3F,KAAK4F,oBAAoBzF,EAAOS,GAAWA,EAAQiF,SAAWjF,EAAQiF,QAAQC,KAChG,OACId,EAAAA,cAAAA,EAAAA,SAAA,KACIA,EAAAA,cAACe,EAAAA,GAAe,KACXJ,GAAaX,EAAAA,cAAA,aAAQW,GACrB3B,GAAegB,EAAAA,cAAA,QAAMgB,KAAK,cAAcC,QAASjC,IACjDuB,GAAYP,EAAAA,cAAA,QAAMgB,KAAK,WAAWC,QAASV,IAC3ClB,GAAgBW,EAAAA,cAAA,QAAMkB,IAAI,YAAYC,KAAM9B,IAC5CC,GAAcU,EAAAA,cAAA,QAAMkB,IAAI,gBAAgBC,KAAM7B,KAElDtE,KAAKoG,uBACFZ,EACAC,EACAC,EACArB,EACA1E,EACA8E,EACuB,QADlBS,EACLtE,EAAQiF,QAAQQ,eAAO,IAAAnB,OAAA,EAAvBA,EAAyBoB,SACzB1E,EACAC,IAEFpC,EAAO8G,eAAiBvG,KAAKwG,cAAcb,EAAW3B,EAAaE,IACnEzE,EAAOgH,oBAAsBzG,KAAK0G,mBAAmBf,EAAW3B,EAAaE,IAYnFsC,cAAcrG,EAA2B6D,EAAiCE,GAC9E,OACIc,EAAAA,cAACe,EAAAA,GAAe,KACX5F,GAAS6E,EAAAA,cAAA,QAAM2B,SAAS,WAAWV,QAAS9F,IAC5C6D,GAAegB,EAAAA,cAAA,QAAM2B,SAAS,iBAAiBV,QAASjC,IACxDE,GAAmBc,EAAAA,cAAA,QAAM2B,SAAS,WAAWV,QAAS/B,IACvDc,EAAAA,cAAA,QAAM2B,SAAS,UAAUV,QAAQ,aAmBrCG,uBACJZ,EACAxB,EACAE,EACAG,EACA1E,EACA8E,EACAmC,EACAhF,EACAC,GAEA,IAAIgF,EAAQ,GAEZ,IAAK,MAAM5G,KAAOD,KAAKmF,MAAMvE,QAAQiF,QAAQiB,MACzC,GAAY,UAAR7G,EAAiB,KAAA8G,EAEjBF,EAAQ7G,KAAKmF,MAAMvE,QAAQiF,QAAQiB,MAAM7G,GACzC,MAAM+G,EAAyB,QAAlBD,EAAG7C,SAAe,IAAA6C,OAAA,EAAfA,EAAiB9D,MAAM,cAGvCiB,EAAkB,GAFlBA,EAAkB8C,EAAUA,EAAQ,GAAK,eAEQrH,KAAaK,KAAKmF,MAAMvE,QAAQiF,QAAQiB,MAAM7G,iBAE/FoE,EAAe,GAAGA,WAAsB4C,mBAAmBjH,KAAKmF,MAAMvE,QAAQiF,QAAQiB,MAAM7G,MAIpG,MAAMiH,EAAkBC,KAAKC,UAAU,CACnC,WAAY,oBACZ,QAAS,UACTpB,KAAMR,EACNxB,YAAAA,EACAqD,MAAOnD,EACPoD,UAAW,GAAG3H,IAAYkH,IAC1BU,wBAAyBvH,KAAKwH,eAAe3F,GAC7CiB,MAAO,CACH,QAAS,QACTkD,KAAMpE,GAEV6F,OAAQ,CACJ,QAAS,QACTC,IAAKrD,EACLsD,cAAef,EACfnC,MAAAA,EACAmD,cAAe,kCACfC,aAAc,8BAElBC,mBAAoB,CAChB,CACI,QAAS,gBACTC,WAAY,gBACZ7H,MAAOP,MAInB,OACIqF,EAAAA,cAACe,EAAAA,GAAe,KAEZf,EAAAA,cAAA,4BAAwB,UAAUgD,KAAK,sBAAsBC,wBAAyB,CAAEC,OAAQhB,MASpGM,eAAe3F,GAA4B,IAAAsG,EAC/C,MAAMC,EAAyBjB,KAAKkB,MAAuC,QAAlCF,EAACnI,KAAKmF,MAAM1F,OAAO6I,uBAAe,IAAAH,EAAAA,EAAI,IAC/E,IAAIjI,EAAQkI,EAAKG,QASjB,OARAH,EAAKI,SAASC,SAASC,IACnBA,EAAKC,WAAWF,SAAQG,IAChBA,IAAgB/G,IAChB3B,EAAQwI,EAAKG,iBAKlB3I,EAQHwG,mBACJvG,EACA6D,EACAE,GAEA,OACIc,EAAAA,cAACe,EAAAA,GAAe,KACX5F,GAAS6E,EAAAA,cAAA,QAAMgB,KAAK,gBAAgBC,QAAS9F,IAC7C6D,GAAegB,EAAAA,cAAA,QAAMgB,KAAK,sBAAsBC,QAASjC,IACzDE,GAAmBc,EAAAA,cAAA,QAAMgB,KAAK,gBAAgBC,QAAS/B,IACxDc,EAAAA,cAAA,QAAMgB,KAAK,eAAeC,QAAQ,aAUtCL,oBAAoBzF,EAA2B2F,GAC9C3F,IACDA,EAAQ,IAEZ,MAAM2I,EAAe9I,KAAKmF,MAAM1F,OAChC,GAAIqJ,GAAgBA,EAAaC,wBAC7B,OAAO5I,EAEX,MAAM6I,EAAYlD,GAAOA,EAAImD,SAU7B,OATID,IACIA,EAAUE,kBACV/I,EAAQ,GAAG6I,EAAUE,kBAAkB/I,KAEvC6I,EAAUG,kBACVhJ,EAAQ,GAAGA,IAAQ6I,EAAUG,oBAI9BhJ,GAIf,0mBCxPA,MAAMiJ,EAAU,CAAEC,QAAS,GAAIC,YAAa,IAwCvCF,EAAQC,QAAQ,4BAA8B,CAC3CE,EAAGA,IAAMC,EAAQ,MACjBC,MAAO,qBACPC,GAAI,CAAC,CAAC1D,KAAK,qBAAuB2D,KAAK,mEAAoEC,MAAO,IAElHC,KAAK,EACLC,GAAI,YACJC,EAAG,2BACHC,EAAG,YAEHC,IAAK,GAGLC,GAAI,wCAlC4BC,EAACC,EAAqBC,KAUlD,GADAjB,EAAQE,YAAYc,GAAuBC,GACtCjB,EAAQE,YAAYc,GAAqB7B,QAC1C,MAAM,IAAI1E,MAAM,oBAAsBuG,EAAsB,mCAEhEhB,EAAQE,YAAYc,GAAqB7B,QAAQ+B,UAAUC,eAAiBH,EACxEhB,EAAQE,YAAYc,GAAqB7B,QAAQ+B,UAAU9J,KAC3D4I,EAAQE,YAAYF,EAAQE,YAAYc,GAAqB7B,QAAQ+B,UAAU9J,IAAM4J,IA0BzFD,CAF4B,mEACXX,EAAQ,MAMjCgB,OAAOC,aAAeD,OAAOC,cAAgB,GAC7CD,OAAOC,aAAapB,QAAOqB,EAAAA,EAAA,GACpBF,OAAOC,aAAapB,SAAW,IAC/BD,EAAQC,SAGXmB,OAAOC,aAAanB,YAAWoB,EAAAA,EAAA,GAC5BF,OAAOC,aAAanB,aAAe,IACnCF,EAAQE,iCCzEnBqB,EAAOC,QAAU5F,2BCAjB2F,EAAOC,QAAUC","sources":["webpack://bestseller.commerce.online/./src/modules/ext-product-page-summary/ext-product-page-summary.action.ts?ee9e","webpack://bestseller.commerce.online/./src/modules/ext-product-page-summary/ext-product-page-summary.tsx?ed14","webpack://bestseller.commerce.online/./lib/ext-product-page-summary/module-registration.js?fde0","webpack://bestseller.commerce.online/external var \"React\"?0d3b","webpack://bestseller.commerce.online/external var \"ReactDOM\"?853b"],"sourcesContent":["/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\n/* eslint-disable no-duplicate-imports */\r\nimport {\r\n CacheType,\r\n createObservableDataAction,\r\n getCatalogId,\r\n IAction,\r\n IActionContext,\r\n IActionInput,\r\n ICommerceApiSettings,\r\n ICreateActionContext,\r\n IRequestContext\r\n} from '@msdyn365-commerce/core';\r\nimport { ProductPrice, ProjectionDomain, SimpleProduct } from '@msdyn365-commerce/retail-proxy';\r\nimport {\r\n getActivePricesAsync,\r\n getAttributeValuesAsync,\r\n getByIdsAsync\r\n} from '@msdyn365-commerce/retail-proxy/dist/DataActions/ProductsDataActions.g';\r\nimport {\r\n ArrayExtensions,\r\n generateCacheKey,\r\n generateImageUrl,\r\n getProductUrlSync,\r\n getSelectedProductIdFromActionInput,\r\n QueryResultSettingsProxy,\r\n removeDomainQspFromUrl\r\n} from '@msdyn365-commerce-modules/retail-actions';\r\n\r\nimport { IPageSummaryData } from '@msdyn365-commerce-modules/page-summary';\r\nimport { IExtProductPageSummaryConfig } from './ext-product-page-summary.props.autogenerated';\r\n//import { getLocalizedStringsAsync } from '@msdyn365-commerce/retail-proxy/dist/DataActions/StoreOperationsDataActions.g';\r\n\r\n/**\r\n * Product Page Summary Input.\r\n */\r\nexport class ProductPageSummaryInput implements IActionInput {\r\n public apiSettings: ICommerceApiSettings;\r\n\r\n public config: IExtProductPageSummaryConfig;\r\n\r\n public productId: number;\r\n\r\n public catalogId?: number;\r\n\r\n public constructor(\r\n config: IExtProductPageSummaryConfig,\r\n apiSettings: ICommerceApiSettings,\r\n productId: number,\r\n requestContext?: IRequestContext\r\n ) {\r\n this.config = config || {};\r\n this.apiSettings = apiSettings;\r\n this.productId = productId;\r\n\r\n if (requestContext) {\r\n this.catalogId = getCatalogId(requestContext);\r\n }\r\n }\r\n\r\n public getCacheObjectType = (): string => 'ProductPageSummary';\r\n\r\n public getCacheKey = (): string =>\r\n generateCacheKey(\r\n this.apiSettings,\r\n { key: 'Key', value: 'ProductPageSummary' },\r\n { key: 'Title', value: this.config.title },\r\n { key: 'ProductId', value: this.productId },\r\n { key: 'CatalogId', value: this.catalogId }\r\n );\r\n\r\n public dataCacheType = (): CacheType => 'application';\r\n}\r\n\r\nexport interface IProductPageSummary extends IPageSummaryData {\r\n price?: number;\r\n productId?: number;\r\n masterProductId?: number;\r\n productBrand?: string;\r\n category?: string;\r\n}\r\n\r\nconst createInput = (args: ICreateActionContext) => {\r\n const productId = getSelectedProductIdFromActionInput(args);\r\n\r\n if (productId) {\r\n return new ProductPageSummaryInput(\r\n args.config,\r\n args.requestContext.apiSettings,\r\n +productId,\r\n args.requestContext\r\n );\r\n }\r\n throw new Error('Unable to create ProductPageSummaryAction input, no productId found on module config or query');\r\n};\r\n\r\ninterface Attributes {\r\n brand?: string;\r\n category?: string;\r\n}\r\n\r\n// Checks product attributes for the presence of brand attribute to extract the brand name for product metadata\r\nconst getProductAttributes = async (\r\n context: IActionContext,\r\n recordId: number,\r\n channelId: number,\r\n catalogId: number\r\n): Promise => {\r\n const productAttributes = await getAttributeValuesAsync(\r\n {\r\n callerContext: context,\r\n queryResultSettings: QueryResultSettingsProxy.getPagingFromInputDataOrDefaultValue(context)\r\n },\r\n recordId,\r\n channelId,\r\n catalogId\r\n );\r\n const attributes: Attributes = {};\r\n for (const productAttribute of productAttributes) {\r\n if (productAttribute.Name === 'Brand') {\r\n attributes.brand = productAttribute.TextValue;\r\n } else if (productAttribute.Name === 'Category') {\r\n attributes.category = productAttribute.TextValue;\r\n }\r\n }\r\n\r\n return attributes;\r\n};\r\n\r\nconst action = async (input: ProductPageSummaryInput, context: IActionContext): Promise => {\r\n const { config, productId, apiSettings } = input;\r\n let simpleProductsData: SimpleProduct[] | undefined;\r\n try {\r\n simpleProductsData = ArrayExtensions.validValues(\r\n await getByIdsAsync(\r\n {\r\n callerContext: context,\r\n queryResultSettings: QueryResultSettingsProxy.getPagingFromInputDataOrDefaultValue(context)\r\n },\r\n apiSettings.channelId,\r\n [productId],\r\n null,\r\n input.catalogId ?? 0\r\n )\r\n );\r\n } catch {\r\n // Do nothing, if there's an error we fall back to values defined from config\r\n }\r\n if (ArrayExtensions.hasElements(simpleProductsData)) {\r\n const simpleProductData = simpleProductsData[0];\r\n let productUrl: string | undefined;\r\n try {\r\n productUrl = getProductUrlSync(simpleProductData, context);\r\n const canonicalDomain = context.requestContext.canonicalDomain;\r\n if (productUrl && canonicalDomain) {\r\n productUrl = `https://${canonicalDomain}/${context.requestContext.locale}${productUrl}`.toLocaleLowerCase();\r\n productUrl = removeDomainQspFromUrl(productUrl, context.requestContext);\r\n } else {\r\n productUrl = undefined;\r\n }\r\n } catch {\r\n productUrl = undefined;\r\n }\r\n\r\n let productBrand: string | undefined;\r\n let category: string | undefined;\r\n try {\r\n const attributes = await getProductAttributes(context, productId, apiSettings.channelId, input.catalogId ?? 0);\r\n productBrand = attributes.brand;\r\n //Gets the first category, which is the Bestseller category\r\n category = attributes.category?.split(';')[0];\r\n } catch (e) {\r\n productBrand = undefined;\r\n category = undefined;\r\n }\r\n\r\n let productPrice: number | undefined;\r\n try {\r\n const projectDomain: ProjectionDomain = {\r\n ChannelId: +context.requestContext.apiSettings.channelId,\r\n CatalogId: input.catalogId ?? 0\r\n };\r\n\r\n productPrice = await getActivePricesAsync(\r\n { callerContext: context, queryResultSettings: QueryResultSettingsProxy.getPagingFromInputDataOrDefaultValue(context) },\r\n projectDomain,\r\n [productId],\r\n new Date(),\r\n context.requestContext.user.customerAccountNumber,\r\n undefined,\r\n true\r\n ).then((productPrices: ProductPrice[]) => {\r\n if (!ArrayExtensions.hasElements(productPrices)) {\r\n throw new Error('[ExtProductPageSummaryAction]Invalid response received from getActivePricesAsync');\r\n }\r\n return productPrices[0].CustomerContextualPrice;\r\n });\r\n } catch {\r\n productPrice = undefined;\r\n }\r\n\r\n return {\r\n title: simpleProductData.Name,\r\n description: simpleProductData.Description,\r\n sharingImageUrl: generateImageUrl(simpleProductData.PrimaryImageUrl, apiSettings),\r\n canonicalUrl: productUrl,\r\n faviconUrl: config && config.faviconUrl,\r\n productId: parseInt(simpleProductData.ItemId ?? '', 10),\r\n price: productPrice ?? simpleProductData.AdjustedPrice,\r\n productBrand,\r\n category\r\n };\r\n\r\n // If the action fails fallback to values defined from config\r\n } else if (config) {\r\n return {\r\n title: config.title,\r\n description: config.description,\r\n sharingImageUrl: config.sharingImage && config.sharingImage.src,\r\n faviconUrl: config && config.faviconUrl\r\n };\r\n }\r\n return {};\r\n};\r\n\r\nexport default createObservableDataAction({\r\n id: '@msdyn365-commerce-modules/page-summary/product-page-summary',\r\n action: >action,\r\n input: createInput\r\n});\r\n","/*!\r\n * Copyright (c) Microsoft Corporation.\r\n * All rights reserved. See LICENSE in the project root for license information.\r\n */\r\n\r\n/* eslint-disable no-duplicate-imports */\r\nimport { HtmlHeadInclude, IAny, IGeneric } from '@msdyn365-commerce/core';\r\nimport * as React from 'react';\r\n\r\nimport { IExtProductPageSummaryData } from './ext-product-page-summary.data';\r\nimport { IExtProductPageSummaryProps } from './ext-product-page-summary.props.autogenerated';\r\n\r\ninterface ICategoryBinding {\r\n bindings: ICategoryBindingItem[];\r\n default: string;\r\n}\r\n\r\ninterface ICategoryBindingItem {\r\n google_id: string;\r\n categories: string[];\r\n}\r\n/**\r\n *\r\n * ProductPageSummary component.\r\n * @extends {React.PureComponent}\r\n */\r\nclass ProductPageSummary extends React.PureComponent> {\r\n public render(): JSX.Element {\r\n if (this.props.data.productPageSummary.result === undefined) {\r\n throw new Error('PageSummaryData input to page-summary is undefined. Unable to generate page-summary');\r\n }\r\n let {\r\n data: {\r\n productPageSummary: {\r\n result: { title, description, keywords, sharingImageUrl, faviconUrl }\r\n }\r\n }\r\n } = this.props;\r\n\r\n const {\r\n config,\r\n context,\r\n data: {\r\n productPageSummary: {\r\n result: { canonicalUrl, productId, productBrand, price, category }\r\n }\r\n }\r\n } = this.props;\r\n\r\n // Product SEO metadata specific information - non-overridable\r\n const productName = title;\r\n const productDescription = description;\r\n const productImageUrl = sharingImageUrl;\r\n\r\n // Override values coming from data action if config values are provided\r\n title = config.title || title;\r\n description = config.description || description;\r\n keywords = config.keywords || keywords;\r\n sharingImageUrl = (config.sharingImage && config.sharingImage.src) || sharingImageUrl;\r\n faviconUrl = config.faviconUrl || faviconUrl;\r\n\r\n // Construct page title with suffix and prefix if provided from app settings\r\n const pageTitle = this._constructPageTitle(title, context && context.request && context.request.app);\r\n return (\r\n <>\r\n \r\n {pageTitle && {pageTitle}}\r\n {description && }\r\n {keywords && }\r\n {canonicalUrl && }\r\n {faviconUrl && }\r\n \r\n {this._renderProductMetadata(\r\n productName,\r\n productDescription,\r\n productImageUrl,\r\n canonicalUrl,\r\n productId,\r\n price,\r\n context.request.channel?.Currency,\r\n productBrand,\r\n category\r\n )}\r\n {!config.disableOgTags && this._renderOgTags(pageTitle, description, sharingImageUrl)}\r\n {!config.disableTwitterTags && this._renderTwitterTags(pageTitle, description, sharingImageUrl)}\r\n \r\n );\r\n }\r\n\r\n /**\r\n * Renders the facebook and other social media specific metadata tags.\r\n *\r\n * @param title Page title.\r\n * @param description Product description.\r\n * @param sharingImageUrl Primary product image url.\r\n */\r\n private _renderOgTags(title: string | undefined, description: string | undefined, sharingImageUrl: string | undefined): JSX.Element {\r\n return (\r\n \r\n {title && }\r\n {description && }\r\n {sharingImageUrl && }\r\n \r\n \r\n );\r\n }\r\n\r\n /**\r\n * Constructs and renders the JSON-LD tag used to output product specific metadata used by search engine crawlers.\r\n *\r\n * @param productName Product name.\r\n * @param description Product description.\r\n * @param sharingImageUrl Primary product image url.\r\n * @param canonicalUrl Product canonical url.\r\n * @param productId Master product id.\r\n * @param masterProductId Master product id.\r\n * @param price Proudct price.\r\n * @param currencyCode Current channel currency code.\r\n * @param productBrand Product brand.\r\n * @param category Category.\r\n */\r\n private _renderProductMetadata(\r\n productName: string | undefined,\r\n description: string | undefined,\r\n sharingImageUrl: string | undefined,\r\n canonicalUrl: string | undefined,\r\n productId: number | undefined,\r\n price: number | undefined,\r\n currencyCode: string | undefined,\r\n productBrand: string | undefined,\r\n category?: string | undefined\r\n ): JSX.Element {\r\n var color = '';\r\n //Put the color in the query onto urls\r\n for (const key in this.props.context.request.query) {\r\n if (key === 'color') {\r\n /* eslint-disable-next-line security/detect-object-injection*/\r\n color = this.props.context.request.query[key];\r\n const strings = sharingImageUrl?.split('fileName=/');\r\n sharingImageUrl = strings ? strings[0] : '';\r\n /* eslint-disable-next-line security/detect-object-injection*/\r\n sharingImageUrl = `${sharingImageUrl}filename=/${productId}_${this.props.context.request.query[key]}_000_001.jpg`;\r\n /* eslint-disable-next-line security/detect-object-injection*/\r\n canonicalUrl = `${canonicalUrl}?color=${encodeURIComponent(this.props.context.request.query[key])}`;\r\n }\r\n }\r\n // Construct the JSON-LD data that contains the product metadata information used by search engine crawlers\r\n const productMetaData = JSON.stringify({\r\n '@context': 'http://schema.org',\r\n '@type': 'Product',\r\n name: productName,\r\n description,\r\n image: sharingImageUrl,\r\n productID: `${productId}${color}`,\r\n google_product_category: this._getCategoryId(category),\r\n brand: {\r\n '@type': 'Brand',\r\n name: productBrand\r\n },\r\n offers: {\r\n '@type': 'Offer',\r\n url: canonicalUrl,\r\n priceCurrency: currencyCode,\r\n price,\r\n itemCondition: 'https://schema.org/NewCondition',\r\n availability: 'https://schema.org/InStock'\r\n },\r\n additionalProperty: [\r\n {\r\n '@type': 'PropertyValue',\r\n propertyId: 'item_group_id',\r\n value: productId\r\n }\r\n ]\r\n });\r\n return (\r\n \r\n {/* eslint-disable-next-line react/no-danger -- Implementation is a copy.*/}\r\n