@fluid-app/portal-sdk 0.1.244 → 0.1.246

package/dist/{SubscriptionsScreen-t5wtDGfB.cjs → SubscriptionsScreen-dhnfYn4L.cjs}

@@ -4,10 +4,10 @@ require("./pay-api-context-_o5ZEXYt.cjs");
 require("./countries-api-context-C0C0K9gJ.cjs");
 require("./src-uhf6Szlw.cjs");
 require("./ScreenHeaderContext-oIu5Bvhs.cjs");
-require("./fluid-pay-api-adapter-BszgrFL6.cjs");
-const require_SubscriptionsScreen = require("./SubscriptionsScreen-DrDSwMXS.cjs");
-require("./SearchSort-CeJqRK2c.cjs");
-require("./InfiniteScrollSentinel-DeIL8UkW.cjs");
-require("./order-status-badge-DHyaK6mU.cjs");
+require("./fluid-pay-api-adapter-D63KLi5c.cjs");
+const require_SubscriptionsScreen = require("./SubscriptionsScreen-B88_dLfE.cjs");
+require("./SearchSort-BP2ktxyN.cjs");
+require("./InfiniteScrollSentinel-BaPx1tjC.cjs");
+require("./order-status-badge-BKvLeVsM.cjs");
 exports.SubscriptionsScreen = require_SubscriptionsScreen.SubscriptionsScreen;
 exports.subscriptionsScreenPropertySchema = require_SubscriptionsScreen.subscriptionsScreenPropertySchema;

package/dist/{UpgradeScreen-DUvg-WZv.cjs → UpgradeScreen-Bl9lb32K.cjs}

@@ -1,5 +1,5 @@
 require("./chunk-9hOWP6kD.cjs");
 require("./src-uhf6Szlw.cjs");
-const require_UpgradeScreen = require("./UpgradeScreen-DAKe_hiv.cjs");
+const require_UpgradeScreen = require("./UpgradeScreen-C-hFDAR2.cjs");
 exports.UpgradeScreen = require_UpgradeScreen.UpgradeScreen;
 exports.upgradeScreenPropertySchema = require_UpgradeScreen.upgradeScreenPropertySchema;

package/dist/{UpgradeScreen-DAKe_hiv.cjs → UpgradeScreen-C-hFDAR2.cjs}

@@ -133,4 +133,4 @@ Object.defineProperty(exports, "upgradeScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=UpgradeScreen-DAKe_hiv.cjs.map
+//# sourceMappingURL=UpgradeScreen-C-hFDAR2.cjs.map

package/dist/{UpgradeScreen-DAKe_hiv.cjs.map → UpgradeScreen-C-hFDAR2.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"UpgradeScreen-DAKe_hiv.cjs","names":["Sparkles","Phone","MessagesSquare","CalendarMinus","MessageSquareHeart","Card","CardHeader","CardTitle","CardDescription","Button"],"sources":["../../pro-upgrade-ui/src/lib/cn.ts","../../pro-upgrade-ui/src/components/PortalProUpgradeScreen.tsx","../src/screens/UpgradeScreen.tsx"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import {\n  Sparkles,\n  Phone,\n  MessagesSquare,\n  CalendarMinus,\n  MessageSquareHeart,\n  type LucideIcon,\n} from \"lucide-react\";\nimport {\n  Button,\n  Card,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@fluid-app/ui-primitives\";\nimport { cn } from \"../lib/cn\";\n\nexport interface PortalProUpgradeScreenProps {\n  onJoinWaitlist: () => void;\n  waitlistLoading?: boolean;\n  className?: string;\n}\n\ninterface Feature {\n  icon: LucideIcon;\n  title: string;\n  description: string;\n}\n\nconst FEATURES: Feature[] = [\n  {\n    icon: Sparkles,\n    title: \"Generative AI\",\n    description: \"Get quick drafts and creative messaging help.\",\n  },\n  {\n    icon: Phone,\n    title: \"Business phone number\",\n    description: \"Look professional with a dedicated client line.\",\n  },\n  {\n    icon: MessagesSquare,\n    title: \"Mass Messaging\",\n    description: \"Save time by messaging multiple clients at once.\",\n  },\n  {\n    icon: CalendarMinus,\n    title: \"Scheduled messages\",\n    description: \"Plan ahead and schedule messages easily.\",\n  },\n  {\n    icon: MessageSquareHeart,\n    title: \"Unified messaging\",\n    description: \"Combine email, SMS, and internal messages.\",\n  },\n];\n\nfunction FeatureCard({ icon: Icon, title, description }: Feature) {\n  return (\n    <Card className=\"bg-background text-foreground h-auto gap-0 border-none py-4\">\n      <CardHeader className=\"gap-3 px-4\">\n        <Icon className=\"size-6\" strokeWidth={1.5} />\n        <CardTitle className=\"text-sm font-bold\">{title}</CardTitle>\n        <CardDescription className=\"text-xs\">{description}</CardDescription>\n      </CardHeader>\n    </Card>\n  );\n}\n\nexport function PortalProUpgradeScreen({\n  onJoinWaitlist,\n  waitlistLoading = false,\n  className,\n}: PortalProUpgradeScreenProps) {\n  return (\n    <div\n      className={cn(\n        \"relative flex h-full w-full flex-col overflow-hidden md:flex-row\",\n        className,\n      )}\n    >\n      {/* Pastel gradient background */}\n      <div className=\"pointer-events-none absolute inset-0 rounded-xl bg-linear-[33deg,rgba(8,148,255,0.2)_4.5%,rgba(201,89,221,0.2)_24.5%,rgba(255,46,84,0.2)_54.6%,rgba(255,144,4,0.2)_69.2%,rgba(255,255,255,0.2)_76.4%] blur-[125px]\" />\n\n      {/* Hero collage - absolute, behind everything, fades right and bottom */}\n      <img\n        src=\"https://ik.imagekit.io/fluid/980191006/images/HW87RR/hero-collage_O6DCdkFib.png\"\n        alt=\"People using the app with push notifications\"\n        className=\"pointer-events-none absolute top-0 left-0 h-full w-full mask-b-from-20% mask-b-to-30% object-contain object-left-top md:w-4/5 md:mask-r-from-50% md:mask-r-to-70% md:mask-b-from-60% md:mask-b-to-80%\"\n      />\n\n      {/* Left Section - Logo & CTA */}\n      <div className=\"relative flex w-full shrink-0 flex-col items-center justify-end px-8 pt-40 md:w-1/2 md:pt-0 md:pb-10\">\n        <div className=\"flex flex-col items-center gap-4\">\n          <img\n            src=\"https://ik.imagekit.io/fluid/980191006/images/ZYT78J/co-founder-badge_NcorZNlUY.png\"\n            alt=\"Coming Soon - Co-Founder\"\n            className=\"h-auto w-120 object-contain\"\n          />\n          {/* TODO: This is currently hidden until we actually have a way to waitlist someone */}\n          <Button\n            className=\"hidden w-full md:w-auto\"\n            size=\"xl\"\n            onClick={onJoinWaitlist}\n            disabled={waitlistLoading}\n          >\n            {waitlistLoading ? \"Joining...\" : \"Join Waitlist\"}\n          </Button>\n        </div>\n      </div>\n\n      {/* Right Section - Content */}\n      <div className=\"relative flex min-w-0 flex-1 flex-col gap-6 overflow-y-auto px-8 pt-8 md:pt-16 md:pr-5 md:pb-5 md:pl-10\">\n        <div className=\"flex shrink-0 flex-col gap-2.5\">\n          <h1 className=\"text-3xl leading-tight font-semibold tracking-tight text-black md:text-5xl\">\n            It's like having an\n            <br />\n            assistant in your pocket\n          </h1>\n          <p className=\"text-sm leading-5 font-medium text-black\">\n            Upgrade your business\n          </p>\n        </div>\n        <div className=\"flex flex-col gap-4 pb-4\">\n          {FEATURES.map((feature) => (\n            <FeatureCard key={feature.title} {...feature} />\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n","import type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { PortalProUpgradeScreen } from \"@fluid-app/portal-pro-upgrade-ui\";\n\nexport const upgradeScreenPropertySchema = {\n  widgetType: \"UpgradeScreen\",\n  displayName: \"Upgrade Screen\",\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n\nexport function UpgradeScreen(): React.JSX.Element {\n  return (\n    <PortalProUpgradeScreen\n      onJoinWaitlist={() => {\n        // TODO: Wire up to waitlist API\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAGA,SAAgB,GAAG,GAAG,QAAsB;AAC1C,SAAA,GAAA,eAAA,UAAA,GAAA,KAAA,MAAoB,OAAO,CAAC;;;;ACyB9B,MAAM,WAAsB;CAC1B;EACE,MAAMA,aAAAA;EACN,OAAO;EACP,aAAa;EACd;CACD;EACE,MAAMC,aAAAA;EACN,OAAO;EACP,aAAa;EACd;CACD;EACE,MAAMC,aAAAA;EACN,OAAO;EACP,aAAa;EACd;CACD;EACE,MAAMC,aAAAA;EACN,OAAO;EACP,aAAa;EACd;CACD;EACE,MAAMC,aAAAA;EACN,OAAO;EACP,aAAa;EACd;CACF;AAED,SAAS,YAAY,EAAE,MAAM,MAAM,OAAO,eAAwB;AAChE,QACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,MAAD;EAAM,WAAU;YACd,iBAAA,GAAA,kBAAA,MAACC,YAAAA,YAAD;GAAY,WAAU;aAAtB;IACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;KAAM,WAAU;KAAS,aAAa;KAAO,CAAA;IAC7C,iBAAA,GAAA,kBAAA,KAACC,YAAAA,WAAD;KAAW,WAAU;eAAqB;KAAkB,CAAA;IAC5D,iBAAA,GAAA,kBAAA,KAACC,YAAAA,iBAAD;KAAiB,WAAU;eAAW;KAA8B,CAAA;IACzD;;EACR,CAAA;;AAIX,SAAgB,uBAAuB,EACrC,gBACA,kBAAkB,OAClB,aAC8B;AAC9B,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EACE,WAAW,GACT,oEACA,UACD;YAJH;GAOE,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAK,WAAU,sNAAuN,CAAA;GAGtO,iBAAA,GAAA,kBAAA,KAAC,OAAD;IACE,KAAI;IACJ,KAAI;IACJ,WAAU;IACV,CAAA;GAGF,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAU;cACb,iBAAA,GAAA,kBAAA,MAAC,OAAD;KAAK,WAAU;eAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;MACE,KAAI;MACJ,KAAI;MACJ,WAAU;MACV,CAAA,EAEF,iBAAA,GAAA,kBAAA,KAACC,YAAAA,QAAD;MACE,WAAU;MACV,MAAK;MACL,SAAS;MACT,UAAU;gBAET,kBAAkB,eAAe;MAC3B,CAAA,CACL;;IACF,CAAA;GAGN,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,WAAU;cAAf,CACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;KAAK,WAAU;eAAf,CACE,iBAAA,GAAA,kBAAA,MAAC,MAAD;MAAI,WAAU;gBAAd;OAA2F;OAEzF,iBAAA,GAAA,kBAAA,KAAC,MAAD,EAAM,CAAA;;OAEH;SACL,iBAAA,GAAA,kBAAA,KAAC,KAAD;MAAG,WAAU;gBAA2C;MAEpD,CAAA,CACA;QACN,iBAAA,GAAA,kBAAA,KAAC,OAAD;KAAK,WAAU;eACZ,SAAS,KAAK,YACb,iBAAA,GAAA,kBAAA,KAAC,aAAD,EAAiC,GAAI,SAAW,EAA9B,QAAQ,MAAsB,CAChD;KACE,CAAA,CACF;;GACF;;;;;AC9HV,MAAa,8BAA8B;CACzC,YAAY;CACZ,aAAa;CACb,QAAQ,EAAE;CACX;AAED,SAAgB,gBAAmC;AACjD,QACE,iBAAA,GAAA,kBAAA,KAAC,wBAAD,EACE,sBAAsB,IAGtB,CAAA"}
+{"version":3,"file":"UpgradeScreen-C-hFDAR2.cjs","names":["Sparkles","Phone","MessagesSquare","CalendarMinus","MessageSquareHeart","Card","CardHeader","CardTitle","CardDescription","Button"],"sources":["../../pro-upgrade-ui/src/lib/cn.ts","../../pro-upgrade-ui/src/components/PortalProUpgradeScreen.tsx","../src/screens/UpgradeScreen.tsx"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import {\n  Sparkles,\n  Phone,\n  MessagesSquare,\n  CalendarMinus,\n  MessageSquareHeart,\n  type LucideIcon,\n} from \"lucide-react\";\nimport {\n  Button,\n  Card,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@fluid-app/ui-primitives\";\nimport { cn } from \"../lib/cn\";\n\nexport interface PortalProUpgradeScreenProps {\n  onJoinWaitlist: () => void;\n  waitlistLoading?: boolean;\n  className?: string;\n}\n\ninterface Feature {\n  icon: LucideIcon;\n  title: string;\n  description: string;\n}\n\nconst FEATURES: Feature[] = [\n  {\n    icon: Sparkles,\n    title: \"Generative AI\",\n    description: \"Get quick drafts and creative messaging help.\",\n  },\n  {\n    icon: Phone,\n    title: \"Business phone number\",\n    description: \"Look professional with a dedicated client line.\",\n  },\n  {\n    icon: MessagesSquare,\n    title: \"Mass Messaging\",\n    description: \"Save time by messaging multiple clients at once.\",\n  },\n  {\n    icon: CalendarMinus,\n    title: \"Scheduled messages\",\n    description: \"Plan ahead and schedule messages easily.\",\n  },\n  {\n    icon: MessageSquareHeart,\n    title: \"Unified messaging\",\n    description: \"Combine email, SMS, and internal messages.\",\n  },\n];\n\nfunction FeatureCard({ icon: Icon, title, description }: Feature) {\n  return (\n    <Card className=\"bg-background text-foreground h-auto gap-0 border-none py-4\">\n      <CardHeader className=\"gap-3 px-4\">\n        <Icon className=\"size-6\" strokeWidth={1.5} />\n        <CardTitle className=\"text-sm font-bold\">{title}</CardTitle>\n        <CardDescription className=\"text-xs\">{description}</CardDescription>\n      </CardHeader>\n    </Card>\n  );\n}\n\nexport function PortalProUpgradeScreen({\n  onJoinWaitlist,\n  waitlistLoading = false,\n  className,\n}: PortalProUpgradeScreenProps) {\n  return (\n    <div\n      className={cn(\n        \"relative flex h-full w-full flex-col overflow-hidden md:flex-row\",\n        className,\n      )}\n    >\n      {/* Pastel gradient background */}\n      <div className=\"pointer-events-none absolute inset-0 rounded-xl bg-linear-[33deg,rgba(8,148,255,0.2)_4.5%,rgba(201,89,221,0.2)_24.5%,rgba(255,46,84,0.2)_54.6%,rgba(255,144,4,0.2)_69.2%,rgba(255,255,255,0.2)_76.4%] blur-[125px]\" />\n\n      {/* Hero collage - absolute, behind everything, fades right and bottom */}\n      <img\n        src=\"https://ik.imagekit.io/fluid/980191006/images/HW87RR/hero-collage_O6DCdkFib.png\"\n        alt=\"People using the app with push notifications\"\n        className=\"pointer-events-none absolute top-0 left-0 h-full w-full mask-b-from-20% mask-b-to-30% object-contain object-left-top md:w-4/5 md:mask-r-from-50% md:mask-r-to-70% md:mask-b-from-60% md:mask-b-to-80%\"\n      />\n\n      {/* Left Section - Logo & CTA */}\n      <div className=\"relative flex w-full shrink-0 flex-col items-center justify-end px-8 pt-40 md:w-1/2 md:pt-0 md:pb-10\">\n        <div className=\"flex flex-col items-center gap-4\">\n          <img\n            src=\"https://ik.imagekit.io/fluid/980191006/images/ZYT78J/co-founder-badge_NcorZNlUY.png\"\n            alt=\"Coming Soon - Co-Founder\"\n            className=\"h-auto w-120 object-contain\"\n          />\n          {/* TODO: This is currently hidden until we actually have a way to waitlist someone */}\n          <Button\n            className=\"hidden w-full md:w-auto\"\n            size=\"xl\"\n            onClick={onJoinWaitlist}\n            disabled={waitlistLoading}\n          >\n            {waitlistLoading ? \"Joining...\" : \"Join Waitlist\"}\n          </Button>\n        </div>\n      </div>\n\n      {/* Right Section - Content */}\n      <div className=\"relative flex min-w-0 flex-1 flex-col gap-6 overflow-y-auto px-8 pt-8 md:pt-16 md:pr-5 md:pb-5 md:pl-10\">\n        <div className=\"flex shrink-0 flex-col gap-2.5\">\n          <h1 className=\"text-3xl leading-tight font-semibold tracking-tight text-black md:text-5xl\">\n            It's like having an\n            <br />\n            assistant in your pocket\n          </h1>\n          <p className=\"text-sm leading-5 font-medium text-black\">\n            Upgrade your business\n          </p>\n        </div>\n        <div className=\"flex flex-col gap-4 pb-4\">\n          {FEATURES.map((feature) => (\n            <FeatureCard key={feature.title} {...feature} />\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n","import type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { PortalProUpgradeScreen } from \"@fluid-app/portal-pro-upgrade-ui\";\n\nexport const upgradeScreenPropertySchema = {\n  widgetType: \"UpgradeScreen\",\n  displayName: \"Upgrade Screen\",\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n\nexport function UpgradeScreen(): React.JSX.Element {\n  return (\n    <PortalProUpgradeScreen\n      onJoinWaitlist={() => {\n        // TODO: Wire up to waitlist API\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAGA,SAAgB,GAAG,GAAG,QAAsB;AAC1C,SAAA,GAAA,eAAA,UAAA,GAAA,KAAA,MAAoB,OAAO,CAAC;;;;ACyB9B,MAAM,WAAsB;CAC1B;EACE,MAAMA,aAAAA;EACN,OAAO;EACP,aAAa;EACd;CACD;EACE,MAAMC,aAAAA;EACN,OAAO;EACP,aAAa;EACd;CACD;EACE,MAAMC,aAAAA;EACN,OAAO;EACP,aAAa;EACd;CACD;EACE,MAAMC,aAAAA;EACN,OAAO;EACP,aAAa;EACd;CACD;EACE,MAAMC,aAAAA;EACN,OAAO;EACP,aAAa;EACd;CACF;AAED,SAAS,YAAY,EAAE,MAAM,MAAM,OAAO,eAAwB;AAChE,QACE,iBAAA,GAAA,kBAAA,KAACC,YAAAA,MAAD;EAAM,WAAU;YACd,iBAAA,GAAA,kBAAA,MAACC,YAAAA,YAAD;GAAY,WAAU;aAAtB;IACE,iBAAA,GAAA,kBAAA,KAAC,MAAD;KAAM,WAAU;KAAS,aAAa;KAAO,CAAA;IAC7C,iBAAA,GAAA,kBAAA,KAACC,YAAAA,WAAD;KAAW,WAAU;eAAqB;KAAkB,CAAA;IAC5D,iBAAA,GAAA,kBAAA,KAACC,YAAAA,iBAAD;KAAiB,WAAU;eAAW;KAA8B,CAAA;IACzD;;EACR,CAAA;;AAIX,SAAgB,uBAAuB,EACrC,gBACA,kBAAkB,OAClB,aAC8B;AAC9B,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EACE,WAAW,GACT,oEACA,UACD;YAJH;GAOE,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAK,WAAU,sNAAuN,CAAA;GAGtO,iBAAA,GAAA,kBAAA,KAAC,OAAD;IACE,KAAI;IACJ,KAAI;IACJ,WAAU;IACV,CAAA;GAGF,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAU;cACb,iBAAA,GAAA,kBAAA,MAAC,OAAD;KAAK,WAAU;eAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;MACE,KAAI;MACJ,KAAI;MACJ,WAAU;MACV,CAAA,EAEF,iBAAA,GAAA,kBAAA,KAACC,YAAAA,QAAD;MACE,WAAU;MACV,MAAK;MACL,SAAS;MACT,UAAU;gBAET,kBAAkB,eAAe;MAC3B,CAAA,CACL;;IACF,CAAA;GAGN,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAK,WAAU;cAAf,CACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;KAAK,WAAU;eAAf,CACE,iBAAA,GAAA,kBAAA,MAAC,MAAD;MAAI,WAAU;gBAAd;OAA2F;OAEzF,iBAAA,GAAA,kBAAA,KAAC,MAAD,EAAM,CAAA;;OAEH;SACL,iBAAA,GAAA,kBAAA,KAAC,KAAD;MAAG,WAAU;gBAA2C;MAEpD,CAAA,CACA;QACN,iBAAA,GAAA,kBAAA,KAAC,OAAD;KAAK,WAAU;eACZ,SAAS,KAAK,YACb,iBAAA,GAAA,kBAAA,KAAC,aAAD,EAAiC,GAAI,SAAW,EAA9B,QAAQ,MAAsB,CAChD;KACE,CAAA,CACF;;GACF;;;;;AC9HV,MAAa,8BAA8B;CACzC,YAAY;CACZ,aAAa;CACb,QAAQ,EAAE;CACX;AAED,SAAgB,gBAAmC;AACjD,QACE,iBAAA,GAAA,kBAAA,KAAC,wBAAD,EACE,sBAAsB,IAGtB,CAAA"}

package/dist/{UpgradeScreen-DnGnWVTf.mjs → UpgradeScreen-X6j0_625.mjs}

@@ -126,4 +126,4 @@ function UpgradeScreen() {
 //#endregion
 export { UpgradeScreen_exports as t };
 
-//# sourceMappingURL=UpgradeScreen-DnGnWVTf.mjs.map
+//# sourceMappingURL=UpgradeScreen-X6j0_625.mjs.map

package/dist/{UpgradeScreen-DnGnWVTf.mjs.map → UpgradeScreen-X6j0_625.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"UpgradeScreen-DnGnWVTf.mjs","names":[],"sources":["../../pro-upgrade-ui/src/lib/cn.ts","../../pro-upgrade-ui/src/components/PortalProUpgradeScreen.tsx","../src/screens/UpgradeScreen.tsx"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import {\n  Sparkles,\n  Phone,\n  MessagesSquare,\n  CalendarMinus,\n  MessageSquareHeart,\n  type LucideIcon,\n} from \"lucide-react\";\nimport {\n  Button,\n  Card,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@fluid-app/ui-primitives\";\nimport { cn } from \"../lib/cn\";\n\nexport interface PortalProUpgradeScreenProps {\n  onJoinWaitlist: () => void;\n  waitlistLoading?: boolean;\n  className?: string;\n}\n\ninterface Feature {\n  icon: LucideIcon;\n  title: string;\n  description: string;\n}\n\nconst FEATURES: Feature[] = [\n  {\n    icon: Sparkles,\n    title: \"Generative AI\",\n    description: \"Get quick drafts and creative messaging help.\",\n  },\n  {\n    icon: Phone,\n    title: \"Business phone number\",\n    description: \"Look professional with a dedicated client line.\",\n  },\n  {\n    icon: MessagesSquare,\n    title: \"Mass Messaging\",\n    description: \"Save time by messaging multiple clients at once.\",\n  },\n  {\n    icon: CalendarMinus,\n    title: \"Scheduled messages\",\n    description: \"Plan ahead and schedule messages easily.\",\n  },\n  {\n    icon: MessageSquareHeart,\n    title: \"Unified messaging\",\n    description: \"Combine email, SMS, and internal messages.\",\n  },\n];\n\nfunction FeatureCard({ icon: Icon, title, description }: Feature) {\n  return (\n    <Card className=\"bg-background text-foreground h-auto gap-0 border-none py-4\">\n      <CardHeader className=\"gap-3 px-4\">\n        <Icon className=\"size-6\" strokeWidth={1.5} />\n        <CardTitle className=\"text-sm font-bold\">{title}</CardTitle>\n        <CardDescription className=\"text-xs\">{description}</CardDescription>\n      </CardHeader>\n    </Card>\n  );\n}\n\nexport function PortalProUpgradeScreen({\n  onJoinWaitlist,\n  waitlistLoading = false,\n  className,\n}: PortalProUpgradeScreenProps) {\n  return (\n    <div\n      className={cn(\n        \"relative flex h-full w-full flex-col overflow-hidden md:flex-row\",\n        className,\n      )}\n    >\n      {/* Pastel gradient background */}\n      <div className=\"pointer-events-none absolute inset-0 rounded-xl bg-linear-[33deg,rgba(8,148,255,0.2)_4.5%,rgba(201,89,221,0.2)_24.5%,rgba(255,46,84,0.2)_54.6%,rgba(255,144,4,0.2)_69.2%,rgba(255,255,255,0.2)_76.4%] blur-[125px]\" />\n\n      {/* Hero collage - absolute, behind everything, fades right and bottom */}\n      <img\n        src=\"https://ik.imagekit.io/fluid/980191006/images/HW87RR/hero-collage_O6DCdkFib.png\"\n        alt=\"People using the app with push notifications\"\n        className=\"pointer-events-none absolute top-0 left-0 h-full w-full mask-b-from-20% mask-b-to-30% object-contain object-left-top md:w-4/5 md:mask-r-from-50% md:mask-r-to-70% md:mask-b-from-60% md:mask-b-to-80%\"\n      />\n\n      {/* Left Section - Logo & CTA */}\n      <div className=\"relative flex w-full shrink-0 flex-col items-center justify-end px-8 pt-40 md:w-1/2 md:pt-0 md:pb-10\">\n        <div className=\"flex flex-col items-center gap-4\">\n          <img\n            src=\"https://ik.imagekit.io/fluid/980191006/images/ZYT78J/co-founder-badge_NcorZNlUY.png\"\n            alt=\"Coming Soon - Co-Founder\"\n            className=\"h-auto w-120 object-contain\"\n          />\n          {/* TODO: This is currently hidden until we actually have a way to waitlist someone */}\n          <Button\n            className=\"hidden w-full md:w-auto\"\n            size=\"xl\"\n            onClick={onJoinWaitlist}\n            disabled={waitlistLoading}\n          >\n            {waitlistLoading ? \"Joining...\" : \"Join Waitlist\"}\n          </Button>\n        </div>\n      </div>\n\n      {/* Right Section - Content */}\n      <div className=\"relative flex min-w-0 flex-1 flex-col gap-6 overflow-y-auto px-8 pt-8 md:pt-16 md:pr-5 md:pb-5 md:pl-10\">\n        <div className=\"flex shrink-0 flex-col gap-2.5\">\n          <h1 className=\"text-3xl leading-tight font-semibold tracking-tight text-black md:text-5xl\">\n            It's like having an\n            <br />\n            assistant in your pocket\n          </h1>\n          <p className=\"text-sm leading-5 font-medium text-black\">\n            Upgrade your business\n          </p>\n        </div>\n        <div className=\"flex flex-col gap-4 pb-4\">\n          {FEATURES.map((feature) => (\n            <FeatureCard key={feature.title} {...feature} />\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n","import type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { PortalProUpgradeScreen } from \"@fluid-app/portal-pro-upgrade-ui\";\n\nexport const upgradeScreenPropertySchema = {\n  widgetType: \"UpgradeScreen\",\n  displayName: \"Upgrade Screen\",\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n\nexport function UpgradeScreen(): React.JSX.Element {\n  return (\n    <PortalProUpgradeScreen\n      onJoinWaitlist={() => {\n        // TODO: Wire up to waitlist API\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAGA,SAAgB,GAAG,GAAG,QAAsB;AAC1C,QAAO,QAAQ,KAAK,OAAO,CAAC;;;;ACyB9B,MAAM,WAAsB;CAC1B;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACd;CACD;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACd;CACD;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACd;CACD;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACd;CACD;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACd;CACF;AAED,SAAS,YAAY,EAAE,MAAM,MAAM,OAAO,eAAwB;AAChE,QACE,oBAAC,MAAD;EAAM,WAAU;YACd,qBAAC,YAAD;GAAY,WAAU;aAAtB;IACE,oBAAC,MAAD;KAAM,WAAU;KAAS,aAAa;KAAO,CAAA;IAC7C,oBAAC,WAAD;KAAW,WAAU;eAAqB;KAAkB,CAAA;IAC5D,oBAAC,iBAAD;KAAiB,WAAU;eAAW;KAA8B,CAAA;IACzD;;EACR,CAAA;;AAIX,SAAgB,uBAAuB,EACrC,gBACA,kBAAkB,OAClB,aAC8B;AAC9B,QACE,qBAAC,OAAD;EACE,WAAW,GACT,oEACA,UACD;YAJH;GAOE,oBAAC,OAAD,EAAK,WAAU,sNAAuN,CAAA;GAGtO,oBAAC,OAAD;IACE,KAAI;IACJ,KAAI;IACJ,WAAU;IACV,CAAA;GAGF,oBAAC,OAAD;IAAK,WAAU;cACb,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,OAAD;MACE,KAAI;MACJ,KAAI;MACJ,WAAU;MACV,CAAA,EAEF,oBAAC,QAAD;MACE,WAAU;MACV,MAAK;MACL,SAAS;MACT,UAAU;gBAET,kBAAkB,eAAe;MAC3B,CAAA,CACL;;IACF,CAAA;GAGN,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,qBAAC,MAAD;MAAI,WAAU;gBAAd;OAA2F;OAEzF,oBAAC,MAAD,EAAM,CAAA;;OAEH;SACL,oBAAC,KAAD;MAAG,WAAU;gBAA2C;MAEpD,CAAA,CACA;QACN,oBAAC,OAAD;KAAK,WAAU;eACZ,SAAS,KAAK,YACb,oBAAC,aAAD,EAAiC,GAAI,SAAW,EAA9B,QAAQ,MAAsB,CAChD;KACE,CAAA,CACF;;GACF;;;;;;;;;AC9HV,MAAa,8BAA8B;CACzC,YAAY;CACZ,aAAa;CACb,QAAQ,EAAE;CACX;AAED,SAAgB,gBAAmC;AACjD,QACE,oBAAC,wBAAD,EACE,sBAAsB,IAGtB,CAAA"}
+{"version":3,"file":"UpgradeScreen-X6j0_625.mjs","names":[],"sources":["../../pro-upgrade-ui/src/lib/cn.ts","../../pro-upgrade-ui/src/components/PortalProUpgradeScreen.tsx","../src/screens/UpgradeScreen.tsx"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n","import {\n  Sparkles,\n  Phone,\n  MessagesSquare,\n  CalendarMinus,\n  MessageSquareHeart,\n  type LucideIcon,\n} from \"lucide-react\";\nimport {\n  Button,\n  Card,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@fluid-app/ui-primitives\";\nimport { cn } from \"../lib/cn\";\n\nexport interface PortalProUpgradeScreenProps {\n  onJoinWaitlist: () => void;\n  waitlistLoading?: boolean;\n  className?: string;\n}\n\ninterface Feature {\n  icon: LucideIcon;\n  title: string;\n  description: string;\n}\n\nconst FEATURES: Feature[] = [\n  {\n    icon: Sparkles,\n    title: \"Generative AI\",\n    description: \"Get quick drafts and creative messaging help.\",\n  },\n  {\n    icon: Phone,\n    title: \"Business phone number\",\n    description: \"Look professional with a dedicated client line.\",\n  },\n  {\n    icon: MessagesSquare,\n    title: \"Mass Messaging\",\n    description: \"Save time by messaging multiple clients at once.\",\n  },\n  {\n    icon: CalendarMinus,\n    title: \"Scheduled messages\",\n    description: \"Plan ahead and schedule messages easily.\",\n  },\n  {\n    icon: MessageSquareHeart,\n    title: \"Unified messaging\",\n    description: \"Combine email, SMS, and internal messages.\",\n  },\n];\n\nfunction FeatureCard({ icon: Icon, title, description }: Feature) {\n  return (\n    <Card className=\"bg-background text-foreground h-auto gap-0 border-none py-4\">\n      <CardHeader className=\"gap-3 px-4\">\n        <Icon className=\"size-6\" strokeWidth={1.5} />\n        <CardTitle className=\"text-sm font-bold\">{title}</CardTitle>\n        <CardDescription className=\"text-xs\">{description}</CardDescription>\n      </CardHeader>\n    </Card>\n  );\n}\n\nexport function PortalProUpgradeScreen({\n  onJoinWaitlist,\n  waitlistLoading = false,\n  className,\n}: PortalProUpgradeScreenProps) {\n  return (\n    <div\n      className={cn(\n        \"relative flex h-full w-full flex-col overflow-hidden md:flex-row\",\n        className,\n      )}\n    >\n      {/* Pastel gradient background */}\n      <div className=\"pointer-events-none absolute inset-0 rounded-xl bg-linear-[33deg,rgba(8,148,255,0.2)_4.5%,rgba(201,89,221,0.2)_24.5%,rgba(255,46,84,0.2)_54.6%,rgba(255,144,4,0.2)_69.2%,rgba(255,255,255,0.2)_76.4%] blur-[125px]\" />\n\n      {/* Hero collage - absolute, behind everything, fades right and bottom */}\n      <img\n        src=\"https://ik.imagekit.io/fluid/980191006/images/HW87RR/hero-collage_O6DCdkFib.png\"\n        alt=\"People using the app with push notifications\"\n        className=\"pointer-events-none absolute top-0 left-0 h-full w-full mask-b-from-20% mask-b-to-30% object-contain object-left-top md:w-4/5 md:mask-r-from-50% md:mask-r-to-70% md:mask-b-from-60% md:mask-b-to-80%\"\n      />\n\n      {/* Left Section - Logo & CTA */}\n      <div className=\"relative flex w-full shrink-0 flex-col items-center justify-end px-8 pt-40 md:w-1/2 md:pt-0 md:pb-10\">\n        <div className=\"flex flex-col items-center gap-4\">\n          <img\n            src=\"https://ik.imagekit.io/fluid/980191006/images/ZYT78J/co-founder-badge_NcorZNlUY.png\"\n            alt=\"Coming Soon - Co-Founder\"\n            className=\"h-auto w-120 object-contain\"\n          />\n          {/* TODO: This is currently hidden until we actually have a way to waitlist someone */}\n          <Button\n            className=\"hidden w-full md:w-auto\"\n            size=\"xl\"\n            onClick={onJoinWaitlist}\n            disabled={waitlistLoading}\n          >\n            {waitlistLoading ? \"Joining...\" : \"Join Waitlist\"}\n          </Button>\n        </div>\n      </div>\n\n      {/* Right Section - Content */}\n      <div className=\"relative flex min-w-0 flex-1 flex-col gap-6 overflow-y-auto px-8 pt-8 md:pt-16 md:pr-5 md:pb-5 md:pl-10\">\n        <div className=\"flex shrink-0 flex-col gap-2.5\">\n          <h1 className=\"text-3xl leading-tight font-semibold tracking-tight text-black md:text-5xl\">\n            It's like having an\n            <br />\n            assistant in your pocket\n          </h1>\n          <p className=\"text-sm leading-5 font-medium text-black\">\n            Upgrade your business\n          </p>\n        </div>\n        <div className=\"flex flex-col gap-4 pb-4\">\n          {FEATURES.map((feature) => (\n            <FeatureCard key={feature.title} {...feature} />\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n}\n","import type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { PortalProUpgradeScreen } from \"@fluid-app/portal-pro-upgrade-ui\";\n\nexport const upgradeScreenPropertySchema = {\n  widgetType: \"UpgradeScreen\",\n  displayName: \"Upgrade Screen\",\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n\nexport function UpgradeScreen(): React.JSX.Element {\n  return (\n    <PortalProUpgradeScreen\n      onJoinWaitlist={() => {\n        // TODO: Wire up to waitlist API\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAGA,SAAgB,GAAG,GAAG,QAAsB;AAC1C,QAAO,QAAQ,KAAK,OAAO,CAAC;;;;ACyB9B,MAAM,WAAsB;CAC1B;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACd;CACD;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACd;CACD;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACd;CACD;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACd;CACD;EACE,MAAM;EACN,OAAO;EACP,aAAa;EACd;CACF;AAED,SAAS,YAAY,EAAE,MAAM,MAAM,OAAO,eAAwB;AAChE,QACE,oBAAC,MAAD;EAAM,WAAU;YACd,qBAAC,YAAD;GAAY,WAAU;aAAtB;IACE,oBAAC,MAAD;KAAM,WAAU;KAAS,aAAa;KAAO,CAAA;IAC7C,oBAAC,WAAD;KAAW,WAAU;eAAqB;KAAkB,CAAA;IAC5D,oBAAC,iBAAD;KAAiB,WAAU;eAAW;KAA8B,CAAA;IACzD;;EACR,CAAA;;AAIX,SAAgB,uBAAuB,EACrC,gBACA,kBAAkB,OAClB,aAC8B;AAC9B,QACE,qBAAC,OAAD;EACE,WAAW,GACT,oEACA,UACD;YAJH;GAOE,oBAAC,OAAD,EAAK,WAAU,sNAAuN,CAAA;GAGtO,oBAAC,OAAD;IACE,KAAI;IACJ,KAAI;IACJ,WAAU;IACV,CAAA;GAGF,oBAAC,OAAD;IAAK,WAAU;cACb,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,oBAAC,OAAD;MACE,KAAI;MACJ,KAAI;MACJ,WAAU;MACV,CAAA,EAEF,oBAAC,QAAD;MACE,WAAU;MACV,MAAK;MACL,SAAS;MACT,UAAU;gBAET,kBAAkB,eAAe;MAC3B,CAAA,CACL;;IACF,CAAA;GAGN,qBAAC,OAAD;IAAK,WAAU;cAAf,CACE,qBAAC,OAAD;KAAK,WAAU;eAAf,CACE,qBAAC,MAAD;MAAI,WAAU;gBAAd;OAA2F;OAEzF,oBAAC,MAAD,EAAM,CAAA;;OAEH;SACL,oBAAC,KAAD;MAAG,WAAU;gBAA2C;MAEpD,CAAA,CACA;QACN,oBAAC,OAAD;KAAK,WAAU;eACZ,SAAS,KAAK,YACb,oBAAC,aAAD,EAAiC,GAAI,SAAW,EAA9B,QAAQ,MAAsB,CAChD;KACE,CAAA,CACF;;GACF;;;;;;;;;AC9HV,MAAa,8BAA8B;CACzC,YAAY;CACZ,aAAa;CACb,QAAQ,EAAE;CACX;AAED,SAAgB,gBAAmC;AACjD,QACE,oBAAC,wBAAD,EACE,sBAAsB,IAGtB,CAAA"}

package/dist/{MySiteScreen-CUyJteDm.cjs → components-BKADyCYp.cjs}

@@ -1,9 +1,7 @@
-const require_chunk = require("./chunk-9hOWP6kD.cjs");
+require("./chunk-9hOWP6kD.cjs");
 const require_src = require("./src-uhf6Szlw.cjs");
-const require_ScreenHeaderContext = require("./ScreenHeaderContext-oIu5Bvhs.cjs");
-const require_dist$3 = require("./dist-BQZkLGL6.cjs");
+const require_dist$3 = require("./dist-DJAHGHHi.cjs");
 let react = require("react");
-react = require_chunk.__toESM(react);
 require("@tanstack/react-query");
 let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
@@ -991,475 +989,53 @@ function PortalFavoritesEditor({ onBack, onRefreshPreview, onToast }) {
 	] });
 }
 //#endregion
-//#region ../../mysite/ui/src/portal/components/MySiteProfileForm.tsx
-function MySiteProfileForm({ onBack, onToast, onRefreshPreview, onUploadPhoto, avatarUrl, userName, userInitial }) {
-	const { data: profile, isLoading: isProfileLoading } = require_dist$3.usePortalMySiteProfile();
-	const updateProfileMutation = require_dist$3.usePortalUpdateProfile();
-	const [formState, setFormState] = (0, react.useState)(() => ({ bio: "" }));
-	const profileSyncedRef = (0, react.useRef)(false);
-	(0, react.useEffect)(() => {
-		if (profile && !profileSyncedRef.current) {
-			profileSyncedRef.current = true;
-			setFormState({ bio: profile.bio ?? "" });
-		}
-	}, [profile]);
-	const isDirty = formState.bio.trim() !== (profile?.bio ?? "");
-	const handleFieldChange = (0, react.useCallback)((field, value) => {
-		setFormState((s) => ({
-			...s,
-			[field]: value
-		}));
-	}, []);
-	const handleSave = (0, react.useCallback)(() => {
-		const trimmedBio = formState.bio.trim();
-		updateProfileMutation.mutate({ bio: trimmedBio }, {
-			onSuccess: () => {
-				profileSyncedRef.current = false;
-				onToast?.("Profile updated successfully", "success");
-				onRefreshPreview?.();
-			},
-			onError: () => {
-				onToast?.("Failed to update profile", "error");
-			}
-		});
-	}, [
-		formState,
-		updateProfileMutation,
-		onToast,
-		onRefreshPreview
-	]);
-	const fileInputRef = (0, react.useRef)(null);
-	const [isUploadingPhoto, setIsUploadingPhoto] = (0, react.useState)(false);
-	const [previewUrl, setPreviewUrl] = (0, react.useState)(null);
-	(0, react.useEffect)(() => {
-		return () => {
-			if (previewUrl) URL.revokeObjectURL(previewUrl);
-		};
-	}, [previewUrl]);
-	const handleFileSelected = (0, react.useCallback)(async (e) => {
-		const file = e.target.files?.[0];
-		if (!file || !onUploadPhoto) return;
-		if (!file.type.startsWith("image/")) {
-			onToast?.("Please select an image file", "error");
-			return;
-		}
-		setPreviewUrl(URL.createObjectURL(file));
-		setIsUploadingPhoto(true);
-		try {
-			const imageUrl = await onUploadPhoto(file);
-			updateProfileMutation.mutate({ avatar_url: imageUrl }, {
-				onSuccess: () => {
-					setPreviewUrl(null);
-					onToast?.("Profile photo updated", "success");
-					onRefreshPreview?.();
-				},
-				onError: () => {
-					setPreviewUrl(null);
-					onToast?.("Failed to save profile photo", "error");
-				}
-			});
-		} catch {
-			setPreviewUrl(null);
-			onToast?.("Failed to upload photo", "error");
-		} finally {
-			setIsUploadingPhoto(false);
-			if (fileInputRef.current) fileInputRef.current.value = "";
-		}
-	}, [
-		onUploadPhoto,
-		updateProfileMutation,
-		onToast,
-		onRefreshPreview
-	]);
-	if (isProfileLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: "flex h-full items-center justify-center",
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "text-muted-foreground animate-pulse",
-			children: "Loading..."
-		})
-	});
-	const displayAvatarUrl = previewUrl || avatarUrl || profile?.avatar_url;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "space-y-4 p-4 sm:space-y-6 sm:p-6",
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
-					type: "button",
-					onClick: onBack,
-					className: "text-muted-foreground hover:bg-muted hover:text-foreground flex h-10 w-10 items-center justify-center rounded-full transition-colors",
-					"aria-label": "Go back",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ArrowLeft, { className: "h-5 w-5" })
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
-					className: "text-foreground text-xl font-bold sm:text-2xl",
-					children: "Profile"
-				})]
-			}),
-			onUploadPhoto && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Card, {
-				className: "p-4 sm:p-6",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
-					ref: fileInputRef,
-					type: "file",
-					accept: "image/*",
-					className: "hidden",
-					onChange: handleFileSelected
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "flex flex-col items-center gap-3 sm:flex-row sm:gap-4",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "relative h-[120px] w-[120px] shrink-0 overflow-hidden rounded-full bg-gray-200",
-						children: [displayAvatarUrl ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
-							src: displayAvatarUrl,
-							alt: userName || "Profile",
-							className: "h-full w-full object-cover"
-						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "bg-background text-foreground flex h-full w-full items-center justify-center text-xl font-semibold",
-							children: userInitial || "U"
-						}), isUploadingPhoto && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "absolute inset-0 flex items-center justify-center rounded-full bg-black/40",
-							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "border-t-primary h-6 w-6 animate-spin rounded-full border-2 border-white" })
-						})]
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
-						variant: "secondary",
-						size: "sm",
-						onClick: () => fileInputRef.current?.click(),
-						disabled: isUploadingPhoto,
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Camera, { className: "mr-1 h-4 w-4" }), isUploadingPhoto ? "Uploading..." : "Change Photo"]
-					})]
-				})]
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Card, {
-				className: "h-auto gap-0 py-0 shadow-none",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.CardContent, {
-					className: "space-y-4 p-4 sm:p-6",
-					children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "space-y-2",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Label, {
-							htmlFor: "profile-bio",
-							children: "Bio"
-						}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Textarea, {
-							id: "profile-bio",
-							rows: 4,
-							value: formState.bio,
-							onChange: (e) => handleFieldChange("bio", e.target.value),
-							placeholder: "Tell people a little about yourself..."
-						})]
-					})
-				})
-			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "flex justify-end",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Button, {
-					onClick: handleSave,
-					disabled: !isDirty || updateProfileMutation.isPending,
-					className: "w-full sm:w-auto",
-					children: updateProfileMutation.isPending ? "Saving..." : "Save Changes"
-				})
-			})
-		]
-	});
-}
-//#endregion
-//#region src/screens/MySiteScreen/MySiteMainView.tsx
-const navigationItems = [
-	{
-		label: "Profile",
-		key: "profile",
-		icon: lucide_react.User
-	},
-	{
-		label: "Theme",
-		key: "theme",
-		icon: lucide_react.Palette
-	},
-	{
-		label: "MySite Content",
-		key: "content",
-		icon: lucide_react.LayoutGrid
-	},
-	{
-		label: "Buttons",
-		key: "buttons",
-		icon: lucide_react.Link2
+Object.defineProperty(exports, "MySiteLinkCard", {
+	enumerable: true,
+	get: function() {
+		return MySiteLinkCard;
 	}
-];
-function defaultToast(message, type) {
-	require_src.fluidToast({
-		title: message,
-		type
-	});
-}
-function MySiteMainView({ editingSection, animPhase, showEditContent, onEditSection, onBackClick }) {
-	const { data: profile, isLoading: isProfileLoading } = require_dist$3.usePortalMySiteProfile();
-	const { data: themes = [] } = require_dist$3.usePortalMySiteThemes();
-	const updateSettingsMutation = require_dist$3.usePortalUpdateSettings();
-	const [previewKey, setPreviewKey] = (0, react.useState)(0);
-	const refreshPreview = (0, react.useCallback)(() => setPreviewKey((k) => k + 1), []);
-	const [selectedThemeId, setSelectedThemeId] = (0, react.useState)(null);
-	const resolvedThemeId = selectedThemeId ?? profile?.theme_id ?? themes.find((t) => t.name === "Default")?.id ?? themes[0]?.id ?? null;
-	const themeName = themes.find((t) => t.id === resolvedThemeId)?.name ?? "Default";
-	const mysiteUrl = profile?.mysite_url ?? "";
-	const displayUrl = mysiteUrl ? mysiteUrl.replace(/^https?:\/\//, "") : "";
-	const views = profile?.mysite_views ?? 0;
-	const leads = profile?.mysite_leads ?? 0;
-	const handleSelectTheme = (0, react.useCallback)((theme) => {
-		if (theme.id === resolvedThemeId) return;
-		const previousThemeId = selectedThemeId;
-		setSelectedThemeId(theme.id);
-		updateSettingsMutation.mutate({ theme_id: theme.id }, {
-			onSuccess: () => {
-				defaultToast(`Theme changed to "${theme.name}"`, "success");
-				refreshPreview();
-			},
-			onError: () => {
-				setSelectedThemeId(previousThemeId);
-				defaultToast("Failed to update theme", "error");
-			}
-		});
-	}, [
-		resolvedThemeId,
-		selectedThemeId,
-		updateSettingsMutation,
-		refreshPreview
-	]);
-	const handleUpdateSlug = (0, react.useCallback)(async (slug) => {
-		await new Promise((resolve, reject) => {
-			updateSettingsMutation.mutate({ slug }, {
-				onSuccess: () => resolve(),
-				onError: () => reject(/* @__PURE__ */ new Error("Failed"))
-			});
-		});
-	}, [updateSettingsMutation]);
-	const handlePreview = (0, react.useCallback)(() => {
-		if (mysiteUrl) window.open(`${mysiteUrl}?preview=true`, "_blank");
-	}, [mysiteUrl]);
-	const sectionLabel = (0, react.useMemo)(() => {
-		if (editingSection === "theme") return "Theme";
-		if (editingSection === "buttons") return "Buttons";
-		if (editingSection === "content") return "MySite Content";
-		if (editingSection === "profile") return "Profile";
-		return "";
-	}, [editingSection]);
-	if (isProfileLoading) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "flex h-full flex-col overflow-y-auto px-2 py-6 2xl:flex-row 2xl:overflow-hidden",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "w-full px-4 2xl:w-2/3 2xl:shrink-0",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "flex flex-col gap-5",
-				children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "bg-muted h-7 w-32 animate-pulse rounded-md" }),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "bg-muted h-20 w-full animate-pulse rounded-lg" }),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "bg-muted h-16 w-full animate-pulse rounded-lg" }),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "bg-muted h-40 w-full animate-pulse rounded-lg" })
-				]
-			})
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: "w-full shrink-0 overflow-y-hidden px-4 pt-5 2xl:w-1/3 2xl:pt-0",
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "bg-muted flex h-full flex-col items-center gap-4 rounded-xl p-5",
-				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-					className: "flex w-full items-center justify-between",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "space-y-1",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "bg-background/50 h-3 w-24 animate-pulse rounded" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "bg-background/50 h-4 w-28 animate-pulse rounded" })]
-					}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "bg-background/50 h-8 w-20 animate-pulse rounded-md" })]
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "bg-background/50 h-[490px] w-[260px] animate-pulse rounded-[36px] sm:h-[600px] sm:w-[320px]" })]
-			})
-		})]
-	});
-	const contentAnimClassName = getContentClassName(animPhase);
-	const previewAnimClassName = getPreviewClassName(animPhase);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "flex h-full flex-col overflow-y-auto px-2 py-6 2xl:flex-row 2xl:overflow-hidden",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: `w-full px-4 2xl:w-2/3 2xl:shrink-0 ${contentAnimClassName}`,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "flex min-w-0 flex-col gap-5 2xl:h-full 2xl:overflow-y-auto",
-				children: showEditContent && editingSection === "theme" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MySiteThemeEditor, {
-					themes,
-					selectedThemeId: resolvedThemeId,
-					onSelectTheme: handleSelectTheme,
-					isPending: updateSettingsMutation.isPending,
-					onBack: onBackClick
-				}) : showEditContent && editingSection === "buttons" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PortalButtonsEditor, {
-					onBack: onBackClick,
-					onRefreshPreview: refreshPreview,
-					onToast: defaultToast
-				}) : showEditContent && editingSection === "content" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PortalFavoritesEditor, {
-					onBack: onBackClick,
-					onRefreshPreview: refreshPreview,
-					onToast: defaultToast
-				}) : showEditContent && editingSection === "profile" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MySiteProfileForm, {
-					onBack: onBackClick,
-					onRefreshPreview: refreshPreview,
-					onToast: defaultToast
-				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-					/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h1", {
-							className: "text-foreground text-xl font-bold",
-							children: "MySite"
-						}), animPhase !== "idle" && sectionLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRight, { className: "text-muted-foreground h-4 w-4" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-							className: "text-foreground text-xl font-bold",
-							children: sectionLabel
-						})] })]
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MySiteVisitorDetailsCard, {
-						views,
-						leads
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(MySiteLinkCard, {
-						mysiteUrl,
-						displayUrl,
-						onUpdateSlug: handleUpdateSlug,
-						onToast: defaultToast
-					}),
-					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-						className: "border-border bg-card divide-border divide-y overflow-hidden rounded-lg border",
-						children: navigationItems.map((item) => {
-							const Icon = item.icon;
-							return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-								type: "button",
-								onClick: () => onEditSection(item.key),
-								className: "group hover:bg-muted flex w-full items-center gap-2.5 px-3 py-2.5 transition-colors text-left cursor-pointer",
-								children: [
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-										className: "bg-muted text-foreground flex h-7 w-7 shrink-0 items-center justify-center rounded-full",
-										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Icon, { className: "h-3.5 w-3.5" })
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-										className: "text-foreground flex-1 text-sm font-medium",
-										children: item.label
-									}),
-									/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronRight, { className: "text-muted-foreground h-3 w-3 shrink-0 transition-transform group-hover:translate-x-0.5" })
-								]
-							}, item.label);
-						})
-					})
-				] })
-			})
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: `w-full shrink-0 overflow-y-hidden px-4 pt-5 2xl:w-1/3 2xl:pt-0 ${previewAnimClassName}`,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MySitePhonePreview, {
-				mysiteUrl,
-				themeName,
-				previewKey,
-				isUpdating: updateSettingsMutation.isPending,
-				onPreview: handlePreview
-			})
-		})]
-	});
-}
-//#endregion
-//#region src/screens/MySiteScreen/use-mysite-editing-section.ts
-function useMySiteEditingSection() {
-	const [animPhase, setAnimPhase] = (0, react.useState)("idle");
-	const [editingSection, setEditingSection] = (0, react.useState)(null);
-	const timeoutsRef = (0, react.useRef)([]);
-	(0, react.useEffect)(() => {
-		const ref = timeoutsRef;
-		return () => ref.current.forEach(clearTimeout);
-	}, []);
-	const cancelScheduled = (0, react.useCallback)(() => {
-		timeoutsRef.current.forEach(clearTimeout);
-		timeoutsRef.current = [];
-	}, []);
-	const schedule = (0, react.useCallback)((phase, delay) => {
-		const id = setTimeout(() => setAnimPhase(phase), delay);
-		timeoutsRef.current.push(id);
-	}, []);
-	return {
-		editingSection,
-		animPhase,
-		showEditContent: [
-			"slide",
-			"fade-in",
-			"editing",
-			"exit-fade-out",
-			"exit-slide"
-		].includes(animPhase),
-		handleEditSection: (0, react.useCallback)((section) => {
-			cancelScheduled();
-			setEditingSection(section);
-			setAnimPhase("fade-out");
-			schedule("slide", 300);
-			schedule("fade-in", 800);
-			schedule("editing", 1100);
-		}, [cancelScheduled, schedule]),
-		handleBackClick: (0, react.useCallback)(() => {
-			cancelScheduled();
-			setAnimPhase("exit-fade-out");
-			schedule("exit-slide", 300);
-			schedule("exit-fade-in", 800);
-			const id = setTimeout(() => {
-				setAnimPhase("idle");
-				setEditingSection(null);
-			}, 1100);
-			timeoutsRef.current.push(id);
-		}, [cancelScheduled, schedule])
-	};
-}
-//#endregion
-//#region src/screens/MySiteScreen/index.tsx
-function MySiteScreen({ background, textColor, accentColor, padding, borderRadius, ...divProps }) {
-	const { editingSection, animPhase, showEditContent, handleEditSection, handleBackClick } = useMySiteEditingSection();
-	const sectionLabel = (0, react.useMemo)(() => {
-		if (editingSection === "theme") return "Theme";
-		if (editingSection === "buttons") return "Buttons";
-		if (editingSection === "content") return "MySite Content";
-		if (editingSection === "profile") return "Profile";
-		return null;
-	}, [editingSection]);
-	const handleRootCrumbClick = (0, react.useCallback)((e) => {
-		e.preventDefault();
-		if (editingSection !== null) handleBackClick();
-	}, [editingSection, handleBackClick]);
-	require_ScreenHeaderContext.useScreenHeaderBreadcrumbs((0, react.useMemo)(() => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.Breadcrumb, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.BreadcrumbList, {
-		className: "text-lg",
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: sectionLabel ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbLink, {
-			href: "#",
-			onClick: handleRootCrumbClick,
-			children: "My Site"
-		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbPage, {
-			className: "font-semibold",
-			children: "My Site"
-		}) }), sectionLabel && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbSeparator, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbItem, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.BreadcrumbPage, {
-			className: "font-semibold",
-			children: sectionLabel
-		}) })] })]
-	}) }), [sectionLabel, handleRootCrumbClick]));
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		...divProps,
-		className: `h-full ${divProps.className ?? ""}`,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MySiteMainView, {
-			editingSection,
-			animPhase,
-			showEditContent,
-			onEditSection: handleEditSection,
-			onBackClick: handleBackClick
-		})
-	});
-}
-const mySiteScreenPropertySchema = {
-	widgetType: "MySiteScreen",
-	displayName: "My Site Screen",
-	tabsConfig: [{
-		id: "styling",
-		label: "Styling"
-	}],
-	fields: []
-};
-//#endregion
-Object.defineProperty(exports, "MySiteScreen", {
+});
+Object.defineProperty(exports, "MySitePhonePreview", {
+	enumerable: true,
+	get: function() {
+		return MySitePhonePreview;
+	}
+});
+Object.defineProperty(exports, "MySiteThemeEditor", {
+	enumerable: true,
+	get: function() {
+		return MySiteThemeEditor;
+	}
+});
+Object.defineProperty(exports, "MySiteVisitorDetailsCard", {
+	enumerable: true,
+	get: function() {
+		return MySiteVisitorDetailsCard;
+	}
+});
+Object.defineProperty(exports, "PortalButtonsEditor", {
+	enumerable: true,
+	get: function() {
+		return PortalButtonsEditor;
+	}
+});
+Object.defineProperty(exports, "PortalFavoritesEditor", {
+	enumerable: true,
+	get: function() {
+		return PortalFavoritesEditor;
+	}
+});
+Object.defineProperty(exports, "getContentClassName", {
 	enumerable: true,
 	get: function() {
-		return MySiteScreen;
+		return getContentClassName;
 	}
 });
-Object.defineProperty(exports, "mySiteScreenPropertySchema", {
+Object.defineProperty(exports, "getPreviewClassName", {
 	enumerable: true,
 	get: function() {
-		return mySiteScreenPropertySchema;
+		return getPreviewClassName;
 	}
 });
 
-//# sourceMappingURL=MySiteScreen-CUyJteDm.cjs.map
+//# sourceMappingURL=components-BKADyCYp.cjs.map