@antelopejs/dms-marketing 0.6.0 → 0.7.0

package/dist/types/snapshots.d.ts

@@ -12,11 +12,11 @@ export declare const snapshotRequestSchema: z.ZodUnion<[z.ZodObject<{
         width: z.ZodNumber;
         height: z.ZodNumber;
     }, "strip", z.ZodTypeAny, {
-        width: number;
         height: number;
-    }, {
         width: number;
+    }, {
         height: number;
+        width: number;
     }>;
     colorScheme: z.ZodOptional<z.ZodEnum<["light", "dark"]>>;
     token: z.ZodString;
@@ -25,40 +25,40 @@ export declare const snapshotRequestSchema: z.ZodUnion<[z.ZodObject<{
         width: z.ZodNumber;
         height: z.ZodNumber;
     }, "strip", z.ZodTypeAny, {
-        width: number;
         height: number;
-    }, {
         width: number;
+    }, {
         height: number;
+        width: number;
     }>;
     html: z.ZodString;
 }, "strip", z.ZodTypeAny, {
     url: string;
+    token: string;
+    html: string;
     website: string;
     viewport: {
-        width: number;
         height: number;
+        width: number;
     };
-    token: string;
     document: {
-        width: number;
         height: number;
+        width: number;
     };
-    html: string;
     colorScheme?: "light" | "dark" | undefined;
 }, {
     url: string;
+    token: string;
+    html: string;
     website: string;
     viewport: {
-        width: number;
         height: number;
+        width: number;
     };
-    token: string;
     document: {
-        width: number;
         height: number;
+        width: number;
     };
-    html: string;
     colorScheme?: "light" | "dark" | undefined;
 }>, z.ZodObject<{
     website: z.ZodString;
@@ -67,11 +67,11 @@ export declare const snapshotRequestSchema: z.ZodUnion<[z.ZodObject<{
         width: z.ZodNumber;
         height: z.ZodNumber;
     }, "strip", z.ZodTypeAny, {
-        width: number;
         height: number;
-    }, {
         width: number;
+    }, {
         height: number;
+        width: number;
     }>;
     colorScheme: z.ZodOptional<z.ZodEnum<["light", "dark"]>>;
     token: z.ZodString;
@@ -79,22 +79,22 @@ export declare const snapshotRequestSchema: z.ZodUnion<[z.ZodObject<{
     oversizeBytes: z.ZodNumber;
 }, "strip", z.ZodTypeAny, {
     url: string;
+    token: string;
     website: string;
     viewport: {
-        width: number;
         height: number;
+        width: number;
     };
-    token: string;
     oversizeBytes: number;
     colorScheme?: "light" | "dark" | undefined;
 }, {
     url: string;
+    token: string;
     website: string;
     viewport: {
-        width: number;
         height: number;
+        width: number;
     };
-    token: string;
     oversizeBytes: number;
     colorScheme?: "light" | "dark" | undefined;
 }>]>;
@@ -106,52 +106,52 @@ export declare const snapshotDeclarationSchema: z.ZodObject<Omit<{
         width: z.ZodNumber;
         height: z.ZodNumber;
     }, "strip", z.ZodTypeAny, {
-        width: number;
         height: number;
-    }, {
         width: number;
+    }, {
         height: number;
+        width: number;
     }>;
     colorScheme: z.ZodOptional<z.ZodEnum<["light", "dark"]>>;
     token: z.ZodString;
-}, "website" | "token"> & {
+}, "token" | "website"> & {
     websiteId: z.ZodString;
     document: z.ZodObject<{
         width: z.ZodNumber;
         height: z.ZodNumber;
     }, "strip", z.ZodTypeAny, {
-        width: number;
         height: number;
-    }, {
         width: number;
+    }, {
         height: number;
+        width: number;
     }>;
     html: z.ZodString;
 }, "strip", z.ZodTypeAny, {
     url: string;
+    html: string;
     websiteId: string;
     viewport: {
-        width: number;
         height: number;
+        width: number;
     };
     document: {
-        width: number;
         height: number;
+        width: number;
     };
-    html: string;
     colorScheme?: "light" | "dark" | undefined;
 }, {
     url: string;
+    html: string;
     websiteId: string;
     viewport: {
-        width: number;
         height: number;
+        width: number;
     };
     document: {
-        width: number;
         height: number;
+        width: number;
     };
-    html: string;
     colorScheme?: "light" | "dark" | undefined;
 }>;
 export {};

package/dist/types/snapshots.js

@@ -34,7 +34,7 @@ const snapshotPageSchema = zod_1.z.object({
 exports.snapshotRequestSchema = zod_1.z.union([
     snapshotPageSchema.extend({
         document: dimensionSchema(constants_1.MAX_SNAPSHOT_DOCUMENT_PX),
-        html: zod_1.z.string().min(1).max(constants_1.MAX_SNAPSHOT_BYTES),
+        html: zod_1.z.string().min(1).max(constants_1.MAX_SNAPSHOT_INFLATED_BYTES),
     }),
     snapshotPageSchema.extend({
         oversizeBytes: zod_1.z.number().int().positive().max(constants_1.MAX_REPORTED_SNAPSHOT_BYTES),

package/dist/types/snapshots.js.map

@@ -1 +1 @@
-{"version":3,"file":"snapshots.js","sourceRoot":"","sources":["../../src/types/snapshots.ts"],"names":[],"mappings":";;;AA0BA,sCAKC;AAED,4CAEC;AAnCD,6BAAwB;AACxB,2CAOqB;AAErB,MAAM,yBAAyB,GAAG,EAAE,CAAC;AAMxB,QAAA,gBAAgB,GAAG,CAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAU,CAAC;AAIxE,MAAM,iBAAiB,GAAmC;IACxD,OAAO,EAAE,IAAI;IACb,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,CAAC;CACT,CAAC;AAEF,SAAgB,aAAa,CAAC,KAAa;IACzC,OAAO,CACL,wBAAgB,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,KAAK,IAAI,iBAAiB,CAAC,MAAM,CAAC,CAAC;QACrE,OAAO,CACR,CAAC;AACJ,CAAC;AAED,SAAgB,gBAAgB,CAAC,KAAc;IAC7C,OAAO,wBAAgB,CAAC,QAAQ,CAAC,KAAuB,CAAC,CAAC;AAC5D,CAAC;AAED,MAAM,sBAAsB,GAAG,CAAC,OAAO,EAAE,MAAM,CAAU,CAAC;AAI1D,MAAM,eAAe,GAAG,CAAC,GAAW,EAAE,EAAE,CACtC,OAAC,CAAC,MAAM,CAAC;IACP,KAAK,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC;IACvC,MAAM,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC;CACzC,CAAC,CAAC;AAEL,MAAM,kBAAkB,GAAG,OAAC,CAAC,MAAM,CAAC;IAClC,OAAO,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,iCAAqB,CAAC;IAErD,GAAG,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,0BAAc,CAAC;IAC1C,QAAQ,EAAE,eAAe,CAAC,oCAAwB,CAAC;IACnD,WAAW,EAAE,OAAC,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC,QAAQ,EAAE;IAEtD,KAAK,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,yBAAyB,CAAC;CACxD,CAAC,CAAC;AAGU,QAAA,qBAAqB,GAAG,OAAC,CAAC,KAAK,CAAC;IAC3C,kBAAkB,CAAC,MAAM,CAAC;QACxB,QAAQ,EAAE,eAAe,CAAC,oCAAwB,CAAC;QACnD,IAAI,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,8BAAkB,CAAC;KAChD,CAAC;IACF,kBAAkB,CAAC,MAAM,CAAC;QACxB,aAAa,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,GAAG,CAAC,uCAA2B,CAAC;KAC5E,CAAC;CACH,CAAC,CAAC;AAMU,QAAA,yBAAyB,GAAG,kBAAkB;KACxD,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;KACpC,MAAM,CAAC;IACN,SAAS,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAC5B,QAAQ,EAAE,eAAe,CAAC,oCAAwB,CAAC;IACnD,IAAI,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,8BAAkB,CAAC;CAChD,CAAC,CAAC"}
+{"version":3,"file":"snapshots.js","sourceRoot":"","sources":["../../src/types/snapshots.ts"],"names":[],"mappings":";;;AA2BA,sCAKC;AAED,4CAEC;AApCD,6BAAwB;AACxB,2CAQqB;AAErB,MAAM,yBAAyB,GAAG,EAAE,CAAC;AAMxB,QAAA,gBAAgB,GAAG,CAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAU,CAAC;AAIxE,MAAM,iBAAiB,GAAmC;IACxD,OAAO,EAAE,IAAI;IACb,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,CAAC;CACT,CAAC;AAEF,SAAgB,aAAa,CAAC,KAAa;IACzC,OAAO,CACL,wBAAgB,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,KAAK,IAAI,iBAAiB,CAAC,MAAM,CAAC,CAAC;QACrE,OAAO,CACR,CAAC;AACJ,CAAC;AAED,SAAgB,gBAAgB,CAAC,KAAc;IAC7C,OAAO,wBAAgB,CAAC,QAAQ,CAAC,KAAuB,CAAC,CAAC;AAC5D,CAAC;AAED,MAAM,sBAAsB,GAAG,CAAC,OAAO,EAAE,MAAM,CAAU,CAAC;AAI1D,MAAM,eAAe,GAAG,CAAC,GAAW,EAAE,EAAE,CACtC,OAAC,CAAC,MAAM,CAAC;IACP,KAAK,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC;IACvC,MAAM,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC;CACzC,CAAC,CAAC;AAEL,MAAM,kBAAkB,GAAG,OAAC,CAAC,MAAM,CAAC;IAClC,OAAO,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,iCAAqB,CAAC;IAErD,GAAG,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,0BAAc,CAAC;IAC1C,QAAQ,EAAE,eAAe,CAAC,oCAAwB,CAAC;IACnD,WAAW,EAAE,OAAC,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC,QAAQ,EAAE;IAEtD,KAAK,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,yBAAyB,CAAC;CACxD,CAAC,CAAC;AAGU,QAAA,qBAAqB,GAAG,OAAC,CAAC,KAAK,CAAC;IAC3C,kBAAkB,CAAC,MAAM,CAAC;QACxB,QAAQ,EAAE,eAAe,CAAC,oCAAwB,CAAC;QAEnD,IAAI,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,uCAA2B,CAAC;KACzD,CAAC;IACF,kBAAkB,CAAC,MAAM,CAAC;QACxB,aAAa,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,GAAG,CAAC,uCAA2B,CAAC;KAC5E,CAAC;CACH,CAAC,CAAC;AAMU,QAAA,yBAAyB,GAAG,kBAAkB;KACxD,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;KACpC,MAAM,CAAC;IACN,SAAS,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAC5B,QAAQ,EAAE,eAAe,CAAC,oCAAwB,CAAC;IACnD,IAAI,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,8BAAkB,CAAC;CAChD,CAAC,CAAC"}

package/dist/utils/funnel-steps-type.d.ts

@@ -4,16 +4,16 @@ declare const stepSchema: z.ZodEffects<z.ZodObject<{
     kind: z.ZodEnum<["url", "custom"]>;
     value: z.ZodString;
 }, "strip", z.ZodTypeAny, {
-    kind: "url" | "custom";
+    kind: "custom" | "url";
     value: string;
 }, {
-    kind: "url" | "custom";
+    kind: "custom" | "url";
     value: string;
 }>, {
-    kind: "url" | "custom";
+    kind: "custom" | "url";
     value: string;
 }, {
-    kind: "url" | "custom";
+    kind: "custom" | "url";
     value: string;
 }>;
 export type FunnelStepInput = z.output<typeof stepSchema>;
@@ -26,34 +26,34 @@ export declare class FunnelStepsType extends DataType {
         kind: z.ZodEnum<["url", "custom"]>;
         value: z.ZodString;
     }, "strip", z.ZodTypeAny, {
-        kind: "url" | "custom";
+        kind: "custom" | "url";
         value: string;
     }, {
-        kind: "url" | "custom";
+        kind: "custom" | "url";
         value: string;
     }>, {
-        kind: "url" | "custom";
+        kind: "custom" | "url";
         value: string;
     }, {
-        kind: "url" | "custom";
+        kind: "custom" | "url";
         value: string;
     }>, "many">]>, any, string | {
-        kind: "url" | "custom";
+        kind: "custom" | "url";
         value: string;
     }[]>, z.ZodArray<z.ZodEffects<z.ZodObject<{
         kind: z.ZodEnum<["url", "custom"]>;
         value: z.ZodString;
     }, "strip", z.ZodTypeAny, {
-        kind: "url" | "custom";
+        kind: "custom" | "url";
         value: string;
     }, {
-        kind: "url" | "custom";
+        kind: "custom" | "url";
         value: string;
     }>, {
-        kind: "url" | "custom";
+        kind: "custom" | "url";
         value: string;
     }, {
-        kind: "url" | "custom";
+        kind: "custom" | "url";
         value: string;
     }>, "many">>;
 }

package/frontend-vue/app/components/ChannelsCard.vue

@@ -22,6 +22,8 @@ interface ChannelsResponse {
   items: ChannelRow[]
   /** The comparison days lost their channel split: no delta to show. */
   compareUnavailable?: boolean
+  /** Compared with a window that has rows: else no change column. */
+  compared?: boolean
 }
 
 const props = withDefaults(
@@ -34,6 +36,7 @@ const props = withDefaults(
   { periodScope: undefined, componentId: undefined, pageId: undefined },
 )
 
+/** The channels the route always lists, each in its row: the skeleton's. */
 const SKELETON_ROWS = 6
 /** The key the campaigns table is mounted under on the page: its tab reads `?campaigns.tab=`. */
 const CAMPAIGNS_TAB_QUERY = 'campaigns.tab'
@@ -48,6 +51,12 @@ const { data, isLoading, error, refresh } = useChartFetch<ChannelsResponse>({
 })
 
 const rows = computed(() => data.value?.items ?? [])
+/**
+ * The change column, while the period is compared (kept through a re-read):
+ * "No comparison" leaves it out rather than a column of dashes.
+ */
+const compared = computed(() => data.value?.compared !== false)
+const columns = computed(() => (compared.value ? 5 : 4))
 const maxShare = computed(() =>
   Math.max(1, ...rows.value.map((row) => row.share)),
 )
@@ -168,6 +177,7 @@ function showCampaigns(channel: string): void {
             {{ t('page.marketing.acquisition.channels.share') }}
           </th>
           <th
+            v-if="compared"
             scope="col"
             class="px-4 py-2 text-right font-normal"
             :title="t('page.marketing.acquisition.channels.vs_previous_hint')"
@@ -182,9 +192,16 @@ function showCampaigns(channel: string): void {
           :key="index"
           class="border-t border-default"
         >
-          <td class="px-4 py-3" colspan="5">
+          <!-- A channel row's size: its icon well sets the height. -->
+          <td class="w-10 py-2.5 ps-4">
+            <USkeleton class="size-8 rounded-[9px]" />
+          </td>
+          <td class="px-2 py-2.5" :colspan="columns - 2">
             <USkeleton class="h-4 w-full" />
           </td>
+          <td class="px-4 py-2.5">
+            <USkeleton class="ms-auto h-4 w-12" />
+          </td>
         </tr>
       </tbody>
       <tbody v-else :class="isLoading ? 'opacity-60' : ''">
@@ -243,7 +260,7 @@ function showCampaigns(channel: string): void {
           >
             {{ formatPercentage(row.share / 100, locale, fractionDigits(1)) }}
           </td>
-          <td class="px-4 py-2.5 text-right">
+          <td v-if="compared" class="px-4 py-2.5 text-right">
             <span
               class="rounded px-1.5 py-0.5 font-mono text-[11px] whitespace-nowrap tabular-nums"
               :class="deltaClass(row.delta)"