@developer_tribe/react-builder 1.0.8 → 1.0.9

package/src/utils/extractViewStyle.ts

@@ -15,7 +15,18 @@ export function extractViewStyle<T extends ViewPropsGenerated['attributes']>(
   options: ExtractViewStyleOptions = {},
 ) {
   const attributes = node.attributes;
-  const scrollable = attributes?.scrollable ?? false;
+  const styleBag = (attributes as any)?.style as
+    | Record<string, unknown>
+    | undefined;
+  const get = <K extends keyof ViewPropsGenerated['attributes']>(
+    key: K,
+  ): ViewPropsGenerated['attributes'][K] | undefined => {
+    const direct = (attributes as any)?.[key];
+    if (direct !== undefined && direct !== null) return direct;
+    return styleBag?.[key as unknown as string] as any;
+  };
+
+  const scrollable = (get('scrollable') as any) ?? false;
   const style: React.CSSProperties = {
     display: 'flex',
     flexDirection: 'column',
@@ -29,7 +40,7 @@ export function extractViewStyle<T extends ViewPropsGenerated['attributes']>(
     // Important for flex children: allow the element to shrink so overflow scroll can work.
     style.minWidth = 0;
     style.minHeight = 0;
-    if (attributes.flexDirection === 'row') {
+    if (get('flexDirection') === 'row') {
       style.overflowX = 'auto';
       style.overflowY = 'hidden';
       style.maxWidth = '100%';
@@ -41,13 +52,15 @@ export function extractViewStyle<T extends ViewPropsGenerated['attributes']>(
       style.maxWidth = '100%';
     }
   }
-  if (attributes.flexDirection) style.flexDirection = attributes.flexDirection;
-  if (attributes.alignItems)
-    style.alignItems =
-      attributes.alignItems as React.CSSProperties['alignItems'];
-  if (attributes.justifyContent)
+  const flexDirection = get('flexDirection');
+  if (flexDirection) style.flexDirection = flexDirection as any;
+  const alignItems = get('alignItems');
+  if (alignItems)
+    style.alignItems = alignItems as React.CSSProperties['alignItems'];
+  const justifyContent = get('justifyContent');
+  if (justifyContent)
     style.justifyContent =
-      attributes.justifyContent as React.CSSProperties['justifyContent'];
+      justifyContent as React.CSSProperties['justifyContent'];
   const setParsedSize = <K extends keyof React.CSSProperties>(
     property: K,
     rawValue: string | number | undefined,
@@ -57,80 +70,76 @@ export function extractViewStyle<T extends ViewPropsGenerated['attributes']>(
     style[property] = parsed as React.CSSProperties[K];
   };
 
-  setParsedSize('gap', attributes.gap);
-  setParsedSize('padding', attributes.padding);
-  setParsedSize('margin', attributes.margin);
+  setParsedSize('gap', get('gap') as any);
+  setParsedSize('padding', get('padding') as any);
+  setParsedSize('margin', get('margin') as any);
 
-  if (!isEmptySizeValue(attributes.paddingHorizontal)) {
-    const parsed = parseSize(attributes.paddingHorizontal);
+  const paddingHorizontal = get('paddingHorizontal') as any;
+  if (!isEmptySizeValue(paddingHorizontal)) {
+    const parsed = parseSize(paddingHorizontal);
     style.paddingLeft = parsed as React.CSSProperties['paddingLeft'];
     style.paddingRight = parsed as React.CSSProperties['paddingRight'];
   }
-  if (!isEmptySizeValue(attributes.paddingVertical)) {
-    const parsed = parseSize(attributes.paddingVertical);
+  const paddingVertical = get('paddingVertical') as any;
+  if (!isEmptySizeValue(paddingVertical)) {
+    const parsed = parseSize(paddingVertical);
     style.paddingTop = parsed as React.CSSProperties['paddingTop'];
     style.paddingBottom = parsed as React.CSSProperties['paddingBottom'];
   }
 
   // Explicit per-side paddings should override paddingHorizontal/paddingVertical.
-  setParsedSize('paddingTop', attributes.paddingTop);
-  setParsedSize('paddingBottom', attributes.paddingBottom);
-  setParsedSize('paddingLeft', attributes.paddingLeft);
-  setParsedSize('paddingRight', attributes.paddingRight);
+  setParsedSize('paddingTop', get('paddingTop') as any);
+  setParsedSize('paddingBottom', get('paddingBottom') as any);
+  setParsedSize('paddingLeft', get('paddingLeft') as any);
+  setParsedSize('paddingRight', get('paddingRight') as any);
 
-  const marginHorizontalRaw = (attributes as Record<string, unknown>)
-    .marginHorizontal as string | number | undefined;
+  const marginHorizontalRaw =
+    ((attributes as Record<string, unknown>).marginHorizontal as
+      | string
+      | number
+      | undefined) ?? (styleBag?.marginHorizontal as any);
   if (!isEmptySizeValue(marginHorizontalRaw)) {
     const parsed = parseSize(marginHorizontalRaw);
     style.marginLeft = parsed as React.CSSProperties['marginLeft'];
     style.marginRight = parsed as React.CSSProperties['marginRight'];
   }
 
-  if (!isEmptySizeValue(attributes.marginVertical)) {
-    const parsed = parseSize(attributes.marginVertical);
+  const marginVertical = get('marginVertical') as any;
+  if (!isEmptySizeValue(marginVertical)) {
+    const parsed = parseSize(marginVertical);
     style.marginTop = parsed as React.CSSProperties['marginTop'];
     style.marginBottom = parsed as React.CSSProperties['marginBottom'];
   }
 
-  setParsedSize('marginTop', attributes.marginTop);
-  setParsedSize('marginBottom', attributes.marginBottom);
-  setParsedSize('marginLeft', attributes.marginLeft);
-  setParsedSize('marginRight', attributes.marginRight);
-  if (attributes.backgroundColor) {
+  setParsedSize('marginTop', get('marginTop') as any);
+  setParsedSize('marginBottom', get('marginBottom') as any);
+  setParsedSize('marginLeft', get('marginLeft') as any);
+  setParsedSize('marginRight', get('marginRight') as any);
+  const backgroundColor = get('backgroundColor') as any;
+  if (backgroundColor) {
     style.backgroundColor =
-      parseColor(attributes.backgroundColor, {
+      parseColor(backgroundColor, {
         projectColors: options.projectColors,
         appConfig: options.appConfig,
-      }) ?? attributes.backgroundColor;
+      }) ?? backgroundColor;
   }
-  setParsedSize('borderRadius', attributes.borderRadius);
-  setParsedSize('width', attributes.width);
-  setParsedSize(
-    'minWidth',
-    (attributes as ViewPropsGenerated['attributes']).minWidth,
-  );
-  setParsedSize(
-    'maxWidth',
-    (attributes as ViewPropsGenerated['attributes']).maxWidth,
-  );
-  setParsedSize('height', attributes.height);
-  setParsedSize(
-    'minHeight',
-    (attributes as ViewPropsGenerated['attributes']).minHeight,
-  );
-  setParsedSize(
-    'maxHeight',
-    (attributes as ViewPropsGenerated['attributes']).maxHeight,
-  );
-  if (attributes.flex !== undefined)
-    style.flex = attributes.flex as React.CSSProperties['flex'];
-  if (attributes.position)
-    style.position = attributes.position as React.CSSProperties['position'];
-  setParsedSize('top', attributes.top);
-  setParsedSize('bottom', attributes.bottom);
-  setParsedSize('left', attributes.left);
-  setParsedSize('right', attributes.right);
-  if (attributes.zIndex !== undefined)
-    style.zIndex = attributes.zIndex as React.CSSProperties['zIndex'];
+  setParsedSize('borderRadius', get('borderRadius') as any);
+  setParsedSize('width', get('width') as any);
+  setParsedSize('minWidth', get('minWidth') as any);
+  setParsedSize('maxWidth', get('maxWidth') as any);
+  setParsedSize('height', get('height') as any);
+  setParsedSize('minHeight', get('minHeight') as any);
+  setParsedSize('maxHeight', get('maxHeight') as any);
+  const flex = get('flex') as any;
+  if (flex !== undefined) style.flex = flex as React.CSSProperties['flex'];
+  const position = get('position') as any;
+  if (position) style.position = position as React.CSSProperties['position'];
+  setParsedSize('top', get('top') as any);
+  setParsedSize('bottom', get('bottom') as any);
+  setParsedSize('left', get('left') as any);
+  setParsedSize('right', get('right') as any);
+  const zIndex = get('zIndex') as any;
+  if (zIndex !== undefined)
+    style.zIndex = zIndex as React.CSSProperties['zIndex'];
   return style;
 }

package/src/utils/getImage.ts

@@ -0,0 +1,76 @@
+export const TRIBE_ASSETS_BASE_URL =
+  'https://tribemarketing.s3.eu-central-1.amazonaws.com/tribehub-assets/';
+
+export enum TribeAssetName {
+  Android = 'android.svg',
+  Apple = 'apple.svg',
+  Background = 'background.jpg',
+}
+
+function normalizeAssetName(name: string): string {
+  const trimmed = name.trim().replace(/^\/+/, '');
+
+  // Common typos / aliases
+  if (trimmed === 'backgorund.jpg') return 'background.jpg';
+  if (trimmed === 'ios.svg') return 'apple.svg';
+
+  return trimmed;
+}
+
+function encodePath(path: string): string {
+  // Encode each segment but keep `/` separators intact.
+  return path
+    .split('/')
+    .filter(Boolean)
+    .map((seg) => encodeURIComponent(seg))
+    .join('/');
+}
+
+/**
+ * Returns a full CDN URL for a given asset name/path.
+ *
+ * Examples:
+ * - getImage(TribeAssetName.Android)
+ * - getImage(TribeAssetName.Apple) // also accepts 'ios.svg' via parseTribeAssetName/resolveImageSrc
+ * - getImage(TribeAssetName.Background) // also accepts 'backgorund.jpg' via parseTribeAssetName/resolveImageSrc
+ */
+export function getImage(name: TribeAssetName): string {
+  const normalized = normalizeAssetName(name);
+  const base = TRIBE_ASSETS_BASE_URL.endsWith('/')
+    ? TRIBE_ASSETS_BASE_URL
+    : `${TRIBE_ASSETS_BASE_URL}/`;
+
+  return `${base}${encodePath(normalized)}`;
+}
+
+export function parseTribeAssetName(name: string): TribeAssetName | null {
+  const normalized = normalizeAssetName(name);
+  switch (normalized) {
+    case TribeAssetName.Android:
+      return TribeAssetName.Android;
+    case TribeAssetName.Apple:
+      return TribeAssetName.Apple;
+    case TribeAssetName.Background:
+      return TribeAssetName.Background;
+    default:
+      return null;
+  }
+}
+
+function isAbsoluteUrl(src: string): boolean {
+  // Covers http(s), data, blob, and protocol-relative URLs.
+  return /^(https?:)?\/\//.test(src) || /^(data|blob):/.test(src);
+}
+
+/**
+ * Resolves a `src` value into a usable URL:
+ * - Absolute URLs are returned unchanged
+ * - Known tribe asset names (or aliases) are converted via `getImage`
+ * - Unknown relative strings are returned unchanged
+ */
+export function resolveImageSrc(src?: string | null): string | undefined {
+  if (!src) return undefined;
+  if (isAbsoluteUrl(src)) return src;
+  const parsed = parseTribeAssetName(src);
+  return parsed ? getImage(parsed) : src;
+}

package/src/utils/novaToJson.ts

@@ -539,7 +539,8 @@ function mapFooterFromGeneralComponents(generalComponents: any[]): Node | null {
 
   const attributes: Record<string, unknown> = { gap: 8 };
   if (baseTextKey) attributes.textLocalizationKey = baseTextKey;
-  if (baseTextColor) attributes.textColor = baseTextColor;
+  // OnboardFooter extends Text, so the canonical text color attribute is `color`.
+  if (baseTextColor) attributes.color = baseTextColor;
   const first = linkedWords[0];
   const second = linkedWords[1];
   if (first) {

package/src/utils/pasteNode.ts

@@ -0,0 +1,172 @@
+import type { Node, NodeData } from '../types/Node';
+import {
+  isNodeArray,
+  isNodeNullOrUndefined,
+  isNodeString,
+} from './analyseNode';
+import { getPatternByType } from './patterns';
+
+export type PasteIntoChildrenResult =
+  | {
+      ok: true;
+      nextRoot: Node;
+      pastedNode: Node;
+    }
+  | {
+      ok: false;
+      nextRoot: Node;
+      reason: string;
+    };
+
+function isNodeData(node: Node): node is NodeData {
+  return (
+    node !== null &&
+    node !== undefined &&
+    typeof node === 'object' &&
+    !Array.isArray(node)
+  );
+}
+
+function appendChild(children: Node, childToAppend: Node): Node {
+  if (Array.isArray(children)) {
+    return [...children, childToAppend];
+  }
+  if (
+    children === null ||
+    children === undefined ||
+    typeof children === 'string'
+  ) {
+    return [childToAppend];
+  }
+  return [children as Node, childToAppend];
+}
+
+function replaceNode(root: Node, target: Node, next: Node): Node {
+  if (root === target) return next;
+  if (root === null || root === undefined) return root;
+  if (typeof root === 'string') return root;
+  if (Array.isArray(root)) {
+    let changed = false;
+    const arr = root.map((item) => {
+      const r = replaceNode(item, target, next);
+      if (r !== item) changed = true;
+      return r;
+    });
+    return changed ? arr : root;
+  }
+  const data = root as NodeData;
+  const prev = data.children as Node;
+  if (!prev) return root;
+  const replaced = Array.isArray(prev)
+    ? (prev as Node[]).map((c) => replaceNode(c, target, next))
+    : replaceNode(prev as Node, target, next);
+  if (replaced !== prev) {
+    return { ...data, children: replaced } as Node;
+  }
+  return root;
+}
+
+export function canPasteIntoChildren(
+  target: Node,
+  pastedNode: Node,
+): {
+  ok: boolean;
+  reason?: string;
+} {
+  if (isNodeNullOrUndefined(target)) {
+    return { ok: false, reason: 'Select a node to paste into.' };
+  }
+  if (isNodeString(target)) {
+    return { ok: false, reason: 'Select a component node to paste into.' };
+  }
+  if (!isNodeData(pastedNode)) {
+    return { ok: false, reason: 'Only component nodes can be pasted.' };
+  }
+  const childType = pastedNode.type;
+  if (!childType) {
+    return { ok: false, reason: 'Pasted node has no type.' };
+  }
+
+  // Collections behave like generic containers.
+  if (isNodeArray(target)) return { ok: true };
+
+  if (!isNodeData(target)) {
+    return { ok: false, reason: 'Select a component node to paste into.' };
+  }
+
+  const parentType = target.type;
+  if (!parentType) {
+    return { ok: false, reason: 'Target node has no type.' };
+  }
+
+  // Special rule: limit OnboardButtons to OnboardButton only
+  if (parentType === 'OnboardButtons' && childType !== 'OnboardButton') {
+    return {
+      ok: false,
+      reason: 'OnboardButtons can only contain OnboardButton.',
+    };
+  }
+
+  const childrenSchema = getPatternByType(parentType)?.pattern
+    ?.children as unknown;
+  if (!childrenSchema) {
+    return { ok: false, reason: `${parentType} does not accept children.` };
+  }
+  if (childrenSchema === 'never' || childrenSchema === 'string') {
+    return { ok: false, reason: `${parentType} does not accept child nodes.` };
+  }
+  if (
+    childrenSchema === 'node' ||
+    (Array.isArray(childrenSchema) &&
+      (childrenSchema as unknown[]).includes('node'))
+  ) {
+    return { ok: true };
+  }
+  if (typeof childrenSchema === 'string') {
+    return childType === childrenSchema
+      ? { ok: true }
+      : {
+          ok: false,
+          reason: `${parentType} only accepts ${childrenSchema} children.`,
+        };
+  }
+  return { ok: false, reason: `${parentType} does not accept this child.` };
+}
+
+export function pasteIntoChildren(
+  root: Node,
+  target: Node,
+  pastedNode: Node,
+): PasteIntoChildrenResult {
+  const can = canPasteIntoChildren(target, pastedNode);
+  if (!can.ok) {
+    return {
+      ok: false,
+      nextRoot: root,
+      reason: can.reason ?? 'Cannot paste into this node.',
+    };
+  }
+
+  // Paste into collection (root arrays / array nodes).
+  if (isNodeArray(target)) {
+    const nextList = [...(target as Node[]), pastedNode];
+    const nextRoot = replaceNode(root, target, nextList);
+    return { ok: true, nextRoot, pastedNode };
+  }
+
+  // Paste into component node children.
+  if (!isNodeData(target)) {
+    return {
+      ok: false,
+      nextRoot: root,
+      reason: 'Select a component node to paste into.',
+    };
+  }
+
+  const nextTarget: NodeData = {
+    ...(target as NodeData),
+    children: appendChild((target as NodeData).children as Node, pastedNode),
+  };
+  const nextRoot = replaceNode(root, target, nextTarget as Node);
+  return { ok: true, nextRoot, pastedNode };
+}

package/src/utils/patterns.ts

@@ -29,6 +29,9 @@ export type SpecialCategoryMeta = {
 type PatternMeta = {
   label?: string;
   description?: string;
+  // schemaVersion >= 2 uses `styles` (formerly `attributes`)
+  styles?: Record<string, AttributeMeta>;
+  // backwards-compat for schemaVersion 1 patterns
   attributes?: Record<string, AttributeMeta>;
   specialCategories?: Record<string, SpecialCategoryMeta>;
   desiredParent?: string[];
@@ -40,8 +43,6 @@ type PatternMeta = {
 
 type Pattern = {
   schemaVersion: number;
-  allowUnknownAttributes: boolean;
-  extends: string;
   pattern: {
     type: string;
     children: unknown;
@@ -122,7 +123,7 @@ export function getAttributeMeta(
   type?: string | null,
 ): Record<string, AttributeMeta> | undefined {
   const p = getPatternByType(type);
-  return p?.meta?.attributes;
+  return p?.meta?.styles ?? p?.meta?.attributes;
 }
 
 /** Returns defaults block (if any) for a given component type */

package/dist/android.svg

@@ -1,43 +0,0 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
-	 viewBox="0 0 502.857 502.857" xml:space="preserve">
-<g>
-	<path style="fill:#57C927;" d="M115.428,155.433v217.664c0,17,10.208,30.336,27.704,30.336h22.84c-0.784,0-2.544,5.768-2.544,8.6
-		v61.648c0,16.112,15.448,29.176,32,29.176c16.56,0,32-13.064,32-29.176v-61.648c0-2.832-3.088-8.6-3.848-8.6h55.712
-		c-0.76,0-3.864,5.768-3.864,8.6v61.648c0,16.112,15.416,29.176,31.968,29.176c16.592,0,32.032-13.064,32.032-29.176v-61.648
-		c0-2.832-1.752-8.6-2.536-8.6h22.872c17.496,0,27.664-13.336,27.664-30.336V155.433H113.596H115.428z"/>
-	<path style="fill:#57C927;" d="M59.428,158.977c-16.568,0-32,13.072-32,29.176v124.92c0,16.112,15.432,29.176,32,29.176
-		c16.56,0,32-13.064,32-29.176V188.161C91.428,172.049,75.988,158.977,59.428,158.977z"/>
-	<path style="fill:#57C927;" d="M320.3,42.057l5.584-8.192l5.592-8.096l12.456-18.2c1.56-2.256,0.912-5.264-1.384-6.744
-		c-2.272-1.512-5.416-0.88-6.904,1.36l-19.016,27.704l-5.72,8.344c-18.072-6.832-38.208-10.64-59.48-10.64
-		c-21.224,0-41.4,3.816-59.472,10.64l-5.688-8.336l-5.624-8.184l-13.36-19.512c-1.544-2.248-4.648-2.84-6.952-1.36
-		c-2.28,1.488-2.912,4.496-1.392,6.744l12.448,18.208l5.592,8.104l5.616,8.168c-42.432,19.24-71.144,57.368-71.144,97.368h279.96
-		C391.412,99.433,362.708,61.305,320.3,42.057z M191.436,100.593c-8.312,0-15.008-6.536-15.008-14.608s6.696-14.576,15.008-14.576
-		c8.288,0,15,6.504,15,14.576S199.732,100.593,191.436,100.593z M311.436,100.593c-8.304,0-15.016-6.536-15.016-14.608
-		s6.712-14.576,15.016-14.576c8.288,0,15,6.504,15,14.576S319.724,100.593,311.436,100.593z"/>
-</g>
-<path style="fill:#1CB71C;" d="M60.852,224.193c-12.472,0-25.424-11.768-33.424-30.432v119.32c0,16.112,15.432,29.176,32,29.176
-	c16.56,0,32-13.064,32-29.176V199.985C83.428,214.977,71.86,224.193,60.852,224.193z"/>
-<path style="fill:#57C927;" d="M443.428,158.977c-16.568,0-32,13.072-32,29.176v124.92c0,16.112,15.432,29.176,32,29.176
-	c16.56,0,32-13.064,32-29.176V188.161C475.428,172.049,459.988,158.977,443.428,158.977z"/>
-<g>
-	<path style="fill:#1CB71C;" d="M444.852,224.193c-12.472,0-25.424-11.768-33.424-30.432v119.32c0,16.112,15.432,29.176,32,29.176
-		c16.56,0,32-13.064,32-29.176V199.985C467.428,214.977,455.86,224.193,444.852,224.193z"/>
-	<path style="fill:#1CB71C;" d="M251.428,179.337c-63.28,0-120-7.32-136-17.712v211.472c0,17,10.208,30.336,27.704,30.336h22.84
-		c-0.784,0-2.544,5.768-2.544,8.6v61.648c0,16.112,15.448,29.176,32,29.176c16.56,0,32-13.064,32-29.176v-61.648
-		c0-2.832-3.088-8.6-3.848-8.6h55.712c-0.76,0-3.864,5.768-3.864,8.6v61.648c0,16.112,15.416,29.176,31.968,29.176
-		c16.592,0,32.032-13.064,32.032-29.176v-61.648c0-2.832-1.752-8.6-2.536-8.6h22.872c17.496,0,27.664-13.336,27.664-30.336v-211.48
-		C371.428,172.009,314.716,179.337,251.428,179.337z"/>
-	<path style="fill:#1CB71C;" d="M326.436,85.977c0,8.072-6.712,14.608-15,14.608c-8.304,0-15.016-6.536-15.016-14.608
-		c0-4.376,2.008-8.24,5.136-10.912c-15.816-2.64-32.64-4.088-50.128-4.088s-34.304,1.448-50.128,4.088
-		c3.136,2.664,5.144,6.536,5.144,10.912c0,8.072-6.712,14.608-15,14.608c-8.312,0-15.008-6.536-15.008-14.608
-		c0-2.064,0.456-4.024,1.248-5.808c-23.984,6.304-44.592,15.504-60.144,26.808c-3.92,10.296-6.088,24.456-6.088,32.456h279.96
-		c0-8-2.168-22.152-6.08-32.44c-15.544-11.32-36.16-20.536-60.128-26.84C325.988,81.937,326.436,83.921,326.436,85.977z"/>
-</g>
-<path style="fill:#049E42;" d="M251.428,262.817c-53.896,0-104-10.632-136-28.056v138.336c0,17,10.208,30.336,27.704,30.336h22.84
-	c-0.784,0-2.544,5.768-2.544,8.6v61.648c0,16.112,15.448,29.176,32,29.176c16.56,0,32-13.064,32-29.176v-61.648
-	c0-2.832-3.088-8.6-3.848-8.6h55.712c-0.76,0-3.864,5.768-3.864,8.6v61.648c0,16.112,15.416,29.176,31.968,29.176
-	c16.592,0,32.032-13.064,32.032-29.176v-61.648c0-2.832-1.752-8.6-2.536-8.6h22.872c17.496,0,27.664-13.336,27.664-30.336V234.761
-	C355.428,252.193,305.324,262.817,251.428,262.817z"/>
-</svg>

package/dist/apple.svg

@@ -1,16 +0,0 @@
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg height="800px" width="800px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
-	 viewBox="0 0 496.412 496.412" xml:space="preserve">
-<path d="M317.222,80.584C333.414,59.696,345.686,30.152,341.246,0c-26.472,1.84-57.384,18.768-75.432,40.832
-	c-16.456,20-29.976,49.728-24.688,78.608C270.054,120.344,299.91,103.008,317.222,80.584z"/>
-<path style="fill:#1B546B;" d="M445.838,166.544c-25.4-31.872-61.12-50.344-94.848-50.344c-44.512,0-63.352,21.312-94.264,21.312
-	c-31.896,0-56.12-21.248-94.624-21.248c-37.832,0-78.112,23.12-103.64,62.64C22.574,234.576,28.694,339.2,86.894,428.336
-	c20.808,31.904,48.592,67.744,84.952,68.072c32.36,0.32,41.488-20.752,85.336-20.992c43.832-0.256,52.16,21.264,84.456,20.896
-	c36.384-0.288,65.712-40.016,86.512-71.92c14.912-22.848,20.48-34.376,32.056-60.184
-	C376.014,332.184,362.518,212.488,445.838,166.544z"/>
-<path d="M394.774,228.08c-63.632,51.52-153.592,83.712-253.44,83.712c-35.776,0-70.288-4.144-102.768-11.808
-	c5.496,41.808,21.16,86.736,48.336,128.344c20.808,31.904,48.592,67.744,84.952,68.072c32.36,0.32,41.488-20.752,85.336-20.992
-	c43.832-0.256,52.16,21.264,84.456,20.896c36.384-0.288,65.712-40.016,86.512-71.92c14.912-22.848,20.48-34.376,32.056-60.184
-	C402.966,342.44,378.454,280.176,394.774,228.08z"/>
-</svg>