cja-phoenix 0.2.2 → 0.2.4

package/dist/types/components/forms/PhoneInput.vue.d.ts

@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     modelValue: InputHTMLAttributes["value"];
     id?: InputHTMLAttributes["id"];
     disabled?: InputHTMLAttributes["disabled"];
-    phoneCountryCode: number;
+    phoneCountryCode?: number | undefined;
     autocomplete?: InputHTMLAttributes["autocomplete"];
 }>, {
     layout: string;
@@ -34,7 +34,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     modelValue: InputHTMLAttributes["value"];
     id?: InputHTMLAttributes["id"];
     disabled?: InputHTMLAttributes["disabled"];
-    phoneCountryCode: number;
+    phoneCountryCode?: number | undefined;
     autocomplete?: InputHTMLAttributes["autocomplete"];
 }>, {
     layout: string;
@@ -45,9 +45,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     "onUpdate:phoneCountryCode"?: ((...args: any[]) => any) | undefined;
 }, {
-    errorDisplay: boolean;
-    layout: "vertical" | "horizontal";
     size: "sm" | "md" | "lg";
+    layout: "vertical" | "horizontal";
+    errorDisplay: boolean;
     phoneCountryCode: number;
 }>;
 export default _default;

package/dist/types/components/forms/SelectInput.vue.d.ts

@@ -56,10 +56,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
 }>>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    errorDisplay: boolean;
-    layout: "vertical" | "horizontal";
     size: "sm" | "md" | "lg";
+    layout: "vertical" | "horizontal";
     placeholder: string;
+    errorDisplay: boolean;
     disabled: boolean | "true" | "false";
 }>;
 export default _default;

package/dist/types/components/forms/SelectionTiles.vue.d.ts

@@ -1,13 +1,36 @@
 import { TileOption } from "../../types/TileOption";
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     options: TileOption[];
-    modelValue: [String, Number, Boolean];
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    modelValue: any;
+    layout?: "image" | "list" | "grid" | undefined;
+    multiselect?: boolean | undefined;
+    error?: string | undefined;
+    validation?: any;
+    errorDisplay?: boolean | undefined;
+}>, {
+    layout: string;
+    errorDisplay: boolean;
+}>, {
+    errorMessage: import("vue").Ref<string | undefined>;
+    meta: import("vee-validate").FieldMeta<any>;
+    validate: (opts?: Partial<import("vee-validate").ValidationOptions> | undefined) => Promise<import("vee-validate").ValidationResult>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     options: TileOption[];
-    modelValue: [String, Number, Boolean];
+    modelValue: any;
+    layout?: "image" | "list" | "grid" | undefined;
+    multiselect?: boolean | undefined;
+    error?: string | undefined;
+    validation?: any;
+    errorDisplay?: boolean | undefined;
+}>, {
+    layout: string;
+    errorDisplay: boolean;
 }>>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {}>;
+}, {
+    layout: "list" | "grid" | "image";
+    errorDisplay: boolean;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -18,3 +41,8 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

package/dist/types/components/forms/TextInput.vue.d.ts

@@ -5,7 +5,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     placeholder?: InputHTMLAttributes["placeholder"];
     layout?: "vertical" | "horizontal" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
-    error?: string | undefined;
     validation?: any;
     errorDisplay?: boolean | undefined;
     modelValue: InputHTMLAttributes["value"];
@@ -17,7 +16,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     type?: InputHTMLAttributes["type"];
     autocomplete?: InputHTMLAttributes["autocomplete"];
     suffix?: string | undefined;
-    prefix?: string | undefined;
 }>, {
     layout: string;
     size: string;
@@ -33,7 +31,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     placeholder?: InputHTMLAttributes["placeholder"];
     layout?: "vertical" | "horizontal" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
-    error?: string | undefined;
     validation?: any;
     errorDisplay?: boolean | undefined;
     modelValue: InputHTMLAttributes["value"];
@@ -45,7 +42,6 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     type?: InputHTMLAttributes["type"];
     autocomplete?: InputHTMLAttributes["autocomplete"];
     suffix?: string | undefined;
-    prefix?: string | undefined;
 }>, {
     layout: string;
     size: string;
@@ -55,9 +51,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     type: string;
-    errorDisplay: boolean;
-    layout: "vertical" | "horizontal";
     size: "sm" | "md" | "lg";
+    layout: "vertical" | "horizontal";
+    errorDisplay: boolean;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/types/components/index.d.ts

@@ -3,15 +3,23 @@ import CjaButton from "./structural/CjaButton.vue";
 import LoadingSpinner from "./structural/LoadingSpinner.vue";
 import ContentTabs from "./structural/ContentTabs.vue";
 import Scaffold from "./structural/Scaffold.vue";
+import GridContainer from "./structural/GridContainer.vue";
+import GridItem from "./structural/GridItem.vue";
 import TextInput from "./forms/TextInput.vue";
 import PhoneInput from "./forms/PhoneInput.vue";
 import CheckboxInput from "./forms/CheckboxInput.vue";
 import TileCheckboxInput from "./forms/TileCheckboxInput.vue";
 import SelectInput from "./forms/SelectInput.vue";
 import FileInput from "./forms/FileInput.vue";
+import NumberInput from "./forms/NumberInput.vue";
 import InputToggle from "./forms/InputToggle.vue";
 import CollapseContainer from "./structural/CollapseContainer.vue";
-import GridContainer from "./structural/GridContainer.vue";
-import GridItem from "./structural/GridItem.vue";
+import SelectionTiles from "./forms/SelectionTiles.vue";
+import JourneyMacroSteps from "./composite/JourneyMacroSteps.vue";
+import FunnelLayout from "./composite/FunnelLayout.vue";
+import FunnelSubmit from "./composite/FunnelSubmit.vue";
+import FunnelSummary from "./composite/FunnelSummary.vue";
+import FunnelTitle from "./composite/FunnelTitle.vue";
 import ProductDetails from "./composite/ProductDetails.vue";
-export { Modal, CjaButton, TextInput, PhoneInput, CheckboxInput, TileCheckboxInput, SelectInput, LoadingSpinner, Scaffold, ProductDetails, InputToggle, FileInput, ContentTabs, CollapseContainer, GridContainer, GridItem, };
+import CjaMenuBar from "./composite/CjaMenuBar.vue";
+export { Modal, CjaButton, TextInput, PhoneInput, CheckboxInput, TileCheckboxInput, NumberInput, SelectInput, SelectionTiles, LoadingSpinner, Scaffold, ProductDetails, InputToggle, FileInput, ContentTabs, CollapseContainer, GridContainer, GridItem, FunnelLayout, FunnelSubmit, FunnelSummary, FunnelTitle, JourneyMacroSteps, CjaMenuBar, };

package/dist/types/components/structural/CjaButton.vue.d.ts

@@ -3,7 +3,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     color?: "blue" | "orange" | "white" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     icon?: string | undefined;
-    iconPosition?: "right" | "left" | undefined;
+    iconPosition?: "left" | "right" | undefined;
+    loading?: boolean | undefined;
 }>, {
     type: string;
     color: string;
@@ -14,7 +15,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     color?: "blue" | "orange" | "white" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     icon?: string | undefined;
-    iconPosition?: "right" | "left" | undefined;
+    iconPosition?: "left" | "right" | undefined;
+    loading?: boolean | undefined;
 }>, {
     type: string;
     color: string;

package/dist/types/components/structural/GridItem.vue.d.ts

@@ -1,11 +1,11 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    sizeSm: 1 | 2 | 3 | 4;
-    sizeMd: 1 | 2 | 3 | 4;
-    sizeLg: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    sizeSm?: 2 | 1 | 3 | 4 | undefined;
+    sizeMd?: 2 | 1 | 3 | 4 | undefined;
+    sizeLg?: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | undefined;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    sizeSm: 1 | 2 | 3 | 4;
-    sizeMd: 1 | 2 | 3 | 4;
-    sizeLg: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+    sizeSm?: 2 | 1 | 3 | 4 | undefined;
+    sizeMd?: 2 | 1 | 3 | 4 | undefined;
+    sizeLg?: 2 | 1 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | undefined;
 }>>>, {}>, {
     default: (_: {}) => any;
 }>;

package/dist/types/index.d.ts

@@ -6,6 +6,7 @@ declare const _default: {
     install: typeof install;
 };
 export default _default;
+export * from "./types";
 export * from "./components";
 export * from "./constants";
 export * from "./utils";

package/dist/types/types/MacroStep.d.ts

@@ -0,0 +1,5 @@
+export interface MacroStep {
+    label: string;
+    icon: string;
+    status: "past" | "current" | "future";
+}

package/dist/types/types/TileOption.d.ts

@@ -1,7 +1,8 @@
 export interface TileOption {
-    value: [string, number, boolean];
-    title: string;
+    value: any;
+    label: string;
     description?: string;
+    descriptionLong?: string;
     tooltip?: string;
     image?: string;
 }

package/dist/types/types/index.d.ts

@@ -0,0 +1,5 @@
+import { MacroStep } from "./MacroStep";
+import { Tab } from "./Tab";
+import { SelectOption } from "./SelectOption";
+import { TileOption } from "./TileOption";
+export type { MacroStep, Tab, SelectOption, TileOption };

package/dist/types/utils/RouteGenerator.d.ts

@@ -1,2 +1,2 @@
 import { RouteRecordRaw } from "vue-router";
-export declare const generateRoutes: (routes: RouteRecordRaw[]) => RouteRecordRaw[];
+export declare const generateRoutes: (routes: any[]) => RouteRecordRaw[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cja-phoenix",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "scripts": {
     "build:dev": "rimraf dist && vue-tsc && vite build -m development",
     "build:link": "rimraf dist && vue-tsc && vite build -m development && npm link",
@@ -34,9 +34,9 @@
     "vite": "^3.0.0",
     "vitepress": "^0.21.6",
     "vue": "^3.2.25",
+    "vue-router": "^4.1.6",
     "vue-tippy": "^6.0.0",
-    "vue-tsc": "^1.0.24",
-    "vue-router": "^4.1.6"
+    "vue-tsc": "^1.0.24"
   },
   "files": [
     "src",

package/src/assets/iconia/demo.html

@@ -9,10 +9,66 @@
     <link rel="stylesheet" href="style.css"></head>
 <body>
     <div class="bgc1 clearfix">
-        <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> CGG-icomoon <small class="fgc1">(Glyphs:&nbsp;495)</small></h1>
+        <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> CGG-icomoon <small class="fgc1">(Glyphs:&nbsp;499)</small></h1>
     </div>
     <div class="clearfix mhl ptl">
         <h1 class="mvm mtn fgc1">Grid Size: 32</h1>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="m-cgg-icon--macro-step-contact"></span>
+                <span class="mls"> m-cgg-icon--macro-step-contact</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="ea24" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xea24;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="m-cgg-icon--macro-step-checkout"></span>
+                <span class="mls"> m-cgg-icon--macro-step-checkout</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="ea2e" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xea2e;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="m-cgg-icon--macro-step-results"></span>
+                <span class="mls"> m-cgg-icon--macro-step-results</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="ea2f" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xea2f;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="m-cgg-icon--macro-step-funnel"></span>
+                <span class="mls"> m-cgg-icon--macro-step-funnel</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="ea30" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xea30;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-true">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
         <div class="glyph fs1">
             <div class="clearfix bshadow0 pbs">
                 <span class="m-cgg-icon--affiliates-add"></span>

package/src/assets/iconia/fonts/CGG-icomoon.svg

@@ -495,6 +495,7 @@
 <glyph unicode="&#xea21;" glyph-name="grid-mode" horiz-adv-x="1280" d="M1152 960h-1024c-70.4 0-128-57.6-128-128v-768c0-70.4 57.6-128 128-128h1024c70.4 0 128 57.6 128 128v768c0 70.4-57.6 128-128 128zM384 512h-256v320h256v-320zM768 512h-256v320h256v-320zM1152 512h-256v320h256v-320zM384 64h-256v320h256v-320zM768 64h-256v320h256v-320zM1152 64h-256v320h256v-320z" />
 <glyph unicode="&#xea22;" glyph-name="list-mode" d="M910.222 391.111h-796.444c-62.578 0-113.778-51.2-113.778-113.778v-227.556c0-62.578 51.2-113.778 113.778-113.778h796.444c62.578 0 113.778 51.2 113.778 113.778v227.556c0 62.578-51.2 113.778-113.778 113.778zM910.222 49.778h-796.444v227.556h796.444v-227.556zM910.222 960h-796.444c-62.578 0-113.778-51.2-113.778-113.778v-227.556c0-62.578 51.2-113.778 113.778-113.778h796.444c62.578 0 113.778 51.2 113.778 113.778v227.556c0 62.578-51.2 113.778-113.778 113.778zM910.222 618.667h-796.444v227.556h796.444v-227.556z" />
 <glyph unicode="&#xea23;" glyph-name="dashboard" d="M56.889 391.111h341.333c31.289 0 56.889 25.6 56.889 56.889v455.11c0 31.289-25.6 56.889-56.889 56.889h-341.333c-31.289 0-56.889-25.6-56.889-56.889v-455.11c0-31.289 25.6-56.889 56.889-56.889zM56.889-63.999h341.333c31.289 0 56.889 25.6 56.889 56.889v227.556c0 31.289-25.6 56.889-56.889 56.889h-341.333c-31.289 0-56.889-25.6-56.889-56.889v-227.556c0-31.289 25.6-56.889 56.889-56.889zM625.777-63.999h341.333c31.289 0 56.889 25.6 56.889 56.889v455.11c0 31.289-25.6 56.889-56.889 56.889h-341.333c-31.289 0-56.889-25.6-56.889-56.889v-455.11c0-31.289 25.6-56.889 56.889-56.889zM568.889 903.11v-227.556c0-31.289 25.6-56.889 56.889-56.889h341.333c31.289 0 56.889 25.6 56.889 56.889v227.556c0 31.289-25.6 56.889-56.889 56.889h-341.333c-31.289 0-56.889-25.6-56.889-56.889z" />
+<glyph unicode="&#xea24;" glyph-name="macro-step-contact" d="M843.346-64.001c-4.453 0-8.905 0-13.357 0-142.469 17.809-284.938 66.783-405.146 142.469-111.304 71.235-209.252 169.181-280.487 280.487-80.138 120.209-129.112 262.678-142.469 405.146 0 17.809 0 35.617 4.453 53.426 8.905 22.261 17.809 35.617 31.166 48.974s26.712 26.712 44.521 31.166c17.809 8.905 35.617 13.357 53.426 13.357h133.564c31.166 0 62.329-13.357 89.043-31.166 26.712-22.261 40.070-48.974 44.521-84.592 4.453-40.070 13.357-80.138 26.712-115.755 8.905-22.261 8.905-48.974 4.453-75.687s-17.809-48.974-35.617-66.783l-31.166-31.166c53.426-80.138 120.209-151.373 204.799-204.799l31.166 31.166c17.809 17.809 40.070 31.166 66.783 35.617s48.974 4.453 75.687-4.453c35.617-13.357 75.687-22.261 115.755-26.712 31.166-4.453 62.329-22.261 84.592-44.521 22.261-26.712 31.166-57.879 31.166-89.043v-133.564c0-17.809-4.453-35.617-13.357-53.426s-17.809-31.166-31.166-44.521c-13.357-13.357-31.166-22.261-48.974-26.712-8.905-8.905-26.712-8.905-40.070-8.905zM269.018 821.98c0 0 0 0 0 0h-133.564c-4.453 0-13.357 0-17.809-4.453-4.453 0-8.905-4.453-13.357-8.905s-8.905-8.905-8.905-17.809c0-4.453-4.453-13.357 0-17.809 8.905-129.112 53.426-253.773 124.661-365.077 66.783-102.4 151.373-191.444 253.773-253.773 111.304-71.235 235.964-115.755 365.077-129.112 4.453 0 13.357 0 17.809 4.453 4.453 0 13.357 4.453 17.809 8.905s8.905 8.905 8.905 13.357c4.453 4.453 4.453 13.357 4.453 17.809v133.564c0 0 0 0 0 0 0 8.905-4.453 22.261-8.905 31.166-8.905 8.905-17.809 13.357-26.712 13.357-44.521 4.453-89.043 17.809-133.564 35.617-8.905 4.453-17.809 4.453-26.712 0-8.905 0-17.809-4.453-22.261-13.357l-57.879-57.879c-13.357-13.357-35.617-17.809-53.426-8.905-120.209 66.783-218.156 164.73-284.938 284.938-8.905 22.261-4.453 44.521 8.905 57.879l57.879 57.879c4.453 4.453 8.905 13.357 13.357 22.261 0 8.905 0 17.809 0 26.712-17.809 44.521-26.712 89.043-35.617 133.564 0 8.905-8.905 22.261-13.357 26.712-13.357 4.453-22.261 8.905-35.617 8.905zM798.826 510.328c-22.261 0-40.070 13.357-44.521 35.617-8.905 35.617-22.261 66.783-48.974 93.496s-57.879 40.070-93.496 48.974c-22.261 4.453-40.070 26.712-35.617 53.426 4.453 22.261 26.712 40.070 53.426 35.617 53.426-8.905 97.947-35.617 138.018-71.235 35.617-35.617 62.329-84.592 71.235-138.018 4.453-22.261-8.905-48.974-35.617-53.426 0 0 0-4.453-4.453-4.453zM976.911 514.782c-22.261 0-40.070 17.809-44.521 40.070-8.905 80.138-44.521 155.826-102.4 213.704s-133.564 93.496-213.704 102.4c-22.261 4.453-40.070 26.712-40.070 48.974 4.453 22.261 26.712 40.070 48.974 40.070 97.947-8.905 195.895-57.879 267.129-129.112s115.755-164.73 129.112-267.129c4.453-22.261-13.357-44.521-40.070-48.974 0 0-4.453 0-4.453 0z" />
 <glyph unicode="&#xea25;" glyph-name="item-list" d="M60.236 327.53h120.47c33.13 0 60.236 27.106 60.236 60.236v120.47c0 33.13-27.106 60.236-60.236 60.236h-120.47c-33.13 0-60.236-27.106-60.236-60.236v-120.47c0-33.13 27.106-60.236 60.236-60.236zM60.236 26.353h120.47c33.13 0 60.236 27.106 60.236 60.236v120.47c0 33.13-27.106 60.236-60.236 60.236h-120.47c-33.13 0-60.236-27.106-60.236-60.236v-120.47c0-33.13 27.106-60.236 60.236-60.236zM60.236 628.706h120.47c33.13 0 60.236 27.106 60.236 60.236v120.47c0 33.13-27.106 60.236-60.236 60.236h-120.47c-33.13 0-60.236-27.106-60.236-60.236v-120.47c0-33.13 27.106-60.236 60.236-60.236zM361.411 327.53h602.353c33.13 0 60.236 27.106 60.236 60.236v120.47c0 33.13-27.106 60.236-60.236 60.236h-602.353c-33.13 0-60.236-27.106-60.236-60.236v-120.47c0-33.13 27.106-60.236 60.236-60.236zM361.411 26.353h602.353c33.13 0 60.236 27.106 60.236 60.236v120.47c0 33.13-27.106 60.236-60.236 60.236h-602.353c-33.13 0-60.236-27.106-60.236-60.236v-120.47c0-33.13 27.106-60.236 60.236-60.236zM301.176 809.411v-120.47c0-33.13 27.106-60.236 60.236-60.236h602.353c33.13 0 60.236 27.106 60.236 60.236v120.47c0 33.13-27.106 60.236-60.236 60.236h-602.353c-33.13 0-60.236-27.106-60.236-60.236z" />
 <glyph unicode="&#xea26;" glyph-name="upload-cloud" d="M825.6 539.229c-29.012 160.582-158.292 281.135-313.601 281.135-123.305 0-230.398-76.335-283.732-188.044-128.426-14.895-228.267-133.586-228.267-277.411 0-154.066 114.773-279.273 256.001-279.273h554.667c117.76 0 213.332 104.262 213.332 232.728 0 122.88-87.463 222.488-198.4 230.866zM597.337 401.454v-186.182h-170.669v186.182h-128l198.4 216.437c8.532 9.309 21.76 9.309 30.292 0l197.977-216.437h-128z" />
 <glyph unicode="&#xea27;" glyph-name="tiktok" d="M524.849 740.062c31.908 0.494 63.634 0.201 95.323 0.494 1.919-37.321 15.342-75.337 42.66-101.724 27.265-27.042 65.829-39.424 103.351-43.611v-98.175c-35.164 1.15-70.492 8.467-102.4 23.605-13.897 6.293-26.843 14.392-39.515 22.674-0.164-71.241 0.293-142.389-0.456-213.337-1.902-34.085-13.148-68.005-32.97-96.092-31.89-46.756-87.242-77.239-144.091-78.19-34.872-1.992-69.705 7.516-99.419 25.032-49.246 29.038-83.896 82.195-88.943 139.246-0.585 12.197-0.786 24.374-0.293 36.279 4.389 46.39 27.336 90.77 62.956 120.961 40.375 35.164 96.935 51.911 149.89 42.002 0.492-36.115-0.951-72.192-0.951-108.307-24.193 7.826-52.464 5.632-73.602-9.052-15.433-10-27.154-25.325-33.26-42.66-5.047-12.361-3.604-26.094-3.312-39.222 5.799-40.009 44.272-73.637 85.34-69.998 27.227 0.293 53.321 16.091 67.511 39.222 4.59 8.101 9.728 16.384 10.003 25.91 2.396 43.614 1.445 87.043 1.738 130.654 0.199 98.284-0.293 196.298 0.456 294.271l-0.018 0.018z" />
@@ -504,4 +505,7 @@
 <glyph unicode="&#xea2b;" glyph-name="affiliates-home" horiz-adv-x="1144" d="M433.565 17.016v301.176h240.944v-301.176c0-33.129 27.106-60.235 60.235-60.235h180.706c33.129 0 60.235 27.106 60.235 60.235v421.647h102.4c27.708 0 40.96 34.334 19.878 52.405l-503.57 453.572c-22.889 20.48-57.826 20.48-80.715 0l-503.567-453.572c-20.48-18.071-7.831-52.405 19.878-52.405h102.4v-421.647c0-33.129 27.106-60.235 60.235-60.235h180.706c33.129 0 60.235 27.106 60.235 60.235z" />
 <glyph unicode="&#xea2c;" glyph-name="affiliates-settings" d="M878.556 397.824c2.048 16.384 3.584 32.768 3.584 50.176s-1.536 33.792-3.584 50.176l108.032 84.48c9.728 7.68 12.288 21.504 6.144 32.768l-102.4 177.152c-6.144 11.264-19.968 15.36-31.232 11.264l-127.488-51.2c-26.624 20.48-55.296 37.376-86.528 50.176l-19.456 135.68c-1.536 12.288-12.288 21.504-25.088 21.504h-204.798c-12.8 0-23.552-9.216-25.088-21.504l-19.456-135.68c-31.232-12.8-59.904-30.208-86.528-50.176l-127.488 51.2c-11.776 4.608-25.088 0-31.232-11.264l-102.4-177.152c-6.656-11.264-3.584-25.088 6.144-32.768l108.032-84.48c-2.048-16.384-3.584-33.28-3.584-50.176s1.536-33.792 3.584-50.176l-108.032-84.48c-9.728-7.68-12.288-21.504-6.144-32.768l102.4-177.152c6.144-11.264 19.968-15.36 31.232-11.264l127.488 51.2c26.624-20.48 55.296-37.376 86.528-50.176l19.456-135.68c1.536-12.288 12.288-21.504 25.088-21.504h204.798c12.8 0 23.552 9.216 25.088 21.504l19.456 135.68c31.232 12.8 59.904 30.208 86.528 50.176l127.488-51.2c11.776-4.608 25.088 0 31.232 11.264l102.4 177.152c6.144 11.264 3.584 25.088-6.144 32.768l-108.032 84.48zM498.142 268.8c-98.816 0-179.2 80.384-179.2 179.2s80.384 179.2 179.2 179.2c98.814 0 179.198-80.384 179.198-179.2s-80.384-179.2-179.198-179.2z" />
 <glyph unicode="&#xea2d;" glyph-name="copy" horiz-adv-x="884" d="M604.843 959.791h-511.791c-51.179 0-93.053-41.874-93.053-93.053v-604.844c0-25.59 20.936-46.526 46.526-46.526s46.526 20.936 46.526 46.526v558.317c0 25.59 20.936 46.526 46.526 46.526h465.265c25.59 0 46.526 20.936 46.526 46.526s-20.936 46.526-46.526 46.526zM186.105 29.262c0-51.179 41.408-93.053 92.587-93.053h512.256c51.179 0 93.053 41.874 93.053 93.053v426.648c0 24.659-9.771 48.387-26.985 65.602l-224.723 224.723c-17.68 17.68-41.408 27.451-66.068 27.451h-287.068c-51.179 0-92.587-41.874-92.587-93.053l-0.465-651.37zM279.623 680.632h232.167v-179.459c0-29.245 26.171-53.173 58.158-53.173h215.185c1.991 0 3.936 0.186 5.816 0.54v-419.278h-511.791l0.465 651.37zM745.758 501.173h-146.73c-15.995 0-29.079 11.964-29.079 26.586v149.224l175.809-175.81z" />
+<glyph unicode="&#xea2e;" glyph-name="macro-step-checkout" d="M40.675 821.128c26.044 26.044 61.365 40.674 98.196 40.674h324.031c25.566 0 46.29-20.725 46.29-46.29s-20.724-46.29-46.29-46.29h-324.031c-12.277 0-24.051-4.877-32.732-13.558s-13.558-20.455-13.558-32.732v-648.062c0-12.276 4.877-24.053 13.558-32.732s20.455-13.558 32.732-13.558h648.062c12.276 0 24.053 4.879 32.732 13.558s13.558 20.455 13.558 32.732v324.031c0 25.566 20.724 46.29 46.29 46.29s46.29-20.724 46.29-46.29v-324.031c0-36.833-14.632-72.153-40.675-98.195s-61.362-40.675-98.195-40.675h-648.062c-36.831 0-72.153 14.632-98.196 40.675s-40.674 61.362-40.674 98.195v648.062c0 36.831 14.631 72.153 40.674 98.196zM879.513 867.418c-13.767 0-26.969-5.469-36.703-15.203l-430.688-430.688-24.469-97.875 97.876 24.469 430.688 430.689c9.735 9.734 15.202 22.937 15.202 36.703s-5.467 26.969-15.202 36.703c-9.735 9.734-22.936 15.203-36.703 15.203zM777.347 917.681c27.098 27.097 63.848 42.32 102.167 42.32s75.073-15.223 102.167-42.32c27.098-27.096 42.319-63.847 42.319-102.167s-15.22-75.071-42.319-102.167l-439.756-439.757c-5.93-5.93-13.364-10.142-21.502-12.174l-185.162-46.29c-15.775-3.944-32.462 0.676-43.959 12.174s-16.12 28.186-12.176 43.962l46.29 185.161c2.035 8.138 6.244 15.572 12.176 21.502l439.756 439.757z" />
+<glyph unicode="&#xea2f;" glyph-name="macro-step-results" d="M512 866.909c-231.357 0-418.909-187.552-418.909-418.909 0-231.359 187.552-418.909 418.909-418.909 231.359 0 418.909 187.55 418.909 418.909 0 231.357-187.55 418.909-418.909 418.909zM0 448c0 282.77 229.231 512 512 512s512-229.231 512-512c0-282.768-229.232-512-512-512-282.77 0-512 229.232-512 512zM742.256 678.264c12.465-12.466 16.822-30.907 11.245-47.631l-98.676-296.031c-4.636-13.898-15.541-24.804-29.44-29.435l-296.028-98.676c-16.725-5.576-35.165-1.224-47.631 11.245-12.467 12.465-16.82 30.907-11.244 47.63l98.676 296.029c4.633 13.899 15.539 24.805 29.438 29.438l296.031 98.676c16.724 5.575 35.165 1.222 47.63-11.244zM450.113 509.877l-61.881-185.637 185.636 61.877 61.882 185.638-185.637-61.879z" />
+<glyph unicode="&#xea30;" glyph-name="macro-step-funnel" d="M512 857.6c-84.833 0-153.6-68.77-153.6-153.6s68.767-153.6 153.6-153.6c84.833 0 153.6 68.77 153.6 153.6s-68.767 153.6-153.6 153.6zM256 704c0 141.385 114.616 256 256 256s256-114.616 256-256c0-141.385-114.617-256-256-256s-256 114.616-256 256zM126.181 270.618c48.010 48.011 113.124 74.982 181.019 74.982h409.6c67.896 0 133.013-26.972 181.018-74.982 48.011-48.005 74.982-113.122 74.982-181.018v-102.4c0-28.278-22.922-51.2-51.2-51.2s-51.2 22.922-51.2 51.2v102.4c0 40.735-16.184 79.806-44.989 108.611s-67.876 44.989-108.611 44.989h-409.6c-40.738 0-79.806-16.184-108.612-44.989s-44.988-67.876-44.988-108.611v-102.4c0-28.278-22.924-51.2-51.2-51.2s-51.2 22.922-51.2 51.2v102.4c0 67.896 26.971 133.013 74.981 181.018z" />
 </font></defs></svg>