@simplybusiness/services 0.1.2 → 0.1.4

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@simplybusiness/services",
   "license": "UNLICENSED",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Internal library for services",
   "repository": {
     "type": "git",
@@ -42,18 +42,18 @@
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@react-types/shared": "^3.23.1",
-    "@swc/cli": "^0.3.14",
-    "@swc/core": "^1.6.5",
+    "@react-types/shared": "^3.24.1",
+    "@swc/cli": "^0.4.0",
+    "@swc/core": "^1.7.1",
     "@swc/jest": "^0.2.36",
-    "@testing-library/dom": "^10.2.0",
-    "@testing-library/jest-dom": "6.4.6",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "6.4.8",
     "@testing-library/react": "^16.0.0",
     "@types/jest": "^29.5.12",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
-    "@typescript-eslint/eslint-plugin": "^7.14.1",
-    "@typescript-eslint/parser": "^7.14.1",
+    "@typescript-eslint/eslint-plugin": "^7.17.0",
+    "@typescript-eslint/parser": "^7.17.0",
     "eslint": "^8.57.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-prettier": "^9.1.0",
@@ -61,23 +61,23 @@
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-jsx-a11y": "^6.9.0",
     "eslint-plugin-no-only-tests": "^3.1.0",
-    "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-react": "^7.34.3",
+    "eslint-plugin-prettier": "^5.2.1",
+    "eslint-plugin-react": "^7.35.0",
     "eslint-plugin-react-hooks": "^4.6.2",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "prettier": "^3.3.2",
+    "prettier": "^3.3.3",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "ts-jest": "^29.1.5",
+    "ts-jest": "^29.2.3",
     "tslib": "^2.6.3",
-    "typescript": "^5.5.2"
+    "typescript": "^5.5.4"
   },
   "dependencies": {
     "@airbrake/browser": "^2.1.8",
-    "@simplybusiness/mobius": "^4.13.0",
-    "@snowplow/browser-tracker": "^3.24.0",
+    "@simplybusiness/mobius": "^4.14.0",
+    "@snowplow/browser-tracker": "^3.24.2",
     "classnames": "^2.5.1"
   },
   "lint-staged": {

package/src/services/index.tsx

@@ -1,6 +1,2 @@
-// TODO: move all Snowplow related code to a single index.tsx file
 export * from "./snowplow";
-export * from "./snowplow/SnowplowContext";
-export * from "./snowplow/getSnowplowConfig";
-export * from "./snowplow/contexts";
 export * from "./airbrake";

package/src/services/snowplow/Snowplow.ts

@@ -0,0 +1,163 @@
+import {
+  SelfDescribingJson,
+  StructuredEvent,
+  TrackerConfiguration,
+  newTracker,
+  setCookiePath,
+  setUserId,
+  trackPageView,
+  trackSelfDescribingEvent,
+  trackStructEvent,
+} from "@snowplow/browser-tracker";
+import { EventDefinition, TrackingProps } from "./types";
+
+export type FrontOfficeStructuredEvent = StructuredEvent & {
+  serviceChannelIdentifier: string;
+};
+
+/**
+ * This class is an abstraction which wraps Snowplow
+ * and exposes common methods with other services:
+ * - trackEvent            : sends a standard payload
+ * - trackUnstructEvent    : sends a payload for custom schema
+ */
+export class Snowplow {
+  avalancheTrackerName = "sb-ava";
+
+  bronzeAvalancheTrackerName = "sb-ava-br";
+
+  pvAvalancheTrackerName = "sb-ava-pv";
+
+  uid: unknown = "";
+
+  trackPageView: boolean = false;
+
+  contexts: SelfDescribingJson<Record<string, unknown>>[] = [];
+
+  eventHandlers: Record<string, (params?: Record<string, unknown>) => void> =
+    {};
+
+  constructor(props?: TrackingProps) {
+    if (!props) return;
+
+    const {
+      appId,
+      cookieDomain,
+      avalancheCollector,
+      eventMethod,
+      uid,
+      postPath,
+      // includeGAContext,
+      // trackActivity,
+      trackPageView: tpv,
+    } = props;
+    this.uid = uid;
+    this.trackPageView = tpv;
+
+    // Set options
+    const stateStorageStrategy = "cookieAndLocalStorage";
+    const baseOptions: TrackerConfiguration = {
+      appId,
+      cookieDomain,
+      eventMethod,
+      stateStorageStrategy,
+      postPath,
+    };
+    // Initialize trackers
+    newTracker(this.avalancheTrackerName, avalancheCollector, baseOptions);
+
+    newTracker(
+      this.bronzeAvalancheTrackerName,
+      avalancheCollector,
+      baseOptions,
+    );
+
+    // Page view tracker
+    newTracker(this.pvAvalancheTrackerName, avalancheCollector, {
+      ...baseOptions,
+      eventMethod: eventMethod === "post" ? "beacon" : eventMethod,
+    });
+
+    setCookiePath("/");
+    if (uid) {
+      setUserId(uid);
+    }
+  }
+
+  setContexts(contexts: SelfDescribingJson<Record<string, unknown>>[]) {
+    this.contexts = contexts;
+    // Update identity context
+    const index = this.contexts?.findIndex(ctx =>
+      ctx.schema?.includes("identity_context"),
+    );
+    if (index > -1) {
+      this.contexts[index].data.domain_userid = this.uid;
+    }
+    return this;
+  }
+
+  // Send a page view event
+  trackView() {
+    if (this.trackPageView) {
+      trackPageView({ context: this.contexts });
+    }
+    return this;
+  }
+
+  // Send a structured event with contexts
+  async trackEvent(event: StructuredEvent) {
+    await trackStructEvent({ ...event, context: this.contexts }, [
+      this.bronzeAvalancheTrackerName,
+    ]);
+    return this;
+  }
+
+  // Send a custom event with defined schema and optional contexts
+  async trackUnstructEvent(event: SelfDescribingJson<Record<string, unknown>>) {
+    if (!event) {
+      return this;
+    }
+    await trackSelfDescribingEvent({ event, context: this.contexts }, [
+      this.avalancheTrackerName,
+    ]);
+    return this;
+  }
+
+  addEventHandlers(eventDefinitions: EventDefinition[]) {
+    eventDefinitions.forEach(({ name, type, makePayload }) => {
+      // Convert type into relevant function
+      if (type === "structured") {
+        this.addEventHandler(name, (params?: Record<string, unknown>) => {
+          this.trackEvent(makePayload(params) as StructuredEvent);
+        });
+      } else {
+        this.addEventHandler(name, (params?: Record<string, unknown>) => {
+          this.trackUnstructEvent(
+            makePayload(params) as SelfDescribingJson<Record<string, unknown>>,
+          );
+        });
+      }
+    });
+    return this;
+  }
+
+  private addEventHandler(
+    name: string,
+    handler: (params?: Record<string, unknown>) => void,
+  ) {
+    this.eventHandlers[name] = handler;
+    return this;
+  }
+
+  private removeEventHandler(name: string) {
+    delete this.eventHandlers[name];
+    return this;
+  }
+
+  trigger(name: string, params?: Record<string, unknown>) {
+    if (this.eventHandlers[name]) {
+      this.eventHandlers[name](params);
+    }
+    return this;
+  }
+}

package/src/services/snowplow/SnowplowContext.tsx

@@ -7,9 +7,9 @@ import {
   useState,
   type ReactNode,
 } from "react";
-import { Snowplow } from ".";
 import { getContexts } from "./contexts";
 import { eventDefinitions } from "./event-definitions";
+import { Snowplow } from "./Snowplow";
 import { EventDefinition, TrackingProps } from "./types";
 
 export interface SnowplowContextInterface {

package/src/services/snowplow/event-definitions/base.ts

@@ -0,0 +1,47 @@
+import { EventDefinition } from "../types";
+
+/**
+ * Event definitions for Snowplow
+ * @type {EventDefinition[]}
+ * @property {string} name - The name of the event, to use when triggering
+ * @property {string} type - The type of the event (structured | unstructured)
+ * @property {makePayload} makePayload
+ *   - Function that creates the payload for the event;
+ *   - Allows optional params object to be passed in
+ *
+ * @example
+ * import { Snowplow } from "./Snowplow";
+ * import { eventDefinitions } from "./event-definitions";
+ *
+ * const snowplow = new Snowplow();
+ * snowplow.addEventHandlers(eventDefinitions);
+ */
+
+// Base page events
+export const baseEventDefinitions: EventDefinition[] = [
+  // Mobile link in header
+  {
+    name: "mobileLinkClick",
+    type: "structured",
+    makePayload: () => ({
+      category: "marketing",
+      action: "link-click",
+      label: "mobile_call_button",
+      property: window.location.href,
+    }),
+  },
+  // Operating hours link in footer
+  {
+    name: "operatingHoursClick",
+    type: "unstructured",
+    makePayload: () => ({
+      schema:
+        "iglu:com.snowplowanalytics.snowplow/unstruct_event/jsonschema/1-0-0",
+      data: {
+        schema:
+          "iglu:com.simplybusiness/operating_hours_clicked/jsonschema/1-0-2",
+        data: {},
+      },
+    }),
+  },
+];

package/src/services/snowplow/event-definitions/index.ts

@@ -0,0 +1,13 @@
+import { baseEventDefinitions } from "./base";
+import { qcpEventDefinitions } from "./qcp";
+
+// All events (keep up to date with new files)
+export const eventDefinitions = [
+  ...baseEventDefinitions,
+  ...qcpEventDefinitions,
+];
+
+export const qcpPageEvents = [...baseEventDefinitions, ...qcpEventDefinitions];
+
+// Create a new export for each kind of page below
+// containing just the subset needed for that page

package/src/services/snowplow/{event-definitions.ts → event-definitions/qcp.ts}

@@ -1,5 +1,5 @@
-import { EventDefinition, ParamsType } from "./types";
-import { snakeCase } from "../../utils";
+import { snakeCase } from "../../../utils";
+import { EventDefinition, ParamsType } from "../types";
 
 /**
  * Event definitions for Snowplow
@@ -17,30 +17,9 @@ import { snakeCase } from "../../utils";
  * const snowplow = new Snowplow();
  * snowplow.addEventHandlers(eventDefinitions);
  */
-export const eventDefinitions: EventDefinition[] = [
-  {
-    name: "mobileLinkClick",
-    type: "structured",
-    makePayload: () => ({
-      category: "marketing",
-      action: "link-click",
-      label: "mobile_call_button",
-      property: window.location.href,
-    }),
-  },
-  {
-    name: "operatingHoursClick",
-    type: "unstructured",
-    makePayload: () => ({
-      schema:
-        "iglu:com.snowplowanalytics.snowplow/unstruct_event/jsonschema/1-0-0",
-      data: {
-        schema:
-          "iglu:com.simplybusiness/operating_hours_clicked/jsonschema/1-0-2",
-        data: {},
-      },
-    }),
-  },
+
+// QCP page events
+export const qcpEventDefinitions: EventDefinition[] = [
   {
     // QDP details button
     name: "detailsClicked",

package/src/services/snowplow/index.test.ts

@@ -4,8 +4,8 @@ import { pageData } from "../../data/scripts-mock";
 import eventDefinitions from "../../mocks/eventDefinitions";
 import { getContexts } from "./contexts";
 import { getSnowplowConfig } from "./getSnowplowConfig";
-import { Snowplow } from "./index";
 import { EventDefinition, PageDataProps, TrackingProps } from "./types";
+import { Snowplow } from "./Snowplow";
 
 const snowplowProps = getSnowplowConfig(pageData as PageDataProps);
 const contexts = getContexts(snowplowProps as TrackingProps);

package/src/services/snowplow/index.ts

@@ -1,163 +1,6 @@
-import {
-  SelfDescribingJson,
-  StructuredEvent,
-  TrackerConfiguration,
-  newTracker,
-  setCookiePath,
-  setUserId,
-  trackPageView,
-  trackSelfDescribingEvent,
-  trackStructEvent,
-} from "@snowplow/browser-tracker";
-import { EventDefinition, TrackingProps } from "./types";
-
-export type FrontOfficeStructuredEvent = StructuredEvent & {
-  serviceChannelIdentifier: string;
-};
-
-/**
- * This class is an abstraction which wraps Snowplow
- * and exposes common methods with other services:
- * - trackEvent            : sends a standard payload
- * - trackUnstructEvent    : sends a payload for custom schema
- */
-export class Snowplow {
-  avalancheTrackerName = "sb-ava";
-
-  bronzeAvalancheTrackerName = "sb-ava-br";
-
-  pvAvalancheTrackerName = "sb-ava-pv";
-
-  uid: unknown = "";
-
-  trackPageView: boolean = false;
-
-  contexts: SelfDescribingJson<Record<string, unknown>>[] = [];
-
-  eventHandlers: Record<string, (params?: Record<string, unknown>) => void> =
-    {};
-
-  constructor(props?: TrackingProps) {
-    if (!props) return;
-
-    const {
-      appId,
-      cookieDomain,
-      avalancheCollector,
-      eventMethod,
-      uid,
-      postPath,
-      // includeGAContext,
-      // trackActivity,
-      trackPageView: tpv,
-    } = props;
-    this.uid = uid;
-    this.trackPageView = tpv;
-
-    // Set options
-    const stateStorageStrategy = "cookieAndLocalStorage";
-    const baseOptions: TrackerConfiguration = {
-      appId,
-      cookieDomain,
-      eventMethod,
-      stateStorageStrategy,
-      postPath,
-    };
-    // Initialize trackers
-    newTracker(this.avalancheTrackerName, avalancheCollector, baseOptions);
-
-    newTracker(
-      this.bronzeAvalancheTrackerName,
-      avalancheCollector,
-      baseOptions,
-    );
-
-    // Page view tracker
-    newTracker(this.pvAvalancheTrackerName, avalancheCollector, {
-      ...baseOptions,
-      eventMethod: eventMethod === "post" ? "beacon" : eventMethod,
-    });
-
-    setCookiePath("/");
-    if (uid) {
-      setUserId(uid);
-    }
-  }
-
-  setContexts(contexts: SelfDescribingJson<Record<string, unknown>>[]) {
-    this.contexts = contexts;
-    // Update identity context
-    const index = this.contexts?.findIndex(ctx =>
-      ctx.schema?.includes("identity_context"),
-    );
-    if (index > -1) {
-      this.contexts[index].data.domain_userid = this.uid;
-    }
-    return this;
-  }
-
-  // Send a page view event
-  trackView() {
-    if (this.trackPageView) {
-      trackPageView({ context: this.contexts });
-    }
-    return this;
-  }
-
-  // Send a structured event with contexts
-  async trackEvent(event: StructuredEvent) {
-    await trackStructEvent({ ...event, context: this.contexts }, [
-      this.bronzeAvalancheTrackerName,
-    ]);
-    return this;
-  }
-
-  // Send a custom event with defined schema and optional contexts
-  async trackUnstructEvent(event: SelfDescribingJson<Record<string, unknown>>) {
-    if (!event) {
-      return this;
-    }
-    await trackSelfDescribingEvent({ event, context: this.contexts }, [
-      this.avalancheTrackerName,
-    ]);
-    return this;
-  }
-
-  addEventHandlers(eventDefinitions: EventDefinition[]) {
-    eventDefinitions.forEach(({ name, type, makePayload }) => {
-      // Convert type into relevant function
-      if (type === "structured") {
-        this.addEventHandler(name, (params?: Record<string, unknown>) => {
-          this.trackEvent(makePayload(params) as StructuredEvent);
-        });
-      } else {
-        this.addEventHandler(name, (params?: Record<string, unknown>) => {
-          this.trackUnstructEvent(
-            makePayload(params) as SelfDescribingJson<Record<string, unknown>>,
-          );
-        });
-      }
-    });
-    return this;
-  }
-
-  private addEventHandler(
-    name: string,
-    handler: (params?: Record<string, unknown>) => void,
-  ) {
-    this.eventHandlers[name] = handler;
-    return this;
-  }
-
-  private removeEventHandler(name: string) {
-    delete this.eventHandlers[name];
-    return this;
-  }
-
-  trigger(name: string, params?: Record<string, unknown>) {
-    if (this.eventHandlers[name]) {
-      this.eventHandlers[name](params);
-    }
-    return this;
-  }
-}
+export * from "./contexts";
+export * from "./event-definitions";
+export * from "./getSnowplowConfig";
+export * from "./Snowplow";
+export * from "./SnowplowContext";
+export * from "./types";

package/dist/cjs/services/snowplow/event-definitions.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/services/snowplow/event-definitions.ts"],"sourcesContent":["import { EventDefinition, ParamsType } from \"./types\";\nimport { snakeCase } from \"../../utils\";\n\n/**\n * Event definitions for Snowplow\n * @type {EventDefinition[]}\n * @property {string} name - The name of the event, to use when triggering\n * @property {string} type - The type of the event (structured | unstructured)\n * @property {makePayload} makePayload\n *   - Function that creates the payload for the event;\n *   - Allows optional params object to be passed in\n *\n * @example\n * import { Snowplow } from \"./Snowplow\";\n * import { eventDefinitions } from \"./event-definitions\";\n *\n * const snowplow = new Snowplow();\n * snowplow.addEventHandlers(eventDefinitions);\n */\nexport const eventDefinitions: EventDefinition[] = [\n  {\n    name: \"mobileLinkClick\",\n    type: \"structured\",\n    makePayload: () => ({\n      category: \"marketing\",\n      action: \"link-click\",\n      label: \"mobile_call_button\",\n      property: window.location.href,\n    }),\n  },\n  {\n    name: \"operatingHoursClick\",\n    type: \"unstructured\",\n    makePayload: () => ({\n      schema:\n        \"iglu:com.snowplowanalytics.snowplow/unstruct_event/jsonschema/1-0-0\",\n      data: {\n        schema:\n          \"iglu:com.simplybusiness/operating_hours_clicked/jsonschema/1-0-2\",\n        data: {},\n      },\n    }),\n  },\n  {\n    // QDP details button\n    name: \"detailsClicked\",\n    type: \"structured\",\n    makePayload: () => ({\n      category: \"comparison_cta\",\n      action: \"link_click\",\n      label: \"Details\",\n    }),\n  },\n  {\n    // Buy button\n    name: \"selectClicked\",\n    type: \"structured\",\n    makePayload: () => ({\n      category: \"comparison_cta\",\n      action: \"link_click\",\n      label: \"Select\",\n    }),\n  },\n  {\n    // Quote Details Slider Next steps button\n    name: \"nextStepsClicked\",\n    type: \"structured\",\n    makePayload: () => ({\n      category: \"quote_details_slider_next_step_cta\",\n      action: \"link_click\",\n      label: \"Next steps\",\n    }),\n  },\n  {\n    // Toggle deductibles accordion\n    name: \"deductiblesClicked\",\n    type: \"structured\",\n    makePayload: () => ({\n      category: \"us-qcp-react\",\n      action: \"view_deductables_clicked\",\n      label: \"view_deductables_clicked\",\n      property: window.location.href,\n    }),\n  },\n  {\n    name: \"deductiblesClickedUk\",\n    type: \"structured\",\n    makePayload: params => {\n      const { label, deviceType } = params as ParamsType;\n      const urlFriendlyLabel = label.replace(/ /g, \"-\").toLowerCase();\n\n      return {\n        category: `uk-qcp-react-${deviceType}-${urlFriendlyLabel}-view-excess-toggle`,\n        action: \"view_excess_clicked\",\n        label,\n        property: window.location.href,\n      };\n    },\n  },\n  {\n    // Quote Details Slider opened\n    name: \"sliderOpened\",\n    type: \"structured\",\n    makePayload: params => {\n      const { label } = params as ParamsType;\n\n      return {\n        category: \"comparison_cta\",\n        action: \"quote_details_slider_opened\",\n        label,\n      };\n    },\n  },\n  {\n    // Coverage modal opened\n    name: \"coverageModalOpened\",\n    type: \"structured\",\n    makePayload: params => {\n      const {\n        category,\n        product = \"extra_coverage\",\n        title,\n      } = params as ParamsType;\n      const productLabel = snakeCase(product);\n\n      return {\n        category,\n        action: `${productLabel}_${snakeCase(title)}_popup_opened`,\n        label: productLabel,\n        property: window.location.href,\n      };\n    },\n  },\n  {\n    // Toggle cover select\n    name: \"coverChanged\",\n    type: \"unstructured\",\n    makePayload: params => {\n      const { name = \"\", fromValue = \"\", toValue = \"\" } = params as ParamsType;\n      // Derive data\n      let action = \"change\";\n\n      // This logic is taken directly from Chopin without documentation:\n      // If a cover has zero value, then change the action to add or remove\n      if (fromValue === \"0\") {\n        action = \"add\";\n      }\n      if (toValue === \"0\") {\n        action = \"remove\";\n      }\n\n      return {\n        schema:\n          \"iglu:com.simplybusiness/comparison_page_cover_changed/jsonschema/1-0-0\",\n        data: {\n          name,\n          action,\n          from_value: fromValue,\n          to_value: toValue,\n        },\n      };\n    },\n  },\n  {\n    name: \"ratingsModalOpened\",\n    type: \"structured\",\n    makePayload: params => {\n      const { category, label } = params as ParamsType;\n\n      return {\n        category,\n        action: \"insurer_rating_help_popup_triggered\",\n        label,\n        property: window.location.href,\n      };\n    },\n  },\n  {\n    name: \"coverToggleOpened\",\n    type: \"structured\",\n    makePayload: () => ({\n      category: \"qcp_limit_interaction\",\n      label: \"limit_interaction\",\n      action: \"limit_interaction_clicked\",\n      property: window.location.href,\n    }),\n  },\n  {\n    name: \"paymentToggleClicked\",\n    type: \"structured\",\n    makePayload: params => {\n      const { category, label } = params as ParamsType;\n\n      return {\n        category,\n        action: \"button_click\",\n        label,\n        property: window.location.href,\n      };\n    },\n  },\n  {\n    name: \"insurerDetailsAccordionClicked\",\n    type: \"structured\",\n    makePayload: () => ({\n      category: \"quote_details_slider_insurer_details_description\",\n      action: \"accordion_clicked\",\n      label: \"accordion_clicked\",\n      property: window.location.href,\n    }),\n  },\n  {\n    name: \"priceDetailsPopUpOpened\",\n    type: \"structured\",\n    makePayload: () => ({\n      category: \"price_details\",\n      action: \"price_details_popup_opened\",\n      label: \"Price details\",\n      property: window.location.href,\n    }),\n  },\n  {\n    name: \"editLimitButtonClicked\",\n    type: \"structured\",\n    makePayload: () => ({\n      category: \"cover_limit_changes\",\n      action: \"edit_limit_button_clicked\",\n      label: \"Edit Limit\",\n      property: window.location.href,\n    }),\n  },\n  {\n    name: \"applyButtonClicked\",\n    type: \"structured\",\n    makePayload: () => ({\n      category: \"cover_limit_changes\",\n      action: \"apply_button_clicked\",\n      label: \"Apply Button Clicked\",\n      property: window.location.href,\n    }),\n  },\n  {\n    name: \"coverageInfoClicked\",\n    type: \"structured\",\n    makePayload: params => {\n      const { deviceType } = params as ParamsType;\n\n      return {\n        action: \"show_coverage_info_clicked\",\n        category: `uk-qcp-react-${deviceType}-show-coverage-info-toggle`,\n        label: \"show_coverage_info_clicked\",\n        property: window.location.href,\n      };\n    },\n  },\n];\n"],"names":["eventDefinitions","name","type","makePayload","category","action","label","property","window","location","href","schema","data","params","deviceType","urlFriendlyLabel","replace","toLowerCase","product","title","productLabel","snakeCase","fromValue","toValue","from_value","to_value"],"mappings":";;;;+BAmBaA;;;eAAAA;;;uBAlBa;AAkBnB,MAAMA,mBAAsC;IACjD;QACEC,MAAM;QACNC,MAAM;QACNC,aAAa,IAAO,CAAA;gBAClBC,UAAU;gBACVC,QAAQ;gBACRC,OAAO;gBACPC,UAAUC,OAAOC,QAAQ,CAACC,IAAI;YAChC,CAAA;IACF;IACA;QACET,MAAM;QACNC,MAAM;QACNC,aAAa,IAAO,CAAA;gBAClBQ,QACE;gBACFC,MAAM;oBACJD,QACE;oBACFC,MAAM,CAAC;gBACT;YACF,CAAA;IACF;IACA;QACE,qBAAqB;QACrBX,MAAM;QACNC,MAAM;QACNC,aAAa,IAAO,CAAA;gBAClBC,UAAU;gBACVC,QAAQ;gBACRC,OAAO;YACT,CAAA;IACF;IACA;QACE,aAAa;QACbL,MAAM;QACNC,MAAM;QACNC,aAAa,IAAO,CAAA;gBAClBC,UAAU;gBACVC,QAAQ;gBACRC,OAAO;YACT,CAAA;IACF;IACA;QACE,yCAAyC;QACzCL,MAAM;QACNC,MAAM;QACNC,aAAa,IAAO,CAAA;gBAClBC,UAAU;gBACVC,QAAQ;gBACRC,OAAO;YACT,CAAA;IACF;IACA;QACE,+BAA+B;QAC/BL,MAAM;QACNC,MAAM;QACNC,aAAa,IAAO,CAAA;gBAClBC,UAAU;gBACVC,QAAQ;gBACRC,OAAO;gBACPC,UAAUC,OAAOC,QAAQ,CAACC,IAAI;YAChC,CAAA;IACF;IACA;QACET,MAAM;QACNC,MAAM;QACNC,aAAaU,CAAAA;YACX,MAAM,EAAEP,KAAK,EAAEQ,UAAU,EAAE,GAAGD;YAC9B,MAAME,mBAAmBT,MAAMU,OAAO,CAAC,MAAM,KAAKC,WAAW;YAE7D,OAAO;gBACLb,UAAU,CAAC,aAAa,EAAEU,WAAW,CAAC,EAAEC,iBAAiB,mBAAmB,CAAC;gBAC7EV,QAAQ;gBACRC;gBACAC,UAAUC,OAAOC,QAAQ,CAACC,IAAI;YAChC;QACF;IACF;IACA;QACE,8BAA8B;QAC9BT,MAAM;QACNC,MAAM;QACNC,aAAaU,CAAAA;YACX,MAAM,EAAEP,KAAK,EAAE,GAAGO;YAElB,OAAO;gBACLT,UAAU;gBACVC,QAAQ;gBACRC;YACF;QACF;IACF;IACA;QACE,wBAAwB;QACxBL,MAAM;QACNC,MAAM;QACNC,aAAaU,CAAAA;YACX,MAAM,EACJT,QAAQ,EACRc,UAAU,gBAAgB,EAC1BC,KAAK,EACN,GAAGN;YACJ,MAAMO,eAAeC,IAAAA,gBAAS,EAACH;YAE/B,OAAO;gBACLd;gBACAC,QAAQ,CAAC,EAAEe,aAAa,CAAC,EAAEC,IAAAA,gBAAS,EAACF,OAAO,aAAa,CAAC;gBAC1Db,OAAOc;gBACPb,UAAUC,OAAOC,QAAQ,CAACC,IAAI;YAChC;QACF;IACF;IACA;QACE,sBAAsB;QACtBT,MAAM;QACNC,MAAM;QACNC,aAAaU,CAAAA;YACX,MAAM,EAAEZ,OAAO,EAAE,EAAEqB,YAAY,EAAE,EAAEC,UAAU,EAAE,EAAE,GAAGV;YACpD,cAAc;YACd,IAAIR,SAAS;YAEb,kEAAkE;YAClE,qEAAqE;YACrE,IAAIiB,cAAc,KAAK;gBACrBjB,SAAS;YACX;YACA,IAAIkB,YAAY,KAAK;gBACnBlB,SAAS;YACX;YAEA,OAAO;gBACLM,QACE;gBACFC,MAAM;oBACJX;oBACAI;oBACAmB,YAAYF;oBACZG,UAAUF;gBACZ;YACF;QACF;IACF;IACA;QACEtB,MAAM;QACNC,MAAM;QACNC,aAAaU,CAAAA;YACX,MAAM,EAAET,QAAQ,EAAEE,KAAK,EAAE,GAAGO;YAE5B,OAAO;gBACLT;gBACAC,QAAQ;gBACRC;gBACAC,UAAUC,OAAOC,QAAQ,CAACC,IAAI;YAChC;QACF;IACF;IACA;QACET,MAAM;QACNC,MAAM;QACNC,aAAa,IAAO,CAAA;gBAClBC,UAAU;gBACVE,OAAO;gBACPD,QAAQ;gBACRE,UAAUC,OAAOC,QAAQ,CAACC,IAAI;YAChC,CAAA;IACF;IACA;QACET,MAAM;QACNC,MAAM;QACNC,aAAaU,CAAAA;YACX,MAAM,EAAET,QAAQ,EAAEE,KAAK,EAAE,GAAGO;YAE5B,OAAO;gBACLT;gBACAC,QAAQ;gBACRC;gBACAC,UAAUC,OAAOC,QAAQ,CAACC,IAAI;YAChC;QACF;IACF;IACA;QACET,MAAM;QACNC,MAAM;QACNC,aAAa,IAAO,CAAA;gBAClBC,UAAU;gBACVC,QAAQ;gBACRC,OAAO;gBACPC,UAAUC,OAAOC,QAAQ,CAACC,IAAI;YAChC,CAAA;IACF;IACA;QACET,MAAM;QACNC,MAAM;QACNC,aAAa,IAAO,CAAA;gBAClBC,UAAU;gBACVC,QAAQ;gBACRC,OAAO;gBACPC,UAAUC,OAAOC,QAAQ,CAACC,IAAI;YAChC,CAAA;IACF;IACA;QACET,MAAM;QACNC,MAAM;QACNC,aAAa,IAAO,CAAA;gBAClBC,UAAU;gBACVC,QAAQ;gBACRC,OAAO;gBACPC,UAAUC,OAAOC,QAAQ,CAACC,IAAI;YAChC,CAAA;IACF;IACA;QACET,MAAM;QACNC,MAAM;QACNC,aAAa,IAAO,CAAA;gBAClBC,UAAU;gBACVC,QAAQ;gBACRC,OAAO;gBACPC,UAAUC,OAAOC,QAAQ,CAACC,IAAI;YAChC,CAAA;IACF;IACA;QACET,MAAM;QACNC,MAAM;QACNC,aAAaU,CAAAA;YACX,MAAM,EAAEC,UAAU,EAAE,GAAGD;YAEvB,OAAO;gBACLR,QAAQ;gBACRD,UAAU,CAAC,aAAa,EAAEU,WAAW,0BAA0B,CAAC;gBAChER,OAAO;gBACPC,UAAUC,OAAOC,QAAQ,CAACC,IAAI;YAChC;QACF;IACF;CACD"}