init commit

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