@appsupportkit/support-sdk 0.1.0

package/lib/commonjs/index.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "QUERY_TYPE_LABEL", {
+  enumerable: true,
+  get: function () {
+    return _types.QUERY_TYPE_LABEL;
+  }
+});
+Object.defineProperty(exports, "SupportApiError", {
+  enumerable: true,
+  get: function () {
+    return _api.SupportApiError;
+  }
+});
+Object.defineProperty(exports, "SupportButton", {
+  enumerable: true,
+  get: function () {
+    return _SupportButton.SupportButton;
+  }
+});
+Object.defineProperty(exports, "USER_MESSAGE_MAX", {
+  enumerable: true,
+  get: function () {
+    return _types.USER_MESSAGE_MAX;
+  }
+});
+Object.defineProperty(exports, "USER_MESSAGE_MIN", {
+  enumerable: true,
+  get: function () {
+    return _types.USER_MESSAGE_MIN;
+  }
+});
+Object.defineProperty(exports, "resolveTheme", {
+  enumerable: true,
+  get: function () {
+    return _theme.resolveTheme;
+  }
+});
+Object.defineProperty(exports, "supportDarkTheme", {
+  enumerable: true,
+  get: function () {
+    return _theme.supportDarkTheme;
+  }
+});
+Object.defineProperty(exports, "supportLightTheme", {
+  enumerable: true,
+  get: function () {
+    return _theme.supportLightTheme;
+  }
+});
+var _SupportButton = require("./components/SupportButton");
+var _theme = require("./theme");
+var _api = require("./api");
+var _types = require("./types");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_SupportButton","require","_theme","_api","_types"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAMA,IAAAE,IAAA,GAAAF,OAAA;AAYA,IAAAG,MAAA,GAAAH,OAAA","ignoreList":[]}

package/lib/commonjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/lib/commonjs/theme.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.resolveTheme = resolveTheme;
+exports.supportLightTheme = exports.supportDarkTheme = void 0;
+var _designTokens = require("@appsupportkit/design-tokens");
+// The SDK consumes the same design tokens as the admin dashboard, so both
+// surfaces look like one product.
+
+const supportDarkTheme = exports.supportDarkTheme = {
+  name: 'dark',
+  colors: _designTokens.darkColors,
+  spacing: _designTokens.spacing,
+  radii: _designTokens.radii,
+  motion: _designTokens.motion
+};
+const supportLightTheme = exports.supportLightTheme = {
+  name: 'light',
+  colors: _designTokens.lightColors,
+  spacing: _designTokens.spacing,
+  radii: _designTokens.radii,
+  motion: _designTokens.motion
+};
+function resolveTheme(name) {
+  return name === 'light' ? supportLightTheme : supportDarkTheme;
+}
+//# sourceMappingURL=theme.js.map

package/lib/commonjs/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_designTokens","require","supportDarkTheme","exports","name","colors","darkColors","spacing","radii","motion","supportLightTheme","lightColors","resolveTheme"],"sourceRoot":"../../src","sources":["theme.ts"],"mappings":";;;;;;;AAEA,IAAAA,aAAA,GAAAC,OAAA;AAFA;AACA;;AAmBO,MAAMC,gBAA8B,GAAAC,OAAA,CAAAD,gBAAA,GAAG;EAC5CE,IAAI,EAAE,MAAM;EACZC,MAAM,EAAEC,wBAAU;EAClBC,OAAO,EAAPA,qBAAO;EACPC,KAAK,EAALA,mBAAK;EACLC,MAAM,EAANA;AACF,CAAC;AAEM,MAAMC,iBAA+B,GAAAP,OAAA,CAAAO,iBAAA,GAAG;EAC7CN,IAAI,EAAE,OAAO;EACbC,MAAM,EAAEM,yBAAW;EACnBJ,OAAO,EAAPA,qBAAO;EACPC,KAAK,EAALA,mBAAK;EACLC,MAAM,EAANA;AACF,CAAC;AAEM,SAASG,YAAYA,CAACR,IAA2B,EAAgB;EACtE,OAAOA,IAAI,KAAK,OAAO,GAAGM,iBAAiB,GAAGR,gBAAgB;AAChE","ignoreList":[]}

package/lib/commonjs/types.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.USER_MESSAGE_MIN = exports.USER_MESSAGE_MAX = exports.QUERY_TYPE_LABEL = void 0;
+const QUERY_TYPE_LABEL = exports.QUERY_TYPE_LABEL = {
+  feedback: 'Feedback',
+  feature_request: 'Feature request',
+  bug_report: 'Bug report'
+};
+const USER_MESSAGE_MIN = exports.USER_MESSAGE_MIN = 10;
+const USER_MESSAGE_MAX = exports.USER_MESSAGE_MAX = 300;
+//# sourceMappingURL=types.js.map

package/lib/commonjs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["QUERY_TYPE_LABEL","exports","feedback","feature_request","bug_report","USER_MESSAGE_MIN","USER_MESSAGE_MAX"],"sourceRoot":"../../src","sources":["types.ts"],"mappings":";;;;;;AA+DO,MAAMA,gBAA2C,GAAAC,OAAA,CAAAD,gBAAA,GAAG;EACzDE,QAAQ,EAAE,UAAU;EACpBC,eAAe,EAAE,iBAAiB;EAClCC,UAAU,EAAE;AACd,CAAC;AAEM,MAAMC,gBAAgB,GAAAJ,OAAA,CAAAI,gBAAA,GAAG,EAAE;AAC3B,MAAMC,gBAAgB,GAAAL,OAAA,CAAAK,gBAAA,GAAG,GAAG","ignoreList":[]}

package/lib/commonjs/utils.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.formatDate = formatDate;
+exports.relativeTime = relativeTime;
+exports.validateProps = validateProps;
+/** "2h ago" relative time — mirrors the web dashboard's formatting. */
+function relativeTime(iso) {
+  const then = new Date(iso).getTime();
+  const seconds = Math.max(0, Math.floor((Date.now() - then) / 1000));
+  if (seconds < 60) return 'just now';
+  const minutes = Math.floor(seconds / 60);
+  if (minutes < 60) return `${minutes}m ago`;
+  const hours = Math.floor(minutes / 60);
+  if (hours < 24) return `${hours}h ago`;
+  const days = Math.floor(hours / 24);
+  if (days < 7) return `${days}d ago`;
+  const weeks = Math.floor(days / 7);
+  if (weeks < 5) return `${weeks}w ago`;
+  const months = Math.floor(days / 30);
+  if (months < 12) return `${months}mo ago`;
+  return `${Math.floor(days / 365)}y ago`;
+}
+function formatDate(iso) {
+  return new Date(iso).toLocaleDateString(undefined, {
+    year: 'numeric',
+    month: 'short',
+    day: 'numeric'
+  });
+}
+
+/** Dev-mode prop validation with actionable messages. */
+function validateProps(props) {
+  if (typeof props.appName !== 'string' || props.appName.length === 0) {
+    return 'SupportButton: `appName` is required — the app name registered in the admin dashboard.';
+  }
+  if (typeof props.apiKey !== 'string' || props.apiKey.length === 0) {
+    return 'SupportButton: `apiKey` is required — the key shown once when the app was registered.';
+  }
+  if (typeof props.supabaseUrl !== 'string' || !/^https?:\/\//.test(props.supabaseUrl)) {
+    return 'SupportButton: `supabaseUrl` is required — your Supabase project URL, e.g. "https://abcd1234.supabase.co".';
+  }
+  const user = props.user;
+  if (!user || typeof user !== 'object') {
+    return 'SupportButton: `user` is required — { name, isPaid, revenuecatId, appVersion }.';
+  }
+  if (typeof user.name !== 'string' || user.name.length === 0) {
+    return 'SupportButton: `user.name` is required (string).';
+  }
+  if (typeof user.isPaid !== 'boolean') {
+    return 'SupportButton: `user.isPaid` is required (boolean).';
+  }
+  if (typeof user.revenuecatId !== 'string' || user.revenuecatId.length === 0) {
+    return 'SupportButton: `user.revenuecatId` is required (string) — the RevenueCat app user id.';
+  }
+  if (typeof user.appVersion !== 'string' || user.appVersion.length === 0) {
+    return 'SupportButton: `user.appVersion` is required (string), e.g. "2.4.1".';
+  }
+  return null;
+}
+//# sourceMappingURL=utils.js.map

package/lib/commonjs/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["relativeTime","iso","then","Date","getTime","seconds","Math","max","floor","now","minutes","hours","days","weeks","months","formatDate","toLocaleDateString","undefined","year","month","day","validateProps","props","appName","length","apiKey","supabaseUrl","test","user","name","isPaid","revenuecatId","appVersion"],"sourceRoot":"../../src","sources":["utils.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/api.js

@@ -0,0 +1,84 @@
+"use strict";
+
+// Thin client for the Supabase Edge Functions. Every call authenticates with
+// the per-app x-api-key header; no Supabase JS client is needed on-device.
+
+export class SupportApiError extends Error {
+  /** True for network-level failures (likely offline). */
+
+  constructor(message, status, offline = false) {
+    super(message);
+    this.name = 'SupportApiError';
+    this.status = status;
+    this.offline = offline;
+  }
+}
+async function request(config, path, init) {
+  const url = `${config.supabaseUrl.replace(/\/$/, '')}/functions/v1/${path}`;
+  let response;
+  try {
+    response = await fetch(url, {
+      ...init,
+      headers: {
+        'Content-Type': 'application/json',
+        'x-api-key': config.apiKey,
+        ...init.headers
+      }
+    });
+  } catch {
+    throw new SupportApiError('Network request failed', null, true);
+  }
+  let payload = null;
+  try {
+    payload = await response.json();
+  } catch {
+    // Non-JSON error body — fall through with status only.
+  }
+  if (!response.ok) {
+    const message = payload !== null && typeof payload === 'object' && 'error' in payload && typeof payload.error === 'string' ? payload.error : `Request failed (${response.status})`;
+    throw new SupportApiError(message, response.status);
+  }
+  return payload;
+}
+export function getThreads(config, revenuecatId) {
+  const params = new URLSearchParams({
+    revenuecat_id: revenuecatId
+  });
+  return request(config, `get-threads?${params.toString()}`, {
+    method: 'GET'
+  });
+}
+export function submitQuery(config, input) {
+  return request(config, 'submit-query', {
+    method: 'POST',
+    body: JSON.stringify({
+      app_name: config.appName,
+      query_type: input.queryType,
+      message: input.message,
+      user_name: input.userName,
+      is_paid: input.isPaid,
+      revenuecat_id: input.revenuecatId,
+      app_version: input.appVersion
+    })
+  });
+}
+export function postMessage(config, input) {
+  return request(config, 'post-message', {
+    method: 'POST',
+    body: JSON.stringify({
+      query_id: input.queryId,
+      revenuecat_id: input.revenuecatId,
+      message: input.message
+    })
+  });
+}
+export function markRead(config, input) {
+  return request(config, 'mark-read', {
+    method: 'POST',
+    body: JSON.stringify({
+      query_id: input.queryId,
+      revenuecat_id: input.revenuecatId
+    })
+  });
+}
+//# sourceMappingURL=api.js.map

package/lib/module/api.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["SupportApiError","Error","constructor","message","status","offline","name","request","config","path","init","url","supabaseUrl","replace","response","fetch","headers","apiKey","payload","json","ok","error","getThreads","revenuecatId","params","URLSearchParams","revenuecat_id","toString","method","submitQuery","input","body","JSON","stringify","app_name","appName","query_type","queryType","user_name","userName","is_paid","isPaid","app_version","appVersion","postMessage","query_id","queryId","markRead"],"sourceRoot":"../../src","sources":["api.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/BottomSheet.js

@@ -0,0 +1,153 @@
+"use strict";
+
+// Bottom sheet built on the built-in Modal + Animated APIs.
+//
+// Why no sheet library: the SDK needs exactly one detent, a drag handle, a
+// backdrop fade, and a 180ms ease-out slide — all achievable with core APIs.
+// Skipping reanimated/gesture-handler keeps the package free of native
+// dependencies and install friction for consumers.
+import { useCallback, useEffect, useRef } from 'react';
+import { Animated, Easing, Modal, PanResponder, Pressable, useWindowDimensions, View } from 'react-native';
+import { SafeAreaProvider, SafeAreaView } from 'react-native-safe-area-context';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SLIDE_MS = 180; // motion.slow — ease-out, no springs, no bounce.
+
+export function BottomSheet({
+  visible,
+  onClose,
+  theme,
+  children
+}) {
+  const {
+    height: windowHeight
+  } = useWindowDimensions();
+  const sheetHeight = Math.min(windowHeight * 0.82, 640);
+  const translateY = useRef(new Animated.Value(sheetHeight)).current;
+  const backdrop = useRef(new Animated.Value(0)).current;
+  const animateIn = useCallback(() => {
+    Animated.parallel([Animated.timing(translateY, {
+      toValue: 0,
+      duration: SLIDE_MS,
+      easing: Easing.out(Easing.cubic),
+      useNativeDriver: true
+    }), Animated.timing(backdrop, {
+      toValue: 1,
+      duration: SLIDE_MS,
+      easing: Easing.out(Easing.cubic),
+      useNativeDriver: true
+    })]).start();
+  }, [translateY, backdrop]);
+  const animateOut = useCallback(done => {
+    Animated.parallel([Animated.timing(translateY, {
+      toValue: sheetHeight,
+      duration: SLIDE_MS,
+      easing: Easing.out(Easing.cubic),
+      useNativeDriver: true
+    }), Animated.timing(backdrop, {
+      toValue: 0,
+      duration: SLIDE_MS,
+      easing: Easing.out(Easing.cubic),
+      useNativeDriver: true
+    })]).start(({
+      finished
+    }) => {
+      if (finished) done();
+    });
+  }, [translateY, backdrop, sheetHeight]);
+  useEffect(() => {
+    if (visible) animateIn();
+  }, [visible, animateIn]);
+  const requestClose = useCallback(() => {
+    animateOut(onClose);
+  }, [animateOut, onClose]);
+
+  // Drag handle: follow the finger downward; past 25% (or a flick), dismiss.
+  const panResponder = useRef(PanResponder.create({
+    onStartShouldSetPanResponder: () => true,
+    onMoveShouldSetPanResponder: (_e, g) => Math.abs(g.dy) > 4,
+    onPanResponderMove: (_e, g) => {
+      if (g.dy > 0) translateY.setValue(g.dy);
+    },
+    onPanResponderRelease: (_e, g) => {
+      if (g.dy > sheetHeight * 0.25 || g.vy > 1.2) {
+        requestClose();
+      } else {
+        Animated.timing(translateY, {
+          toValue: 0,
+          duration: SLIDE_MS,
+          easing: Easing.out(Easing.cubic),
+          useNativeDriver: true
+        }).start();
+      }
+    }
+  })).current;
+  if (!visible) return null;
+  return /*#__PURE__*/_jsx(Modal, {
+    visible: true,
+    transparent: true,
+    animationType: "none",
+    onRequestClose: requestClose,
+    statusBarTranslucent: true,
+    children: /*#__PURE__*/_jsx(SafeAreaProvider, {
+      children: /*#__PURE__*/_jsxs(View, {
+        style: {
+          flex: 1,
+          justifyContent: 'flex-end'
+        },
+        children: [/*#__PURE__*/_jsx(Animated.View, {
+          style: {
+            position: 'absolute',
+            top: 0,
+            right: 0,
+            bottom: 0,
+            left: 0,
+            backgroundColor: 'rgba(0,0,0,0.5)',
+            opacity: backdrop
+          },
+          children: /*#__PURE__*/_jsx(Pressable, {
+            style: {
+              flex: 1
+            },
+            onPress: requestClose,
+            accessibilityLabel: "Close support"
+          })
+        }), /*#__PURE__*/_jsxs(Animated.View, {
+          style: {
+            height: sheetHeight,
+            backgroundColor: theme.colors.overlay,
+            borderTopLeftRadius: theme.radii.sheet,
+            borderTopRightRadius: theme.radii.sheet,
+            borderWidth: 1,
+            borderBottomWidth: 0,
+            borderColor: theme.colors.border,
+            transform: [{
+              translateY
+            }]
+          },
+          children: [/*#__PURE__*/_jsx(View, {
+            ...panResponder.panHandlers,
+            style: {
+              alignItems: 'center',
+              paddingVertical: 10
+            },
+            children: /*#__PURE__*/_jsx(View, {
+              style: {
+                width: 32,
+                height: 4,
+                borderRadius: 2,
+                backgroundColor: theme.colors.borderStrong
+              }
+            })
+          }), /*#__PURE__*/_jsx(SafeAreaView, {
+            edges: ['bottom'],
+            style: {
+              flex: 1
+            },
+            children: children
+          })]
+        })]
+      })
+    })
+  });
+}
+//# sourceMappingURL=BottomSheet.js.map

package/lib/module/components/BottomSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useRef","Animated","Easing","Modal","PanResponder","Pressable","useWindowDimensions","View","SafeAreaProvider","SafeAreaView","jsx","_jsx","jsxs","_jsxs","SLIDE_MS","BottomSheet","visible","onClose","theme","children","height","windowHeight","sheetHeight","Math","min","translateY","Value","current","backdrop","animateIn","parallel","timing","toValue","duration","easing","out","cubic","useNativeDriver","start","animateOut","done","finished","requestClose","panResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","_e","g","abs","dy","onPanResponderMove","setValue","onPanResponderRelease","vy","transparent","animationType","onRequestClose","statusBarTranslucent","style","flex","justifyContent","position","top","right","bottom","left","backgroundColor","opacity","onPress","accessibilityLabel","colors","overlay","borderTopLeftRadius","radii","sheet","borderTopRightRadius","borderWidth","borderBottomWidth","borderColor","border","transform","panHandlers","alignItems","paddingVertical","width","borderRadius","borderStrong","edges"],"sourceRoot":"../../../src","sources":["components/BottomSheet.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,WAAW,EAAEC,SAAS,EAAEC,MAAM,QAAwB,OAAO;AACtE,SACEC,QAAQ,EACRC,MAAM,EACNC,KAAK,EACLC,YAAY,EACZC,SAAS,EACTC,mBAAmB,EACnBC,IAAI,QACC,cAAc;AACrB,SAASC,gBAAgB,EAAEC,YAAY,QAAQ,gCAAgC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGhF,MAAMC,QAAQ,GAAG,GAAG,CAAC,CAAC;;AAEtB,OAAO,SAASC,WAAWA,CAAC;EAC1BC,OAAO;EACPC,OAAO;EACPC,KAAK;EACLC;AAMF,CAAC,EAAE;EACD,MAAM;IAAEC,MAAM,EAAEC;EAAa,CAAC,GAAGf,mBAAmB,CAAC,CAAC;EACtD,MAAMgB,WAAW,GAAGC,IAAI,CAACC,GAAG,CAACH,YAAY,GAAG,IAAI,EAAE,GAAG,CAAC;EAEtD,MAAMI,UAAU,GAAGzB,MAAM,CAAC,IAAIC,QAAQ,CAACyB,KAAK,CAACJ,WAAW,CAAC,CAAC,CAACK,OAAO;EAClE,MAAMC,QAAQ,GAAG5B,MAAM,CAAC,IAAIC,QAAQ,CAACyB,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAEtD,MAAME,SAAS,GAAG/B,WAAW,CAAC,MAAM;IAClCG,QAAQ,CAAC6B,QAAQ,CAAC,CAChB7B,QAAQ,CAAC8B,MAAM,CAACN,UAAU,EAAE;MAC1BO,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAEnB,QAAQ;MAClBoB,MAAM,EAAEhC,MAAM,CAACiC,GAAG,CAACjC,MAAM,CAACkC,KAAK,CAAC;MAChCC,eAAe,EAAE;IACnB,CAAC,CAAC,EACFpC,QAAQ,CAAC8B,MAAM,CAACH,QAAQ,EAAE;MACxBI,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAEnB,QAAQ;MAClBoB,MAAM,EAAEhC,MAAM,CAACiC,GAAG,CAACjC,MAAM,CAACkC,KAAK,CAAC;MAChCC,eAAe,EAAE;IACnB,CAAC,CAAC,CACH,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC,EAAE,CAACb,UAAU,EAAEG,QAAQ,CAAC,CAAC;EAE1B,MAAMW,UAAU,GAAGzC,WAAW,CAC3B0C,IAAgB,IAAK;IACpBvC,QAAQ,CAAC6B,QAAQ,CAAC,CAChB7B,QAAQ,CAAC8B,MAAM,CAACN,UAAU,EAAE;MAC1BO,OAAO,EAAEV,WAAW;MACpBW,QAAQ,EAAEnB,QAAQ;MAClBoB,MAAM,EAAEhC,MAAM,CAACiC,GAAG,CAACjC,MAAM,CAACkC,KAAK,CAAC;MAChCC,eAAe,EAAE;IACnB,CAAC,CAAC,EACFpC,QAAQ,CAAC8B,MAAM,CAACH,QAAQ,EAAE;MACxBI,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAEnB,QAAQ;MAClBoB,MAAM,EAAEhC,MAAM,CAACiC,GAAG,CAACjC,MAAM,CAACkC,KAAK,CAAC;MAChCC,eAAe,EAAE;IACnB,CAAC,CAAC,CACH,CAAC,CAACC,KAAK,CAAC,CAAC;MAAEG;IAAS,CAAC,KAAK;MACzB,IAAIA,QAAQ,EAAED,IAAI,CAAC,CAAC;IACtB,CAAC,CAAC;EACJ,CAAC,EACD,CAACf,UAAU,EAAEG,QAAQ,EAAEN,WAAW,CACpC,CAAC;EAEDvB,SAAS,CAAC,MAAM;IACd,IAAIiB,OAAO,EAAEa,SAAS,CAAC,CAAC;EAC1B,CAAC,EAAE,CAACb,OAAO,EAAEa,SAAS,CAAC,CAAC;EAExB,MAAMa,YAAY,GAAG5C,WAAW,CAAC,MAAM;IACrCyC,UAAU,CAACtB,OAAO,CAAC;EACrB,CAAC,EAAE,CAACsB,UAAU,EAAEtB,OAAO,CAAC,CAAC;;EAEzB;EACA,MAAM0B,YAAY,GAAG3C,MAAM,CACzBI,YAAY,CAACwC,MAAM,CAAC;IAClBC,4BAA4B,EAAEA,CAAA,KAAM,IAAI;IACxCC,2BAA2B,EAAEA,CAACC,EAAE,EAAEC,CAAC,KAAKzB,IAAI,CAAC0B,GAAG,CAACD,CAAC,CAACE,EAAE,CAAC,GAAG,CAAC;IAC1DC,kBAAkB,EAAEA,CAACJ,EAAE,EAAEC,CAAC,KAAK;MAC7B,IAAIA,CAAC,CAACE,EAAE,GAAG,CAAC,EAAEzB,UAAU,CAAC2B,QAAQ,CAACJ,CAAC,CAACE,EAAE,CAAC;IACzC,CAAC;IACDG,qBAAqB,EAAEA,CAACN,EAAE,EAAEC,CAAC,KAAK;MAChC,IAAIA,CAAC,CAACE,EAAE,GAAG5B,WAAW,GAAG,IAAI,IAAI0B,CAAC,CAACM,EAAE,GAAG,GAAG,EAAE;QAC3CZ,YAAY,CAAC,CAAC;MAChB,CAAC,MAAM;QACLzC,QAAQ,CAAC8B,MAAM,CAACN,UAAU,EAAE;UAC1BO,OAAO,EAAE,CAAC;UACVC,QAAQ,EAAEnB,QAAQ;UAClBoB,MAAM,EAAEhC,MAAM,CAACiC,GAAG,CAACjC,MAAM,CAACkC,KAAK,CAAC;UAChCC,eAAe,EAAE;QACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;MACZ;IACF;EACF,CAAC,CACH,CAAC,CAACX,OAAO;EAET,IAAI,CAACX,OAAO,EAAE,OAAO,IAAI;EAEzB,oBACEL,IAAA,CAACR,KAAK;IACJa,OAAO;IACPuC,WAAW;IACXC,aAAa,EAAC,MAAM;IACpBC,cAAc,EAAEf,YAAa;IAC7BgB,oBAAoB;IAAAvC,QAAA,eAEpBR,IAAA,CAACH,gBAAgB;MAAAW,QAAA,eACfN,KAAA,CAACN,IAAI;QAACoD,KAAK,EAAE;UAAEC,IAAI,EAAE,CAAC;UAAEC,cAAc,EAAE;QAAW,CAAE;QAAA1C,QAAA,gBACnDR,IAAA,CAACV,QAAQ,CAACM,IAAI;UACZoD,KAAK,EAAE;YACLG,QAAQ,EAAE,UAAU;YACpBC,GAAG,EAAE,CAAC;YACNC,KAAK,EAAE,CAAC;YACRC,MAAM,EAAE,CAAC;YACTC,IAAI,EAAE,CAAC;YACPC,eAAe,EAAE,iBAAiB;YAClCC,OAAO,EAAExC;UACX,CAAE;UAAAT,QAAA,eAEFR,IAAA,CAACN,SAAS;YACRsD,KAAK,EAAE;cAAEC,IAAI,EAAE;YAAE,CAAE;YACnBS,OAAO,EAAE3B,YAAa;YACtB4B,kBAAkB,EAAC;UAAe,CACnC;QAAC,CACW,CAAC,eAEhBzD,KAAA,CAACZ,QAAQ,CAACM,IAAI;UACZoD,KAAK,EAAE;YACLvC,MAAM,EAAEE,WAAW;YACnB6C,eAAe,EAAEjD,KAAK,CAACqD,MAAM,CAACC,OAAO;YACrCC,mBAAmB,EAAEvD,KAAK,CAACwD,KAAK,CAACC,KAAK;YACtCC,oBAAoB,EAAE1D,KAAK,CAACwD,KAAK,CAACC,KAAK;YACvCE,WAAW,EAAE,CAAC;YACdC,iBAAiB,EAAE,CAAC;YACpBC,WAAW,EAAE7D,KAAK,CAACqD,MAAM,CAACS,MAAM;YAChCC,SAAS,EAAE,CAAC;cAAExD;YAAW,CAAC;UAC5B,CAAE;UAAAN,QAAA,gBAGFR,IAAA,CAACJ,IAAI;YAAA,GACCoC,YAAY,CAACuC,WAAW;YAC5BvB,KAAK,EAAE;cAAEwB,UAAU,EAAE,QAAQ;cAAEC,eAAe,EAAE;YAAG,CAAE;YAAAjE,QAAA,eAErDR,IAAA,CAACJ,IAAI;cACHoD,KAAK,EAAE;gBACL0B,KAAK,EAAE,EAAE;gBACTjE,MAAM,EAAE,CAAC;gBACTkE,YAAY,EAAE,CAAC;gBACfnB,eAAe,EAAEjD,KAAK,CAACqD,MAAM,CAACgB;cAChC;YAAE,CACH;UAAC,CACE,CAAC,eACP5E,IAAA,CAACF,YAAY;YAAC+E,KAAK,EAAE,CAAC,QAAQ,CAAE;YAAC7B,KAAK,EAAE;cAAEC,IAAI,EAAE;YAAE,CAAE;YAAAzC,QAAA,EACjDA;UAAQ,CACG,CAAC;QAAA,CACF,CAAC;MAAA,CACZ;IAAC,CACS;EAAC,CACd,CAAC;AAEZ","ignoreList":[]}