@fluid-app/portal-sdk 0.1.55 → 0.1.57

package/dist/{AppDownloadScreen-8nMV5KuQ.cjs → AppDownloadScreen-B3e3QH3E.cjs}

@@ -32,6 +32,6 @@ require("./SpacerWidget-Br2IZFFv.cjs");
 require("./TableWidget-Vcxw-se8.cjs");
 require("./ToDoWidget-Bv6POc5R.cjs");
 require("./VideoWidget-7Q2eqHFn.cjs");
-const require_AppDownloadScreen = require("./AppDownloadScreen-BuxFOvdk.cjs");
+const require_AppDownloadScreen = require("./AppDownloadScreen-yDs-QtRS.cjs");
 exports.AppDownloadScreen = require_AppDownloadScreen.AppDownloadScreen;
 exports.appDownloadScreenPropertySchema = require_AppDownloadScreen.appDownloadScreenPropertySchema;

package/dist/{AppDownloadScreen-DL0cL6Hp.mjs → AppDownloadScreen-COuwjUfa.mjs}

@@ -208,4 +208,4 @@ function AppDownloadScreen() {
 //#endregion
 export { appDownloadScreenPropertySchema as n, AppDownloadScreen as t };
 
-//# sourceMappingURL=AppDownloadScreen-DL0cL6Hp.mjs.map
+//# sourceMappingURL=AppDownloadScreen-COuwjUfa.mjs.map

package/dist/{AppDownloadScreen-DL0cL6Hp.mjs.map → AppDownloadScreen-COuwjUfa.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"AppDownloadScreen-DL0cL6Hp.mjs","names":["AppDownloadScreen","AppDownloadScreenUI"],"sources":["../../app-download-ui/src/components/AppStoreButtons.tsx","../../app-download-ui/src/components/QrCodeSection.tsx","../../app-download-ui/src/components/ImageSection.tsx","../../app-download-ui/src/lib/cn.ts","../../app-download-ui/src/components/AppDownloadScreen.tsx","../src/screens/AppDownloadScreen.tsx"],"sourcesContent":["import { ExternalLink } from \"lucide-react\";\n\nexport interface AppStoreButtonsProps {\n  appstoreUrl: string;\n  playstoreUrl?: string;\n}\n\nfunction AppleIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 384 512\"\n      fill=\"currentColor\"\n      className=\"size-5\"\n    >\n      <path d=\"M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-62.1 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z\" />\n    </svg>\n  );\n}\n\nfunction GooglePlayIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 512 512\"\n      fill=\"currentColor\"\n      className=\"size-5\"\n    >\n      <path d=\"M325.3 234.3L104.6 13l280.8 161.2-60.1 60.1zM47 0C34 6.8 25.3 19.2 25.3 35.3v441.3c0 16.1 8.7 28.5 21.7 35.3l256.6-256L47 0zm425.2 225.6l-58.9-34.1-65.7 64.5 65.7 64.5 60.1-34.1c18-14.3 18-46.5-1.2-60.8zM104.6 499l280.8-161.2-60.1-60.1L104.6 499z\" />\n    </svg>\n  );\n}\n\nexport function AppStoreButtons({\n  appstoreUrl,\n  playstoreUrl,\n}: AppStoreButtonsProps) {\n  return (\n    <div\n      className={`grid gap-4 ${playstoreUrl ? \"grid-cols-2\" : \"grid-cols-1\"}`}\n    >\n      <a\n        href={appstoreUrl}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className=\"block cursor-pointer rounded-sm border bg-white px-4 py-4 text-gray-900 transition-colors hover:bg-gray-50\"\n      >\n        <div className=\"flex justify-between\">\n          <div className=\"flex flex-col items-baseline\">\n            <AppleIcon />\n            <div className=\"mt-1 text-left text-xs font-semibold\">\n              Open\n              <br />\n              App Store\n            </div>\n          </div>\n          <div className=\"flex items-start\">\n            <ExternalLink className=\"size-4\" />\n          </div>\n        </div>\n      </a>\n\n      {playstoreUrl && (\n        <a\n          href={playstoreUrl}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"block cursor-pointer rounded-sm border bg-white px-4 py-4 text-gray-900 transition-colors hover:bg-gray-50\"\n        >\n          <div className=\"flex justify-between\">\n            <div className=\"flex flex-col items-baseline\">\n              <GooglePlayIcon />\n              <div className=\"mt-1 text-left text-xs font-semibold\">\n                Open\n                <br />\n                Play Store\n              </div>\n            </div>\n            <div className=\"flex items-start\">\n              <ExternalLink className=\"size-4\" />\n            </div>\n          </div>\n        </a>\n      )}\n    </div>\n  );\n}\n","export interface QrCodeSectionProps {\n  companyId: number;\n}\n\nexport function QrCodeSection({ companyId }: QrCodeSectionProps) {\n  const redirectUrl = `https://api.fluid.app/mobile_app_download/${companyId}`;\n  const qrCodeUrl = `https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent(redirectUrl)}`;\n\n  return (\n    <a\n      href={redirectUrl}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className=\"block cursor-pointer rounded-sm border bg-white px-4 py-4 text-gray-900 transition-colors hover:bg-gray-50\"\n    >\n      <div className=\"flex items-end justify-between\">\n        <div className=\"flex flex-col items-baseline\">\n          <div className=\"mt-1 text-left text-xs font-semibold\">\n            Scan to\n            <br />\n            Download\n          </div>\n        </div>\n        <div className=\"flex\">\n          <img\n            src={qrCodeUrl}\n            alt=\"QR code for mobile app download\"\n            className=\"h-16 w-16\"\n            loading=\"lazy\"\n          />\n        </div>\n      </div>\n    </a>\n  );\n}\n","const DEFAULT_IMAGE =\n  \"https://assets.fluid.app/fluid-admin/images/we-commerce/iphone_product.png\";\n\nconst DEFAULT_LOGO =\n  \"https://assets.fluid.app/fluid-admin/images/we-commerce/we-commerce.png\";\n\nexport interface ImageSectionProps {\n  logoUrl?: string | null;\n  screenshotUrl?: string | null;\n  appName?: string;\n}\n\nexport function ImageSection({\n  logoUrl,\n  screenshotUrl,\n  appName = \"App\",\n}: ImageSectionProps) {\n  return (\n    <div className=\"flex flex-col overflow-hidden\">\n      <div className=\"-mb-px flex flex-1 flex-col\">\n        <div className=\"flex h-20 px-3 pt-8\">\n          <img\n            src={logoUrl || DEFAULT_LOGO}\n            alt={appName}\n            width={150}\n            height={150}\n            className=\"object-contain\"\n          />\n        </div>\n        <div\n          className={\n            screenshotUrl\n              ? \"mt-8 flex flex-1 items-end justify-start\"\n              : \"-ml-20 flex flex-1 items-end justify-start\"\n          }\n        >\n          <img\n            src={screenshotUrl || DEFAULT_IMAGE}\n            alt=\"Mobile app interface\"\n            width={480}\n            height={500}\n            className=\"h-full w-auto object-cover\"\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n","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 { AppStoreButtons } from \"./AppStoreButtons\";\nimport { QrCodeSection } from \"./QrCodeSection\";\nimport { ImageSection } from \"./ImageSection\";\nimport { cn } from \"../lib/cn\";\n\nconst DEFAULT_APPSTORE_URL =\n  \"https://apps.apple.com/app/wecommerce/id1564463740\";\nconst DEFAULT_PLAYSTORE_URL =\n  \"https://play.google.com/store/apps/details?id=com.fluid.crm\";\n\nexport interface AppDownloadScreenProps {\n  companyId: number;\n  appstoreUrl?: string | null;\n  playstoreUrl?: string | null;\n  logoUrl?: string | null;\n  screenshotUrl?: string | null;\n  appName?: string;\n  className?: string;\n}\n\nexport function AppDownloadScreen({\n  companyId,\n  appstoreUrl,\n  playstoreUrl,\n  logoUrl,\n  screenshotUrl,\n  appName,\n  className,\n}: AppDownloadScreenProps) {\n  const resolvedAppstoreUrl = appstoreUrl?.trim() || DEFAULT_APPSTORE_URL;\n  const resolvedPlaystoreUrl = playstoreUrl?.trim() || DEFAULT_PLAYSTORE_URL;\n\n  return (\n    <div\n      className={cn(\"flex h-full items-center justify-center p-4\", className)}\n    >\n      <div className=\"bg-muted relative mx-4 w-full max-w-6xl overflow-hidden rounded-xl px-6 shadow-xl\">\n        <div className=\"grid h-150 w-full grid-cols-1 lg:grid-cols-2\">\n          {/* Left side - Images */}\n          <ImageSection\n            logoUrl={logoUrl}\n            screenshotUrl={screenshotUrl}\n            appName={appName}\n          />\n\n          {/* Right side - Content */}\n          <div className=\"space-y-2 pt-8 pb-8\">\n            <h1 className=\"mt-12 text-left text-[32px] leading-tight font-black text-gray-900\">\n              EVERYTHING YOU NEED\n            </h1>\n            <h1 className=\"-mt-2 text-left text-[32px] leading-tight font-black text-gray-900\">\n              AT YOUR FINGERTIPS\n            </h1>\n            <p className=\"-mt-1 text-left text-[14px] leading-relaxed text-gray-600\">\n              Everything you need at your fingertips. Run your business from one\n              place while on the go. Share, message, sell, and manage from the\n              mobile app.\n            </p>\n\n            <h3 className=\"mt-16 text-left text-[12px] font-bold text-gray-900\">\n              Download the App\n            </h3>\n\n            <AppStoreButtons\n              appstoreUrl={resolvedAppstoreUrl}\n              playstoreUrl={resolvedPlaystoreUrl}\n            />\n\n            <QrCodeSection companyId={companyId} />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { AppDownloadScreen as AppDownloadScreenUI } from \"@fluid-app/portal-app-download-ui\";\nimport { useCurrentUser } from \"../hooks/use-current-user\";\n\nexport const appDownloadScreenPropertySchema = {\n  widgetType: \"AppDownloadScreen\",\n  displayName: \"App Download Screen\",\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n\nexport function AppDownloadScreen(): React.JSX.Element {\n  const { data: user } = useCurrentUser();\n\n  return (\n    <AppDownloadScreenUI\n      companyId={user?.company?.id ?? 0}\n      appstoreUrl={user?.company?.appstore_url}\n      playstoreUrl={user?.company?.playstore_url}\n      logoUrl={user?.company?.logo_url}\n    />\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AppDownloadScreen-COuwjUfa.mjs","names":["AppDownloadScreen","AppDownloadScreenUI"],"sources":["../../app-download-ui/src/components/AppStoreButtons.tsx","../../app-download-ui/src/components/QrCodeSection.tsx","../../app-download-ui/src/components/ImageSection.tsx","../../app-download-ui/src/lib/cn.ts","../../app-download-ui/src/components/AppDownloadScreen.tsx","../src/screens/AppDownloadScreen.tsx"],"sourcesContent":["import { ExternalLink } from \"lucide-react\";\n\nexport interface AppStoreButtonsProps {\n  appstoreUrl: string;\n  playstoreUrl?: string;\n}\n\nfunction AppleIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 384 512\"\n      fill=\"currentColor\"\n      className=\"size-5\"\n    >\n      <path d=\"M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-62.1 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z\" />\n    </svg>\n  );\n}\n\nfunction GooglePlayIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 512 512\"\n      fill=\"currentColor\"\n      className=\"size-5\"\n    >\n      <path d=\"M325.3 234.3L104.6 13l280.8 161.2-60.1 60.1zM47 0C34 6.8 25.3 19.2 25.3 35.3v441.3c0 16.1 8.7 28.5 21.7 35.3l256.6-256L47 0zm425.2 225.6l-58.9-34.1-65.7 64.5 65.7 64.5 60.1-34.1c18-14.3 18-46.5-1.2-60.8zM104.6 499l280.8-161.2-60.1-60.1L104.6 499z\" />\n    </svg>\n  );\n}\n\nexport function AppStoreButtons({\n  appstoreUrl,\n  playstoreUrl,\n}: AppStoreButtonsProps) {\n  return (\n    <div\n      className={`grid gap-4 ${playstoreUrl ? \"grid-cols-2\" : \"grid-cols-1\"}`}\n    >\n      <a\n        href={appstoreUrl}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className=\"block cursor-pointer rounded-sm border bg-white px-4 py-4 text-gray-900 transition-colors hover:bg-gray-50\"\n      >\n        <div className=\"flex justify-between\">\n          <div className=\"flex flex-col items-baseline\">\n            <AppleIcon />\n            <div className=\"mt-1 text-left text-xs font-semibold\">\n              Open\n              <br />\n              App Store\n            </div>\n          </div>\n          <div className=\"flex items-start\">\n            <ExternalLink className=\"size-4\" />\n          </div>\n        </div>\n      </a>\n\n      {playstoreUrl && (\n        <a\n          href={playstoreUrl}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"block cursor-pointer rounded-sm border bg-white px-4 py-4 text-gray-900 transition-colors hover:bg-gray-50\"\n        >\n          <div className=\"flex justify-between\">\n            <div className=\"flex flex-col items-baseline\">\n              <GooglePlayIcon />\n              <div className=\"mt-1 text-left text-xs font-semibold\">\n                Open\n                <br />\n                Play Store\n              </div>\n            </div>\n            <div className=\"flex items-start\">\n              <ExternalLink className=\"size-4\" />\n            </div>\n          </div>\n        </a>\n      )}\n    </div>\n  );\n}\n","export interface QrCodeSectionProps {\n  companyId: number;\n}\n\nexport function QrCodeSection({ companyId }: QrCodeSectionProps) {\n  const redirectUrl = `https://api.fluid.app/mobile_app_download/${companyId}`;\n  const qrCodeUrl = `https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent(redirectUrl)}`;\n\n  return (\n    <a\n      href={redirectUrl}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className=\"block cursor-pointer rounded-sm border bg-white px-4 py-4 text-gray-900 transition-colors hover:bg-gray-50\"\n    >\n      <div className=\"flex items-end justify-between\">\n        <div className=\"flex flex-col items-baseline\">\n          <div className=\"mt-1 text-left text-xs font-semibold\">\n            Scan to\n            <br />\n            Download\n          </div>\n        </div>\n        <div className=\"flex\">\n          <img\n            src={qrCodeUrl}\n            alt=\"QR code for mobile app download\"\n            className=\"h-16 w-16\"\n            loading=\"lazy\"\n          />\n        </div>\n      </div>\n    </a>\n  );\n}\n","const DEFAULT_IMAGE =\n  \"https://assets.fluid.app/fluid-admin/images/we-commerce/iphone_product.png\";\n\nconst DEFAULT_LOGO =\n  \"https://assets.fluid.app/fluid-admin/images/we-commerce/we-commerce.png\";\n\nexport interface ImageSectionProps {\n  logoUrl?: string | null;\n  screenshotUrl?: string | null;\n  appName?: string;\n}\n\nexport function ImageSection({\n  logoUrl,\n  screenshotUrl,\n  appName = \"App\",\n}: ImageSectionProps) {\n  return (\n    <div className=\"flex flex-col overflow-hidden\">\n      <div className=\"-mb-px flex flex-1 flex-col\">\n        <div className=\"flex h-20 px-3 pt-8\">\n          <img\n            src={logoUrl || DEFAULT_LOGO}\n            alt={appName}\n            width={150}\n            height={150}\n            className=\"object-contain\"\n          />\n        </div>\n        <div\n          className={\n            screenshotUrl\n              ? \"mt-8 flex flex-1 items-end justify-start\"\n              : \"-ml-20 flex flex-1 items-end justify-start\"\n          }\n        >\n          <img\n            src={screenshotUrl || DEFAULT_IMAGE}\n            alt=\"Mobile app interface\"\n            width={480}\n            height={500}\n            className=\"h-full w-auto object-cover\"\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n","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 { AppStoreButtons } from \"./AppStoreButtons\";\nimport { QrCodeSection } from \"./QrCodeSection\";\nimport { ImageSection } from \"./ImageSection\";\nimport { cn } from \"../lib/cn\";\n\nconst DEFAULT_APPSTORE_URL =\n  \"https://apps.apple.com/app/wecommerce/id1564463740\";\nconst DEFAULT_PLAYSTORE_URL =\n  \"https://play.google.com/store/apps/details?id=com.fluid.crm\";\n\nexport interface AppDownloadScreenProps {\n  companyId: number;\n  appstoreUrl?: string | null;\n  playstoreUrl?: string | null;\n  logoUrl?: string | null;\n  screenshotUrl?: string | null;\n  appName?: string;\n  className?: string;\n}\n\nexport function AppDownloadScreen({\n  companyId,\n  appstoreUrl,\n  playstoreUrl,\n  logoUrl,\n  screenshotUrl,\n  appName,\n  className,\n}: AppDownloadScreenProps) {\n  const resolvedAppstoreUrl = appstoreUrl?.trim() || DEFAULT_APPSTORE_URL;\n  const resolvedPlaystoreUrl = playstoreUrl?.trim() || DEFAULT_PLAYSTORE_URL;\n\n  return (\n    <div\n      className={cn(\"flex h-full items-center justify-center p-4\", className)}\n    >\n      <div className=\"bg-muted relative mx-4 w-full max-w-6xl overflow-hidden rounded-xl px-6 shadow-xl\">\n        <div className=\"grid h-150 w-full grid-cols-1 lg:grid-cols-2\">\n          {/* Left side - Images */}\n          <ImageSection\n            logoUrl={logoUrl}\n            screenshotUrl={screenshotUrl}\n            appName={appName}\n          />\n\n          {/* Right side - Content */}\n          <div className=\"space-y-2 pt-8 pb-8\">\n            <h1 className=\"mt-12 text-left text-[32px] leading-tight font-black text-gray-900\">\n              EVERYTHING YOU NEED\n            </h1>\n            <h1 className=\"-mt-2 text-left text-[32px] leading-tight font-black text-gray-900\">\n              AT YOUR FINGERTIPS\n            </h1>\n            <p className=\"-mt-1 text-left text-[14px] leading-relaxed text-gray-600\">\n              Everything you need at your fingertips. Run your business from one\n              place while on the go. Share, message, sell, and manage from the\n              mobile app.\n            </p>\n\n            <h3 className=\"mt-16 text-left text-[12px] font-bold text-gray-900\">\n              Download the App\n            </h3>\n\n            <AppStoreButtons\n              appstoreUrl={resolvedAppstoreUrl}\n              playstoreUrl={resolvedPlaystoreUrl}\n            />\n\n            <QrCodeSection companyId={companyId} />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { AppDownloadScreen as AppDownloadScreenUI } from \"@fluid-app/portal-app-download-ui\";\nimport { useCurrentUser } from \"../hooks/use-current-user\";\n\nexport const appDownloadScreenPropertySchema = {\n  widgetType: \"AppDownloadScreen\",\n  displayName: \"App Download Screen\",\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n\nexport function AppDownloadScreen(): React.JSX.Element {\n  const { data: user } = useCurrentUser();\n\n  return (\n    <AppDownloadScreenUI\n      companyId={user?.company?.id ?? 0}\n      appstoreUrl={user?.company?.appstore_url}\n      playstoreUrl={user?.company?.playstore_url}\n      logoUrl={user?.company?.logo_url}\n    />\n  );\n}\n"],"mappings":"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"}

package/dist/{AppDownloadScreen-D9xFGiXb.mjs → AppDownloadScreen-DMTYrxWg.mjs}

@@ -31,5 +31,5 @@ import "./SpacerWidget-DgVU58BC.mjs";
 import "./TableWidget-CK5jQxjz.mjs";
 import "./ToDoWidget-Cmvf7I6c.mjs";
 import "./VideoWidget-ho9fGQ3V.mjs";
-import { n as appDownloadScreenPropertySchema, t as AppDownloadScreen } from "./AppDownloadScreen-DL0cL6Hp.mjs";
+import { n as appDownloadScreenPropertySchema, t as AppDownloadScreen } from "./AppDownloadScreen-COuwjUfa.mjs";
 export { AppDownloadScreen, appDownloadScreenPropertySchema };

package/dist/{AppDownloadScreen-BuxFOvdk.cjs → AppDownloadScreen-yDs-QtRS.cjs}

@@ -220,4 +220,4 @@ Object.defineProperty(exports, "appDownloadScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=AppDownloadScreen-BuxFOvdk.cjs.map
+//# sourceMappingURL=AppDownloadScreen-yDs-QtRS.cjs.map

package/dist/{AppDownloadScreen-BuxFOvdk.cjs.map → AppDownloadScreen-yDs-QtRS.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"AppDownloadScreen-BuxFOvdk.cjs","names":["ExternalLink","AppDownloadScreen","useCurrentUser","AppDownloadScreenUI"],"sources":["../../app-download-ui/src/components/AppStoreButtons.tsx","../../app-download-ui/src/components/QrCodeSection.tsx","../../app-download-ui/src/components/ImageSection.tsx","../../app-download-ui/src/lib/cn.ts","../../app-download-ui/src/components/AppDownloadScreen.tsx","../src/screens/AppDownloadScreen.tsx"],"sourcesContent":["import { ExternalLink } from \"lucide-react\";\n\nexport interface AppStoreButtonsProps {\n  appstoreUrl: string;\n  playstoreUrl?: string;\n}\n\nfunction AppleIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 384 512\"\n      fill=\"currentColor\"\n      className=\"size-5\"\n    >\n      <path d=\"M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-62.1 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z\" />\n    </svg>\n  );\n}\n\nfunction GooglePlayIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 512 512\"\n      fill=\"currentColor\"\n      className=\"size-5\"\n    >\n      <path d=\"M325.3 234.3L104.6 13l280.8 161.2-60.1 60.1zM47 0C34 6.8 25.3 19.2 25.3 35.3v441.3c0 16.1 8.7 28.5 21.7 35.3l256.6-256L47 0zm425.2 225.6l-58.9-34.1-65.7 64.5 65.7 64.5 60.1-34.1c18-14.3 18-46.5-1.2-60.8zM104.6 499l280.8-161.2-60.1-60.1L104.6 499z\" />\n    </svg>\n  );\n}\n\nexport function AppStoreButtons({\n  appstoreUrl,\n  playstoreUrl,\n}: AppStoreButtonsProps) {\n  return (\n    <div\n      className={`grid gap-4 ${playstoreUrl ? \"grid-cols-2\" : \"grid-cols-1\"}`}\n    >\n      <a\n        href={appstoreUrl}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className=\"block cursor-pointer rounded-sm border bg-white px-4 py-4 text-gray-900 transition-colors hover:bg-gray-50\"\n      >\n        <div className=\"flex justify-between\">\n          <div className=\"flex flex-col items-baseline\">\n            <AppleIcon />\n            <div className=\"mt-1 text-left text-xs font-semibold\">\n              Open\n              <br />\n              App Store\n            </div>\n          </div>\n          <div className=\"flex items-start\">\n            <ExternalLink className=\"size-4\" />\n          </div>\n        </div>\n      </a>\n\n      {playstoreUrl && (\n        <a\n          href={playstoreUrl}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"block cursor-pointer rounded-sm border bg-white px-4 py-4 text-gray-900 transition-colors hover:bg-gray-50\"\n        >\n          <div className=\"flex justify-between\">\n            <div className=\"flex flex-col items-baseline\">\n              <GooglePlayIcon />\n              <div className=\"mt-1 text-left text-xs font-semibold\">\n                Open\n                <br />\n                Play Store\n              </div>\n            </div>\n            <div className=\"flex items-start\">\n              <ExternalLink className=\"size-4\" />\n            </div>\n          </div>\n        </a>\n      )}\n    </div>\n  );\n}\n","export interface QrCodeSectionProps {\n  companyId: number;\n}\n\nexport function QrCodeSection({ companyId }: QrCodeSectionProps) {\n  const redirectUrl = `https://api.fluid.app/mobile_app_download/${companyId}`;\n  const qrCodeUrl = `https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent(redirectUrl)}`;\n\n  return (\n    <a\n      href={redirectUrl}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className=\"block cursor-pointer rounded-sm border bg-white px-4 py-4 text-gray-900 transition-colors hover:bg-gray-50\"\n    >\n      <div className=\"flex items-end justify-between\">\n        <div className=\"flex flex-col items-baseline\">\n          <div className=\"mt-1 text-left text-xs font-semibold\">\n            Scan to\n            <br />\n            Download\n          </div>\n        </div>\n        <div className=\"flex\">\n          <img\n            src={qrCodeUrl}\n            alt=\"QR code for mobile app download\"\n            className=\"h-16 w-16\"\n            loading=\"lazy\"\n          />\n        </div>\n      </div>\n    </a>\n  );\n}\n","const DEFAULT_IMAGE =\n  \"https://assets.fluid.app/fluid-admin/images/we-commerce/iphone_product.png\";\n\nconst DEFAULT_LOGO =\n  \"https://assets.fluid.app/fluid-admin/images/we-commerce/we-commerce.png\";\n\nexport interface ImageSectionProps {\n  logoUrl?: string | null;\n  screenshotUrl?: string | null;\n  appName?: string;\n}\n\nexport function ImageSection({\n  logoUrl,\n  screenshotUrl,\n  appName = \"App\",\n}: ImageSectionProps) {\n  return (\n    <div className=\"flex flex-col overflow-hidden\">\n      <div className=\"-mb-px flex flex-1 flex-col\">\n        <div className=\"flex h-20 px-3 pt-8\">\n          <img\n            src={logoUrl || DEFAULT_LOGO}\n            alt={appName}\n            width={150}\n            height={150}\n            className=\"object-contain\"\n          />\n        </div>\n        <div\n          className={\n            screenshotUrl\n              ? \"mt-8 flex flex-1 items-end justify-start\"\n              : \"-ml-20 flex flex-1 items-end justify-start\"\n          }\n        >\n          <img\n            src={screenshotUrl || DEFAULT_IMAGE}\n            alt=\"Mobile app interface\"\n            width={480}\n            height={500}\n            className=\"h-full w-auto object-cover\"\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n","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 { AppStoreButtons } from \"./AppStoreButtons\";\nimport { QrCodeSection } from \"./QrCodeSection\";\nimport { ImageSection } from \"./ImageSection\";\nimport { cn } from \"../lib/cn\";\n\nconst DEFAULT_APPSTORE_URL =\n  \"https://apps.apple.com/app/wecommerce/id1564463740\";\nconst DEFAULT_PLAYSTORE_URL =\n  \"https://play.google.com/store/apps/details?id=com.fluid.crm\";\n\nexport interface AppDownloadScreenProps {\n  companyId: number;\n  appstoreUrl?: string | null;\n  playstoreUrl?: string | null;\n  logoUrl?: string | null;\n  screenshotUrl?: string | null;\n  appName?: string;\n  className?: string;\n}\n\nexport function AppDownloadScreen({\n  companyId,\n  appstoreUrl,\n  playstoreUrl,\n  logoUrl,\n  screenshotUrl,\n  appName,\n  className,\n}: AppDownloadScreenProps) {\n  const resolvedAppstoreUrl = appstoreUrl?.trim() || DEFAULT_APPSTORE_URL;\n  const resolvedPlaystoreUrl = playstoreUrl?.trim() || DEFAULT_PLAYSTORE_URL;\n\n  return (\n    <div\n      className={cn(\"flex h-full items-center justify-center p-4\", className)}\n    >\n      <div className=\"bg-muted relative mx-4 w-full max-w-6xl overflow-hidden rounded-xl px-6 shadow-xl\">\n        <div className=\"grid h-150 w-full grid-cols-1 lg:grid-cols-2\">\n          {/* Left side - Images */}\n          <ImageSection\n            logoUrl={logoUrl}\n            screenshotUrl={screenshotUrl}\n            appName={appName}\n          />\n\n          {/* Right side - Content */}\n          <div className=\"space-y-2 pt-8 pb-8\">\n            <h1 className=\"mt-12 text-left text-[32px] leading-tight font-black text-gray-900\">\n              EVERYTHING YOU NEED\n            </h1>\n            <h1 className=\"-mt-2 text-left text-[32px] leading-tight font-black text-gray-900\">\n              AT YOUR FINGERTIPS\n            </h1>\n            <p className=\"-mt-1 text-left text-[14px] leading-relaxed text-gray-600\">\n              Everything you need at your fingertips. Run your business from one\n              place while on the go. Share, message, sell, and manage from the\n              mobile app.\n            </p>\n\n            <h3 className=\"mt-16 text-left text-[12px] font-bold text-gray-900\">\n              Download the App\n            </h3>\n\n            <AppStoreButtons\n              appstoreUrl={resolvedAppstoreUrl}\n              playstoreUrl={resolvedPlaystoreUrl}\n            />\n\n            <QrCodeSection companyId={companyId} />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { AppDownloadScreen as AppDownloadScreenUI } from \"@fluid-app/portal-app-download-ui\";\nimport { useCurrentUser } from \"../hooks/use-current-user\";\n\nexport const appDownloadScreenPropertySchema = {\n  widgetType: \"AppDownloadScreen\",\n  displayName: \"App Download Screen\",\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n\nexport function AppDownloadScreen(): React.JSX.Element {\n  const { data: user } = useCurrentUser();\n\n  return (\n    <AppDownloadScreenUI\n      companyId={user?.company?.id ?? 0}\n      appstoreUrl={user?.company?.appstore_url}\n      playstoreUrl={user?.company?.playstore_url}\n      logoUrl={user?.company?.logo_url}\n    />\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AppDownloadScreen-yDs-QtRS.cjs","names":["ExternalLink","AppDownloadScreen","useCurrentUser","AppDownloadScreenUI"],"sources":["../../app-download-ui/src/components/AppStoreButtons.tsx","../../app-download-ui/src/components/QrCodeSection.tsx","../../app-download-ui/src/components/ImageSection.tsx","../../app-download-ui/src/lib/cn.ts","../../app-download-ui/src/components/AppDownloadScreen.tsx","../src/screens/AppDownloadScreen.tsx"],"sourcesContent":["import { ExternalLink } from \"lucide-react\";\n\nexport interface AppStoreButtonsProps {\n  appstoreUrl: string;\n  playstoreUrl?: string;\n}\n\nfunction AppleIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 384 512\"\n      fill=\"currentColor\"\n      className=\"size-5\"\n    >\n      <path d=\"M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-62.1 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z\" />\n    </svg>\n  );\n}\n\nfunction GooglePlayIcon() {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 512 512\"\n      fill=\"currentColor\"\n      className=\"size-5\"\n    >\n      <path d=\"M325.3 234.3L104.6 13l280.8 161.2-60.1 60.1zM47 0C34 6.8 25.3 19.2 25.3 35.3v441.3c0 16.1 8.7 28.5 21.7 35.3l256.6-256L47 0zm425.2 225.6l-58.9-34.1-65.7 64.5 65.7 64.5 60.1-34.1c18-14.3 18-46.5-1.2-60.8zM104.6 499l280.8-161.2-60.1-60.1L104.6 499z\" />\n    </svg>\n  );\n}\n\nexport function AppStoreButtons({\n  appstoreUrl,\n  playstoreUrl,\n}: AppStoreButtonsProps) {\n  return (\n    <div\n      className={`grid gap-4 ${playstoreUrl ? \"grid-cols-2\" : \"grid-cols-1\"}`}\n    >\n      <a\n        href={appstoreUrl}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        className=\"block cursor-pointer rounded-sm border bg-white px-4 py-4 text-gray-900 transition-colors hover:bg-gray-50\"\n      >\n        <div className=\"flex justify-between\">\n          <div className=\"flex flex-col items-baseline\">\n            <AppleIcon />\n            <div className=\"mt-1 text-left text-xs font-semibold\">\n              Open\n              <br />\n              App Store\n            </div>\n          </div>\n          <div className=\"flex items-start\">\n            <ExternalLink className=\"size-4\" />\n          </div>\n        </div>\n      </a>\n\n      {playstoreUrl && (\n        <a\n          href={playstoreUrl}\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"block cursor-pointer rounded-sm border bg-white px-4 py-4 text-gray-900 transition-colors hover:bg-gray-50\"\n        >\n          <div className=\"flex justify-between\">\n            <div className=\"flex flex-col items-baseline\">\n              <GooglePlayIcon />\n              <div className=\"mt-1 text-left text-xs font-semibold\">\n                Open\n                <br />\n                Play Store\n              </div>\n            </div>\n            <div className=\"flex items-start\">\n              <ExternalLink className=\"size-4\" />\n            </div>\n          </div>\n        </a>\n      )}\n    </div>\n  );\n}\n","export interface QrCodeSectionProps {\n  companyId: number;\n}\n\nexport function QrCodeSection({ companyId }: QrCodeSectionProps) {\n  const redirectUrl = `https://api.fluid.app/mobile_app_download/${companyId}`;\n  const qrCodeUrl = `https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent(redirectUrl)}`;\n\n  return (\n    <a\n      href={redirectUrl}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className=\"block cursor-pointer rounded-sm border bg-white px-4 py-4 text-gray-900 transition-colors hover:bg-gray-50\"\n    >\n      <div className=\"flex items-end justify-between\">\n        <div className=\"flex flex-col items-baseline\">\n          <div className=\"mt-1 text-left text-xs font-semibold\">\n            Scan to\n            <br />\n            Download\n          </div>\n        </div>\n        <div className=\"flex\">\n          <img\n            src={qrCodeUrl}\n            alt=\"QR code for mobile app download\"\n            className=\"h-16 w-16\"\n            loading=\"lazy\"\n          />\n        </div>\n      </div>\n    </a>\n  );\n}\n","const DEFAULT_IMAGE =\n  \"https://assets.fluid.app/fluid-admin/images/we-commerce/iphone_product.png\";\n\nconst DEFAULT_LOGO =\n  \"https://assets.fluid.app/fluid-admin/images/we-commerce/we-commerce.png\";\n\nexport interface ImageSectionProps {\n  logoUrl?: string | null;\n  screenshotUrl?: string | null;\n  appName?: string;\n}\n\nexport function ImageSection({\n  logoUrl,\n  screenshotUrl,\n  appName = \"App\",\n}: ImageSectionProps) {\n  return (\n    <div className=\"flex flex-col overflow-hidden\">\n      <div className=\"-mb-px flex flex-1 flex-col\">\n        <div className=\"flex h-20 px-3 pt-8\">\n          <img\n            src={logoUrl || DEFAULT_LOGO}\n            alt={appName}\n            width={150}\n            height={150}\n            className=\"object-contain\"\n          />\n        </div>\n        <div\n          className={\n            screenshotUrl\n              ? \"mt-8 flex flex-1 items-end justify-start\"\n              : \"-ml-20 flex flex-1 items-end justify-start\"\n          }\n        >\n          <img\n            src={screenshotUrl || DEFAULT_IMAGE}\n            alt=\"Mobile app interface\"\n            width={480}\n            height={500}\n            className=\"h-full w-auto object-cover\"\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n","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 { AppStoreButtons } from \"./AppStoreButtons\";\nimport { QrCodeSection } from \"./QrCodeSection\";\nimport { ImageSection } from \"./ImageSection\";\nimport { cn } from \"../lib/cn\";\n\nconst DEFAULT_APPSTORE_URL =\n  \"https://apps.apple.com/app/wecommerce/id1564463740\";\nconst DEFAULT_PLAYSTORE_URL =\n  \"https://play.google.com/store/apps/details?id=com.fluid.crm\";\n\nexport interface AppDownloadScreenProps {\n  companyId: number;\n  appstoreUrl?: string | null;\n  playstoreUrl?: string | null;\n  logoUrl?: string | null;\n  screenshotUrl?: string | null;\n  appName?: string;\n  className?: string;\n}\n\nexport function AppDownloadScreen({\n  companyId,\n  appstoreUrl,\n  playstoreUrl,\n  logoUrl,\n  screenshotUrl,\n  appName,\n  className,\n}: AppDownloadScreenProps) {\n  const resolvedAppstoreUrl = appstoreUrl?.trim() || DEFAULT_APPSTORE_URL;\n  const resolvedPlaystoreUrl = playstoreUrl?.trim() || DEFAULT_PLAYSTORE_URL;\n\n  return (\n    <div\n      className={cn(\"flex h-full items-center justify-center p-4\", className)}\n    >\n      <div className=\"bg-muted relative mx-4 w-full max-w-6xl overflow-hidden rounded-xl px-6 shadow-xl\">\n        <div className=\"grid h-150 w-full grid-cols-1 lg:grid-cols-2\">\n          {/* Left side - Images */}\n          <ImageSection\n            logoUrl={logoUrl}\n            screenshotUrl={screenshotUrl}\n            appName={appName}\n          />\n\n          {/* Right side - Content */}\n          <div className=\"space-y-2 pt-8 pb-8\">\n            <h1 className=\"mt-12 text-left text-[32px] leading-tight font-black text-gray-900\">\n              EVERYTHING YOU NEED\n            </h1>\n            <h1 className=\"-mt-2 text-left text-[32px] leading-tight font-black text-gray-900\">\n              AT YOUR FINGERTIPS\n            </h1>\n            <p className=\"-mt-1 text-left text-[14px] leading-relaxed text-gray-600\">\n              Everything you need at your fingertips. Run your business from one\n              place while on the go. Share, message, sell, and manage from the\n              mobile app.\n            </p>\n\n            <h3 className=\"mt-16 text-left text-[12px] font-bold text-gray-900\">\n              Download the App\n            </h3>\n\n            <AppStoreButtons\n              appstoreUrl={resolvedAppstoreUrl}\n              playstoreUrl={resolvedPlaystoreUrl}\n            />\n\n            <QrCodeSection companyId={companyId} />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { AppDownloadScreen as AppDownloadScreenUI } from \"@fluid-app/portal-app-download-ui\";\nimport { useCurrentUser } from \"../hooks/use-current-user\";\n\nexport const appDownloadScreenPropertySchema = {\n  widgetType: \"AppDownloadScreen\",\n  displayName: \"App Download Screen\",\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n\nexport function AppDownloadScreen(): React.JSX.Element {\n  const { data: user } = useCurrentUser();\n\n  return (\n    <AppDownloadScreenUI\n      companyId={user?.company?.id ?? 0}\n      appstoreUrl={user?.company?.appstore_url}\n      playstoreUrl={user?.company?.playstore_url}\n      logoUrl={user?.company?.logo_url}\n    />\n  );\n}\n"],"mappings":"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"}

package/dist/{ContactsScreen-uBuFHvAZ.mjs → ContactsScreen-1q6YYzXK.mjs}

@@ -1,9 +1,10 @@
 import { n as useFluidContext, q as createFetchClient } from "./FluidProvider-uMkUIfAA.mjs";
 import { t as parseApiErrors } from "./parse-api-errors-Dy2gL1eC.mjs";
-import { $t as Avatar, A as SelectContent, C as SheetContent, Ct as CardContent, E as SheetTitle, Et as CardTitle, G as Label, I as Input, J as DropdownMenuItem, K as DropdownMenu, M as SelectTrigger, N as SelectValue, Qt as Badge, S as Sheet, T as SheetHeader, Tt as CardHeader, X as DropdownMenuSeparator, Y as DropdownMenuLabel, an as AlertDialogContent, c as TabsList, cn as AlertDialogHeader, d as TableBody, dn as Button, en as AvatarFallback, et as DropdownMenuTrigger, f as TableCell, h as TableRow, i as TooltipTrigger, in as AlertDialogCancel, j as SelectItem, k as Select, l as TabsTrigger, m as TableHeader, n as TooltipContent, nn as AlertDialog, o as Tabs, on as AlertDialogDescription, p as TableHead, q as DropdownMenuContent, r as TooltipProvider, rn as AlertDialogAction, s as TabsContent, sn as AlertDialogFooter, t as Tooltip, tn as AvatarImage, u as Table$1, un as AlertDialogTitle, vn as useZodForm, w as SheetFooter, x as Skeleton, xt as Card, y as fluidToast, yn as cn } from "./src-Bh-9OV8i.mjs";
-import { i as PaginationFooter } from "./src-BZnlJmdg.mjs";
+import { $t as Avatar, A as SelectContent, C as SheetContent, Ct as CardContent, E as SheetTitle, Et as CardTitle, G as Label, I as Input, J as DropdownMenuItem, Jt as BreadcrumbLink, K as DropdownMenu, Kt as Breadcrumb, M as SelectTrigger, N as SelectValue, Qt as Badge, S as Sheet, T as SheetHeader, Tt as CardHeader, X as DropdownMenuSeparator, Xt as BreadcrumbPage, Y as DropdownMenuLabel, Yt as BreadcrumbList, Zt as BreadcrumbSeparator, an as AlertDialogContent, c as TabsList, cn as AlertDialogHeader, d as TableBody, dn as Button, en as AvatarFallback, et as DropdownMenuTrigger, f as TableCell, h as TableRow, i as TooltipTrigger, in as AlertDialogCancel, j as SelectItem, k as Select, l as TabsTrigger, m as TableHeader, n as TooltipContent, nn as AlertDialog, o as Tabs, on as AlertDialogDescription, p as TableHead, q as DropdownMenuContent, qt as BreadcrumbItem, r as TooltipProvider, rn as AlertDialogAction, s as TabsContent, sn as AlertDialogFooter, t as Tooltip, tn as AvatarImage, u as Table$1, un as AlertDialogTitle, vn as useZodForm, w as SheetFooter, x as Skeleton, xt as Card, y as fluidToast, yn as cn } from "./src-Bh-9OV8i.mjs";
+import { n as useScreenHeaderActions, r as useScreenHeaderBreadcrumbs } from "./ScreenHeaderContext-CrdfLGKk.mjs";
+import { i as PaginationFooter } from "./order-detail-DkMYJvzl.mjs";
 import { a as useEditor, n as Heading, o as Placeholder, r as EditorContent, t as StarterKit } from "./dist-CMGXkSgZ.mjs";
-import { n as TextAlign, t as Underline } from "./dist-CayuD99K.mjs";
+import { n as TextAlign, t as Underline } from "./dist-Cl4FsM3V.mjs";
 import { useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { keepPreviousData, useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -788,6 +789,137 @@ function ContactsPage({ listContacts, deleteContacts, queryKeyPrefix, header, on
 	] });
 }
 //#endregion
+//#region ../../contacts/ui/src/screens/ContactsListScreen.tsx
+function ContactsListScreen({ listContacts, deleteContacts, onEditContact, onRowClick, onAddContact, queryKeyPrefix = "contacts", tableLayout, header }) {
+	useScreenHeaderActions(useMemo(() => /* @__PURE__ */ jsxs(Button, {
+		onClick: onAddContact,
+		size: "sm",
+		children: [/* @__PURE__ */ jsx(Plus, { className: "mr-1 h-4 w-4" }), "Add Contact"]
+	}), [onAddContact]));
+	useScreenHeaderBreadcrumbs(useMemo(() => /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsx(BreadcrumbList, {
+		className: "text-lg",
+		children: /* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, {
+			className: "font-semibold",
+			children: "Contacts"
+		}) })
+	}) }), []));
+	return /* @__PURE__ */ jsx(ContactsPage, {
+		listContacts,
+		deleteContacts,
+		queryKeyPrefix,
+		tableLayout,
+		header,
+		onEditContact,
+		onRowClick
+	});
+}
+//#endregion
+//#region ../../contacts/ui/src/screens/ContactDetailScreen.tsx
+function ContactDetailScreen({ contact, onNavigateToList, onSave, onDelete, isDirty, isSubmitting, isDeleting, children }) {
+	const [showDeleteDialog, setShowDeleteDialog] = useState(false);
+	useScreenHeaderActions(useMemo(() => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ jsx(Button, {
+			variant: "outline",
+			size: "icon",
+			className: "border-border",
+			children: /* @__PURE__ */ jsx(EllipsisVertical, { className: "h-4 w-4" })
+		})
+	}), /* @__PURE__ */ jsx(DropdownMenuContent, {
+		align: "end",
+		children: /* @__PURE__ */ jsx(DropdownMenuItem, {
+			className: "text-destructive",
+			onClick: () => setShowDeleteDialog(true),
+			children: "Delete"
+		})
+	})] }), /* @__PURE__ */ jsx(Button, {
+		onClick: onSave,
+		disabled: !isDirty || isSubmitting || isDeleting,
+		children: isSubmitting ? "Saving..." : "Save"
+	})] }), [
+		onSave,
+		isDirty,
+		isSubmitting,
+		isDeleting
+	]));
+	useScreenHeaderBreadcrumbs(useMemo(() => /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsxs(BreadcrumbList, {
+		className: "text-lg",
+		children: [
+			/* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, {
+				href: "#",
+				onClick: (e) => {
+					e.preventDefault();
+					onNavigateToList();
+				},
+				children: "Contacts"
+			}) }),
+			/* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
+			/* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, {
+				className: "font-semibold",
+				children: contact?.full_name ?? "Contact"
+			}) })
+		]
+	}) }), [contact?.full_name, onNavigateToList]));
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [children, /* @__PURE__ */ jsx(AlertDialog, {
+		open: showDeleteDialog,
+		onOpenChange: setShowDeleteDialog,
+		children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [/* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: "Delete Contact" }), /* @__PURE__ */ jsxs(AlertDialogDescription, { children: [
+			"Are you sure you want to delete",
+			" ",
+			contact?.full_name ?? "this contact",
+			"? This action cannot be undone."
+		] })] }), /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [/* @__PURE__ */ jsx(AlertDialogCancel, {
+			disabled: isDeleting,
+			children: "Cancel"
+		}), /* @__PURE__ */ jsx(AlertDialogAction, {
+			onClick: () => {
+				onDelete();
+				setShowDeleteDialog(false);
+			},
+			disabled: isDeleting,
+			className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+			children: isDeleting ? "Deleting..." : "Delete"
+		})] })] })
+	})] });
+}
+//#endregion
+//#region ../../contacts/ui/src/screens/ContactCreateScreen.tsx
+function ContactCreateScreen({ onNavigateToList, onSubmit, isPending, children }) {
+	useScreenHeaderActions(useMemo(() => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
+		variant: "outline",
+		onClick: onNavigateToList,
+		disabled: isPending,
+		children: "Cancel"
+	}), /* @__PURE__ */ jsx(Button, {
+		onClick: onSubmit,
+		disabled: isPending,
+		children: isPending ? "Adding..." : "Add Contact"
+	})] }), [
+		onNavigateToList,
+		onSubmit,
+		isPending
+	]));
+	useScreenHeaderBreadcrumbs(useMemo(() => /* @__PURE__ */ jsx(Breadcrumb, { children: /* @__PURE__ */ jsxs(BreadcrumbList, {
+		className: "text-lg",
+		children: [
+			/* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbLink, {
+				href: "#",
+				onClick: (e) => {
+					e.preventDefault();
+					onNavigateToList();
+				},
+				children: "Contacts"
+			}) }),
+			/* @__PURE__ */ jsx(BreadcrumbSeparator, {}),
+			/* @__PURE__ */ jsx(BreadcrumbItem, { children: /* @__PURE__ */ jsx(BreadcrumbPage, {
+				className: "font-semibold",
+				children: "New Contact"
+			}) })
+		]
+	}) }), [onNavigateToList]));
+	return /* @__PURE__ */ jsx(Fragment$1, { children });
+}
+//#endregion
 //#region ../../contacts/ui/src/shared/components/contacts/contactCard/palettes.ts
 const gradientPalettes = [
 	{
@@ -4022,28 +4154,19 @@ function ContactListView({ client, onNavigate, onContactSelect }) {
 			contactId: String(contact.id)
 		});
 	}, [onNavigate, onContactSelect]);
-	const header = useMemo(() => /* @__PURE__ */ jsxs("div", {
-		className: "mx-auto flex max-w-7xl items-center justify-between px-4 py-4 md:px-10",
-		children: [/* @__PURE__ */ jsx("h1", {
-			className: "text-foreground text-lg font-semibold",
-			children: "Contacts"
-		}), /* @__PURE__ */ jsxs(Button, {
-			onClick: () => onNavigate({ view: "new" }),
-			children: [/* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }), "Add Contact"]
-		})]
-	}), [onNavigate]);
-	return /* @__PURE__ */ jsx(ContactsPage, {
+	return /* @__PURE__ */ jsx(ContactsListScreen, {
 		listContacts: useCallback((params) => listUserContacts(client, params), [client]),
 		deleteContacts: useCallback((ids) => bulkDeleteUserContacts(client, { contact_ids: ids }), [client]),
 		queryKeyPrefix: QUERY_KEY_PREFIX,
-		header,
 		tableLayout: "members",
 		onEditContact: handleSelectContact,
-		onRowClick: handleSelectContact
+		onRowClick: handleSelectContact,
+		onAddContact: useCallback(() => {
+			onNavigate({ view: "new" });
+		}, [onNavigate])
 	});
 }
 function ContactDetailView({ contactId, client, onNavigate }) {
-	const [confirmingDelete, setConfirmingDelete] = useState(false);
 	const { contact, isLoading, methods, countryOptions, isDirty, isSubmitting, isDeleting, onSave, onDelete } = useContactDetailPage(useMemo(() => ({
 		mode: "rep",
 		client
@@ -4052,6 +4175,9 @@ function ContactDetailView({ contactId, client, onNavigate }) {
 		getCountries: useCallback(() => fetchCountries(client), [client]),
 		onDeleteSuccess: () => onNavigate({ view: "list" })
 	});
+	const handleNavigateToList = useCallback(() => {
+		onNavigate({ view: "list" });
+	}, [onNavigate]);
 	if (isLoading) return /* @__PURE__ */ jsxs("div", {
 		className: "mx-auto max-w-7xl space-y-6 px-4 py-4 sm:px-6 sm:py-6 lg:px-10 lg:py-8",
 		children: [
@@ -4069,7 +4195,7 @@ function ContactDetailView({ contactId, client, onNavigate }) {
 			variant: "ghost",
 			size: "sm",
 			className: "mb-6",
-			onClick: () => onNavigate({ view: "list" }),
+			onClick: handleNavigateToList,
 			children: [/* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" }), "Back to Contacts"]
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "border-border max-w-sm rounded-lg border border-dashed p-8 text-center",
@@ -4082,50 +4208,34 @@ function ContactDetailView({ contactId, client, onNavigate }) {
 			})]
 		})]
 	});
-	return /* @__PURE__ */ jsxs(FormProvider, {
-		...methods,
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "mx-auto flex max-w-7xl items-center justify-between px-4 py-4 md:px-10",
-			children: [/* @__PURE__ */ jsxs(Button, {
-				variant: "ghost",
-				size: "sm",
-				onClick: () => onNavigate({ view: "list" }),
-				children: [/* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" }), "Back to Contacts"]
-			}), /* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ jsx(Button, {
-					variant: "ghost",
-					onClick: () => {
-						if (confirmingDelete) {
-							onDelete();
-							setConfirmingDelete(false);
-						} else setConfirmingDelete(true);
-					},
-					disabled: isDeleting,
-					className: "text-destructive hover:text-destructive/80",
-					children: isDeleting ? "Deleting..." : confirmingDelete ? "Confirm delete?" : "Delete"
-				}), /* @__PURE__ */ jsx(Button, {
-					onClick: onSave,
-					disabled: !isDirty || isSubmitting || isDeleting,
-					children: isSubmitting ? "Saving..." : "Save"
-				})]
-			})]
-		}), /* @__PURE__ */ jsx(RepContactDetailView, {
-			contact,
-			contactId,
-			client,
-			notesClient: client,
-			tasksClient: client,
-			countryOptions,
-			ordersSlot: /* @__PURE__ */ jsx(ContactOrdersList, {
-				client,
-				contactId
-			}),
-			subscriptionsSlot: /* @__PURE__ */ jsx(ContactSubscriptionOrdersList, {
+	return /* @__PURE__ */ jsx(ContactDetailScreen, {
+		contactId,
+		contact,
+		onNavigateToList: handleNavigateToList,
+		onSave,
+		onDelete,
+		isDirty,
+		isSubmitting,
+		isDeleting,
+		children: /* @__PURE__ */ jsx(FormProvider, {
+			...methods,
+			children: /* @__PURE__ */ jsx(RepContactDetailView, {
+				contact,
+				contactId,
 				client,
-				contactId
+				notesClient: client,
+				tasksClient: client,
+				countryOptions,
+				ordersSlot: /* @__PURE__ */ jsx(ContactOrdersList, {
+					client,
+					contactId
+				}),
+				subscriptionsSlot: /* @__PURE__ */ jsx(ContactSubscriptionOrdersList, {
+					client,
+					contactId
+				})
 			})
-		})]
+		})
 	});
 }
 const createContactResolver = zodResolver(createContactFormSchema);
@@ -4181,41 +4291,27 @@ function ContactCreateView({ client, onNavigate, onCreateContact }) {
 		if (affiliate && Object.keys(affiliate).length > 0) payload.affiliate = affiliate;
 		mutate(payload);
 	}, () => {}), [methods, mutate]);
-	return /* @__PURE__ */ jsxs(FormProvider, {
-		...methods,
-		children: [/* @__PURE__ */ jsxs("div", {
-			className: "mx-auto flex max-w-7xl items-center justify-between px-4 py-4 md:px-10",
-			children: [/* @__PURE__ */ jsxs(Button, {
-				variant: "ghost",
-				size: "sm",
-				disabled: mutation.isPending,
-				onClick: () => onNavigate({ view: "list" }),
-				children: [/* @__PURE__ */ jsx(ArrowLeft, { className: "h-4 w-4" }), "Back to Contacts"]
-			}), /* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ jsx(Button, {
-					variant: "outline",
-					disabled: mutation.isPending,
-					onClick: () => onNavigate({ view: "list" }),
-					children: "Cancel"
-				}), /* @__PURE__ */ jsx(Button, {
-					onClick: () => formRef.current?.requestSubmit(),
-					disabled: mutation.isPending,
-					children: mutation.isPending ? "Adding..." : "Add Contact"
-				})]
-			})]
-		}), /* @__PURE__ */ jsx("div", {
-			className: "mx-auto max-w-7xl space-y-12 md:px-10 md:py-8",
-			children: /* @__PURE__ */ jsx("form", {
-				ref: formRef,
-				onSubmit,
-				className: "mx-auto space-y-6 lg:max-w-2xl",
-				children: /* @__PURE__ */ jsx(ContactDetailsForm, {
-					countries: countryOptions,
-					cardClassName: "bg-transparent shadow-none"
+	return /* @__PURE__ */ jsx(ContactCreateScreen, {
+		onNavigateToList: useCallback(() => {
+			onNavigate({ view: "list" });
+		}, [onNavigate]),
+		onSubmit: () => formRef.current?.requestSubmit(),
+		isPending: mutation.isPending,
+		children: /* @__PURE__ */ jsx(FormProvider, {
+			...methods,
+			children: /* @__PURE__ */ jsx("div", {
+				className: "mx-auto max-w-7xl space-y-12 md:px-10 md:py-8",
+				children: /* @__PURE__ */ jsx("form", {
+					ref: formRef,
+					onSubmit,
+					className: "mx-auto space-y-6 lg:max-w-2xl",
+					children: /* @__PURE__ */ jsx(ContactDetailsForm, {
+						countries: countryOptions,
+						cardClassName: "bg-transparent shadow-none"
+					})
 				})
 			})
-		})]
+		})
 	});
 }
 function ContactsScreen({ onContactSelect, onCreateContact, background, textColor, accentColor, padding, borderRadius, defaultViewMode, ...divProps }) {
@@ -4255,4 +4351,4 @@ const contactsScreenPropertySchema = {
 //#endregion
 export { contactsScreenPropertySchema as n, ContactsScreen as t };
 
-//# sourceMappingURL=ContactsScreen-uBuFHvAZ.mjs.map
+//# sourceMappingURL=ContactsScreen-1q6YYzXK.mjs.map