diff options
Diffstat (limited to 'node_modules/@jet-app/app-store/tmp/src/common/arcade/breakouts-common.js')
| -rw-r--r-- | node_modules/@jet-app/app-store/tmp/src/common/arcade/breakouts-common.js | 272 |
1 files changed, 272 insertions, 0 deletions
diff --git a/node_modules/@jet-app/app-store/tmp/src/common/arcade/breakouts-common.js b/node_modules/@jet-app/app-store/tmp/src/common/arcade/breakouts-common.js new file mode 100644 index 0000000..85d4bb4 --- /dev/null +++ b/node_modules/@jet-app/app-store/tmp/src/common/arcade/breakouts-common.js @@ -0,0 +1,272 @@ +// +// breakouts-common.ts +// AppStoreKit +// +// Created by Jonathan Ellenbogen on 11/19/19. +// Copyright (c) 2016 Apple Inc. All rights reserved. +// +import { isNothing } from "@jet/environment"; +import * as models from "../../api/models"; +import * as serverData from "../../foundation/json-parsing/server-data"; +import * as mediaAttributes from "../../foundation/media/attributes"; +import * as platformAttributes from "../../foundation/media/platform-attributes"; +import * as mediaRelationship from "../../foundation/media/relationships"; +import * as color from "../../foundation/util/color-util"; +import { pageRouter } from "../builders/routing"; +import * as contentAttributes from "../content/attributes"; +import * as heroCommon from "../grouping/hero/hero-common"; +import * as offers from "../offers/offers"; +import * as productPageUtil from "../product-page/product-page-util"; +import { makeProductPageIntent } from "../../api/intents/product-page-intent"; +import { makeRoutableArticlePageIntent } from "../../api/intents/routable-article-page-intent"; +import { getLocale } from "../locale"; +import { makeRoutableArticlePageCanonicalUrl } from "../today/routable-article-page-url-utils"; +import { getPlatform } from "../preview-platform"; +export function detailBackgroundStyleFromData(objectGraph, breakoutData, supportsMaterial = true, isFirstShelf, isUpsell) { + const heroVideoData = heroCommon.heroVideoFromData(objectGraph, breakoutData); + const heroArtworkData = heroCommon.heroArtworkFromData(objectGraph, breakoutData); + const backgroundColor = heroVideoData.backgroundColor || heroArtworkData.backgroundColor; + const detailPosition = detailPositionFromData(objectGraph, breakoutData, isFirstShelf, isUpsell); + const displayBreakoutMaterial = breakoutData.type === "marketing-items" + ? serverData.asBooleanOrFalse(templateParametersFromData(objectGraph, breakoutData), "displayMaterial") + : mediaAttributes.attributeAsBooleanOrFalse(breakoutData, "displayBreakoutMaterial"); + const shouldUseMaterialBackground = displayBreakoutMaterial || (objectGraph.client.isTV && detailPosition === "center"); + if (shouldUseMaterialBackground && supportsMaterial) { + return "material"; + } + else { + return detailBackgroundStyleFromColor(objectGraph, backgroundColor); + } +} +export function detailBackgroundStyleFromColor(objectGraph, backgroundColor) { + if (!backgroundColor) { + return "dark"; + } + return color.isDarkColor(backgroundColor, 50) ? "dark" : "light"; +} +export function detailPositionFromData(objectGraph, data, isFirstShelf, isUpsell) { + // Upsells always position the details in the center. + if (objectGraph.client.isPhone || isUpsell) { + return "center"; + } + if (objectGraph.client.isTV) { + return isFirstShelf ? "center" : "leading"; + } + const breakoutDetailsString = data.type === "marketing-items" + ? serverData.asString(templateParametersFromData(objectGraph, data), "textPosition") + : mediaAttributes.attributeAsString(data, "breakoutTextAlignment"); + if (isNothing(breakoutDetailsString) || breakoutDetailsString.length === 0) { + return objectGraph.client.isMac ? "center" : "leading"; + } + switch (breakoutDetailsString.toLowerCase()) { + case "left": + return "leading"; + case "center": + return "center"; + case "right": + return "trailing"; + default: + return "leading"; + } +} +/** + * The text alignment to use for a particular detail position on large breakouts + * @param position The positioning of the details within the breakout. + */ +export function detailTextAlignmentForDetailPosition(objectGraph, position, breakoutData, isUpsell = false) { + const isTV = objectGraph.client.isTV; + switch (position) { + case "leading": + return isTV ? "center" : "leading"; + case "trailing": + return isTV ? "center" : "leading"; + case "center": + if (isUpsell && !isTV) { + return "center"; + } + else if (isTV) { + return "leading"; + } + else { + return breakoutData.type === "marketing-items" + ? "center" + : textAlignmentFromData(objectGraph, breakoutData); + } + default: + return "leading"; + } +} +function textAlignmentFromData(objectGraph, data) { + var _a; + const breakoutTextAlignmentString = (_a = mediaAttributes.attributeAsString(data, "breakoutTextAlignment")) !== null && _a !== void 0 ? _a : ""; + switch (breakoutTextAlignmentString.toLowerCase()) { + case "left": + return "leading"; + case "center": + return "center"; + case "right": + return "trailing"; + default: + return objectGraph.client.isMac ? "center" : "leading"; + } +} +export function templateParametersFromData(objectGraph, data) { + if (data.type !== "marketing-items") { + return null; + } + return mediaAttributes.attributeAsDictionary(data, "display.templateParameters"); +} +export function artworkDictionaryFromData(objectGraph, data) { + switch (data.type) { + case "editorial-items": + return mediaAttributes.attributeAsDictionary(data, "editorialArtwork"); + case "marketing-items": + return mediaAttributes.attributeAsDictionary(data, "marketingArtwork"); + default: + const attributePlatform = contentAttributes.bestAttributePlatformFromData(objectGraph, data); + return platformAttributes.platformAttributeAsDictionary(data, attributePlatform, "editorialArtwork"); + } +} +export function videoDictionaryFromData(objectGraph, data) { + switch (data.type) { + case "editorial-items": + return mediaAttributes.attributeAsDictionary(data, "editorialVideo"); + case "marketing-items": + return mediaAttributes.attributeAsDictionary(data, "marketingVideo"); + default: + if (preprocessor.GAMES_TARGET) { + return mediaAttributes.attributeAsDictionary(data, "editorialVideo"); + } + else { + const attributePlatform = contentAttributes.bestAttributePlatformFromData(objectGraph, data); + return platformAttributes.platformAttributeAsDictionary(data, attributePlatform, "marketingVideo"); + } + } +} +export function callToActionLabelFromData(objectGraph, data) { + switch (data.type) { + case "marketing-items": + const offerData = offers.offerDataFromMarketingItem(objectGraph, data); + return serverData.asString(offerData, "callToActionLabel"); + default: + return mediaAttributes.attributeAsString(data, "breakoutCallToActionLabel"); + } +} +export function requiresPrimaryContent(objectGraph, data) { + const linkData = mediaAttributes.attributeAsDictionary(data, "link"); + const isLinkAction = serverData.isDefinedNonNullNonEmpty(linkData); + const isStoryAction = mediaAttributes.attributeAsBooleanOrFalse(data, "isCanvasAvailable"); + return !isLinkAction && !isStoryAction; +} +export function wantsBlur(objectGraph, backgroundStyle, isInHeroPosition) { + return backgroundStyle !== "material" && isInHeroPosition; +} +/** + * The action to use when displaying a breakout's call to action button + * @param data The breakout node data from MAPI + */ +export function actionFromData(objectGraph, data) { + const linkData = mediaAttributes.attributeAsDictionary(data, "link"); + const isLinkAction = serverData.isDefinedNonNullNonEmpty(linkData); + const isProductAction = mediaAttributes.attributeAsString(data, "kind") === "App"; + const isStoryAction = mediaAttributes.attributeAsBooleanOrFalse(data, "isCanvasAvailable"); + const primaryContent = mediaRelationship.relationshipData(objectGraph, data, "primary-content"); + if (!isLinkAction && !isStoryAction && !mediaAttributes.hasAttributes(primaryContent)) { + return null; + } + let actionUrl = null; + if (isLinkAction) { + actionUrl = serverData.asString(linkData, "url"); + } + else if (isStoryAction) { + actionUrl = mediaAttributes.attributeAsString(data, "url"); + } + else { + actionUrl = mediaAttributes.attributeAsString(primaryContent, "url"); + } + if (serverData.isNull(actionUrl)) { + return null; + } + let action = null; + if (isLinkAction && serverData.asString(linkData, "target") === "external") { + const externalUrlAction = new models.ExternalUrlAction(actionUrl); + action = externalUrlAction; + } + else if (objectGraph.isAvailable(pageRouter)) { + const flowPage = objectGraph.required(pageRouter).fetchFlowPage(actionUrl); + const flowAction = new models.FlowAction(flowPage); + flowAction.pageUrl = actionUrl; + if (flowPage === "product") { + flowAction.pageData = productPageUtil.createProductPageSidePackFromResponse(objectGraph, primaryContent); + } + action = flowAction; + } + else if (objectGraph.client.isWeb && isStoryAction) { + const routableArticlePageIntent = makeRoutableArticlePageIntent({ + ...getLocale(objectGraph), + ...getPlatform(objectGraph), + id: data.id, + }); + const flowAction = new models.FlowAction("article"); + flowAction.title = mediaAttributes.attributeAsString(data, "breakoutCallToActionLabel"); + flowAction.pageUrl = makeRoutableArticlePageCanonicalUrl(objectGraph, routableArticlePageIntent); + flowAction.destination = routableArticlePageIntent; + action = flowAction; + } + else if (objectGraph.client.isWeb && isProductAction) { + const flowAction = new models.FlowAction("product"); + flowAction.title = mediaAttributes.attributeAsString(data, "breakoutCallToActionLabel"); + flowAction.pageUrl = actionUrl; + flowAction.destination = makeProductPageIntent({ + ...getLocale(objectGraph), + ...getPlatform(objectGraph), + id: primaryContent.id, + }); + action = flowAction; + } + if (action) { + action.title = callToActionLabelFromData(objectGraph, data); + } + return action; +} +export function titleEffectFromArtwork(objectGraph, editorialArtworkData, isUpsell = false) { + if (serverData.isNullOrEmpty(editorialArtworkData)) { + return null; + } + let titleEffect = null; + const white = color.named("white"); + const black = color.named("black"); + const backgroundColor = color.fromHex(serverData.asString(editorialArtworkData, "bgColor")); + const gradientColors = serverData + .asArrayOrEmpty(editorialArtworkData, "textGradient") + .map((hexColor) => { + return color.fromHex(hexColor); + }); + const backgroundStyle = detailBackgroundStyleFromColor(objectGraph, backgroundColor); + const hasGradient = gradientColors.length === 2; + if (hasGradient) { + titleEffect = new models.TitleEffect("horizontalGradient"); + const startColor = gradientColors[0]; + const endColor = gradientColors[1]; + titleEffect.gradientStartColor = color.dynamicWith(startColor, startColor); + titleEffect.gradientEndColor = color.dynamicWith(endColor, endColor); + titleEffect.filter = "plusLight"; + if (!isUpsell) { + titleEffect.accessoryColor = titleEffect.gradientEndColor; + } + } + else { + titleEffect = new models.TitleEffect("color"); + titleEffect.color = backgroundStyle === "dark" ? white : black; + if (!isUpsell) { + titleEffect.accessoryColor = titleEffect.color; + } + titleEffect.isFallbackStyle = true; + } + // The accessory on tvOS should always be white resulting in a dark accessory. + if (objectGraph.client.isTV) { + titleEffect.accessoryColor = white; + } + return titleEffect; +} +//# sourceMappingURL=breakouts-common.js.map
\ No newline at end of file |