@fluid-app/portal-sdk 0.1.84 → 0.1.86

package/dist/{ShareablesScreen-loETsu9v.cjs → ShareablesScreen-CECBa_sH.cjs}

@@ -1,6 +1,6 @@
 require("./chunk-9hOWP6kD.cjs");
-require("./FluidProvider-BSBLJp15.cjs");
-require("./PointsWidget-D8U2k-_A.cjs");
+require("./FluidProvider-DGm9zaDs.cjs");
+require("./PointsWidget-Bgl95R-6.cjs");
 require("./error-state-BDBF2JrB.cjs");
 require("./ScreenRenderer-D65AsKjr.cjs");
 require("./WidgetInteractionContext-GLPlhAfT.cjs");
@@ -17,7 +17,7 @@ require("./purify.es-DenAxEWJ.cjs");
 require("./src-DGjAAfmN.cjs");
 require("./scroll-arrows-BhGegGRH.cjs");
 require("./MediaRenderer-Y4TsIPBm.cjs");
-require("./CarouselWidget-DDW8GqoX.cjs");
+require("./CarouselWidget-srEpxcKU.cjs");
 require("./CatchUpWidget-B1cIV3qS.cjs");
 require("./ChartWidget-CsgeXvTk.cjs");
 require("./ContainerWidget-CcKBkPRM.cjs");
@@ -34,7 +34,7 @@ require("./TableWidget-Duw_7iyh.cjs");
 require("./ToDoWidget-eGB9cfou.cjs");
 require("./VideoWidget-CNHJrY7I.cjs");
 require("./ScreenHeaderContext-wrJlkhgN.cjs");
-const require_ShareablesScreen = require("./ShareablesScreen-D0kIiW8S.cjs");
+const require_ShareablesScreen = require("./ShareablesScreen-D5_P3VVk.cjs");
 require("./dist-thaj08s5.cjs");
 require("./es-xQF-WIMq.cjs");
 require("./dist-BK4mvUPm.cjs");

package/dist/{ShareablesScreen-BK0H5fb2.mjs → ShareablesScreen-Ceb5wUmc.mjs}

@@ -1,6 +1,6 @@
-import { pt as USER_TYPES } from "./FluidProvider-CwkMUOoy.mjs";
-import { i as useSdkClient, o as useFluidAuth } from "./use-account-clients-Cf_6sxeC.mjs";
-import { n as useCurrentUser } from "./use-current-user-Bl9nPNFt.mjs";
+import { pt as USER_TYPES } from "./FluidProvider-DpiMY5TW.mjs";
+import { i as useSdkClient, o as useFluidAuth } from "./use-account-clients-oKk8PvPK.mjs";
+import { n as useCurrentUser } from "./use-current-user-CoGu5DT7.mjs";
 import { n as useAppNavigation } from "./AppNavigationContext-BSnbFILQ.mjs";
 import { i as ShareablesCoreProvider, n as ShareablesApp, r as ShareablesUIProvider } from "./src-BjmyVJoe.mjs";
 import { useCallback, useMemo } from "react";
@@ -151,4 +151,4 @@ const shareablesScreenPropertySchema = {
 //#endregion
 export { shareablesScreenPropertySchema as n, useUserType as r, ShareablesScreen as t };
 
-//# sourceMappingURL=ShareablesScreen-BK0H5fb2.mjs.map
+//# sourceMappingURL=ShareablesScreen-Ceb5wUmc.mjs.map

package/dist/{ShareablesScreen-BK0H5fb2.mjs.map → ShareablesScreen-Ceb5wUmc.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ShareablesScreen-BK0H5fb2.mjs","names":[],"sources":["../src/hooks/use-user-type.ts","../../../file-picker/api-client/src/client.ts","../src/screens/ShareablesScreen.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useFluidAuth } from \"./use-fluid-auth\";\nimport { USER_TYPES, type UserType } from \"../auth/types\";\n\nexport interface UseUserTypeResult {\n  userType: UserType | null;\n  isCustomer: boolean;\n  isRep: boolean;\n  isAdmin: boolean;\n}\n\n/**\n * Convenience hook for user-type checks in the portal SDK.\n */\nexport function useUserType(): UseUserTypeResult {\n  const { user } = useFluidAuth();\n\n  return useMemo(() => {\n    const userType = user?.user_type ?? null;\n    return {\n      userType,\n      isCustomer: userType === USER_TYPES.customer,\n      isRep: userType === USER_TYPES.rep,\n      isAdmin:\n        userType === USER_TYPES.admin || userType === USER_TYPES.root_admin,\n    };\n  }, [user?.user_type]);\n}\n","import type { FetchClientInstance } from \"@fluid-app/api-client-core\";\nimport type { DamAssetCreateResponse } from \"@fluid-app/file-picker-core\";\n\nexport interface DamUploadStrategy {\n  uploadFile(params: {\n    file: File;\n    name: string;\n    description?: string;\n    tags?: string[];\n    onProgress?: (progress: number) => void;\n    companyId?: number;\n  }): Promise<DamAssetCreateResponse>;\n}\n\nexport interface FilePickerClientConfig {\n  fetchClient: FetchClientInstance;\n  uploadStrategy?: DamUploadStrategy;\n  unsplashAccessKey?: string;\n  proxyEndpoint?: string; // defaults to \"/api/proxy-url\"\n}\n\nexport interface FilePickerClient {\n  fetchClient: FetchClientInstance;\n  uploadStrategy?: DamUploadStrategy;\n  unsplashAccessKey?: string;\n  proxyEndpoint: string;\n}\n\nexport function createFilePickerClient(\n  config: FilePickerClientConfig,\n): FilePickerClient {\n  return {\n    fetchClient: config.fetchClient,\n    uploadStrategy: config.uploadStrategy,\n    unsplashAccessKey: config.unsplashAccessKey,\n    proxyEndpoint: config.proxyEndpoint ?? \"/api/proxy-url\",\n  };\n}\n","import { useCallback, useMemo, type ComponentProps } from \"react\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  ColorOptions,\n  PaddingOptions,\n} from \"../types\";\nimport type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { ShareablesCoreProvider } from \"@fluid-app/shareables-core\";\nimport { ShareablesUIProvider, ShareablesApp } from \"@fluid-app/shareables-ui\";\nimport { createFilePickerClient } from \"@fluid-app/file-picker-api-client\";\nimport { useCurrentUser } from \"../hooks/use-current-user\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\nimport { useSdkClient } from \"../account/use-account-clients\";\nimport { useUserType } from \"../hooks/use-user-type\";\n\ntype ShareablesScreenProps = ComponentProps<\"div\"> & {\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n};\n\n/**\n * Parse the current shareables sub-route from the full slug.\n *\n * System nav slugs are \"share/products\", \"share/media\", \"share/playlists\".\n * Detail pages append an ID: \"share/products/123\", \"share/media/456\".\n *\n *   \"share/products\"        → screen=\"products\", detailId=null\n *   \"share/products/123\"    → screen=\"products\", detailId=\"123\"\n *   \"share/media/456\"       → screen=\"media\",    detailId=\"456\"\n *   \"share/playlists\"       → screen=\"playlists\", detailId=null\n *   \"share/playlists/789\"   → screen=\"playlists\", detailId=\"789\"\n *   \"share/files\"           → screen=\"files\",    detailId=null\n *   \"share\"                 → screen=null (default to products)\n */\nfunction parseShareablesRoute(currentSlug: string): {\n  screen: string | null;\n  detailId: string | null;\n  action: string | null;\n} {\n  // Strip the \"share\" prefix\n  const slugWithoutPrefix = currentSlug.replace(/^share\\/?/, \"\");\n  if (!slugWithoutPrefix) {\n    return { screen: null, detailId: null, action: null };\n  }\n\n  const parts = slugWithoutPrefix.split(\"/\");\n  const screen = parts[0] || null;\n  const detailId = parts[1] || null;\n  const action = parts[2] || null;\n  return { screen, detailId, action };\n}\n\nexport function ShareablesScreen({\n  /* eslint-disable @typescript-eslint/no-unused-vars -- destructured to exclude from divProps spread */\n  background,\n  textColor,\n  accentColor,\n  padding,\n  borderRadius,\n  /* eslint-enable @typescript-eslint/no-unused-vars */\n  ...divProps\n}: ShareablesScreenProps): React.JSX.Element {\n  const domainClient = useSdkClient();\n  const { data: userData } = useCurrentUser();\n  const { currentSlug, navigate } = useAppNavigation();\n  const { isCustomer } = useUserType();\n\n  const { screen, detailId, action } = parseShareablesRoute(currentSlug);\n\n  const handleNavigate = useCallback(\n    (subScreen: string, id?: string) => {\n      const path = id ? `share/${subScreen}/${id}` : `share/${subScreen}`;\n      navigate(path);\n    },\n    [navigate],\n  );\n\n  const handleBack = useCallback(() => {\n    if (detailId && screen) {\n      // Navigate back to the listing for the current screen\n      navigate(`share/${screen}`);\n    } else {\n      // Navigate to the default shareables screen\n      navigate(\"share/products\");\n    }\n  }, [navigate, detailId, screen]);\n\n  const coreConfig = useMemo(\n    () => ({\n      client: domainClient,\n      user: userData ? { id: userData.id } : null,\n      repContext: true,\n    }),\n    [domainClient, userData],\n  );\n\n  const filePickerClient = useMemo(\n    () => createFilePickerClient({ fetchClient: domainClient }),\n    [domainClient],\n  );\n\n  const uiConfig = useMemo(\n    () => ({\n      user: userData\n        ? {\n            id: userData.id,\n            company: userData.company\n              ? { logo_url: userData.company.logo_url }\n              : null,\n          }\n        : undefined,\n      affiliateId:\n        (userData as { affiliate_id?: number } | undefined)?.affiliate_id ??\n        null,\n      basePath: \"\",\n      navigate: (path: string) => {\n        // Strip leading slash — cards generate paths like \"/share/product/123\"\n        const cleanPath = path.replace(/^\\//, \"\");\n        // Ensure share/ prefix — screen components pass relative paths like \"media/new\"\n        const prefixed = cleanPath.startsWith(\"share/\")\n          ? cleanPath\n          : `share/${cleanPath}`;\n        navigate(prefixed);\n      },\n      showToast: (opts: {\n        title: string;\n        type: \"success\" | \"error\" | \"warning\";\n      }) => {\n        console.warn(`[Shareables] ${opts.type}: ${opts.title}`);\n      },\n      filePickerClient,\n      onToggleFavorite: async (params: {\n        favoriteableId: number;\n        favoriteableType: string;\n      }) => {\n        const affiliateId = (userData as { affiliate_id?: number } | undefined)\n          ?.affiliate_id;\n        if (!affiliateId) throw new Error(\"No affiliate ID\");\n        return domainClient.post<{ is_favorited: boolean }>(\n          `/user_companies/${affiliateId}/favorites/toggle.json`,\n          {\n            favoriteable_id: params.favoriteableId,\n            favoriteable_type: params.favoriteableType,\n          },\n        );\n      },\n      onDeletePlaylist: isCustomer\n        ? undefined\n        : async (playlistId: number) => {\n            const { playlists: playlistsApi } =\n              await import(\"@fluid-app/shareables-api-client\");\n            await playlistsApi.deletePlaylist(domainClient, playlistId);\n          },\n      readOnly: isCustomer,\n    }),\n    [userData, navigate, filePickerClient, domainClient, isCustomer],\n  );\n\n  return (\n    <div {...divProps} className={`h-full ${divProps.className ?? \"\"}`}>\n      <ShareablesCoreProvider config={coreConfig}>\n        <ShareablesUIProvider config={uiConfig}>\n          <ShareablesApp\n            screen={screen}\n            detailId={detailId}\n            action={action}\n            companyLogoUrl={userData?.company?.logo_url}\n            countryCode={userData?.country?.iso}\n            onNavigate={handleNavigate}\n            onBack={handleBack}\n          />\n        </ShareablesUIProvider>\n      </ShareablesCoreProvider>\n    </div>\n  );\n}\n\nexport const shareablesScreenPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ShareablesScreen\",\n  displayName: \"Shareables Screen\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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"}
+{"version":3,"file":"ShareablesScreen-Ceb5wUmc.mjs","names":[],"sources":["../src/hooks/use-user-type.ts","../../../file-picker/api-client/src/client.ts","../src/screens/ShareablesScreen.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useFluidAuth } from \"./use-fluid-auth\";\nimport { USER_TYPES, type UserType } from \"../auth/types\";\n\nexport interface UseUserTypeResult {\n  userType: UserType | null;\n  isCustomer: boolean;\n  isRep: boolean;\n  isAdmin: boolean;\n}\n\n/**\n * Convenience hook for user-type checks in the portal SDK.\n */\nexport function useUserType(): UseUserTypeResult {\n  const { user } = useFluidAuth();\n\n  return useMemo(() => {\n    const userType = user?.user_type ?? null;\n    return {\n      userType,\n      isCustomer: userType === USER_TYPES.customer,\n      isRep: userType === USER_TYPES.rep,\n      isAdmin:\n        userType === USER_TYPES.admin || userType === USER_TYPES.root_admin,\n    };\n  }, [user?.user_type]);\n}\n","import type { FetchClientInstance } from \"@fluid-app/api-client-core\";\nimport type { DamAssetCreateResponse } from \"@fluid-app/file-picker-core\";\n\nexport interface DamUploadStrategy {\n  uploadFile(params: {\n    file: File;\n    name: string;\n    description?: string;\n    tags?: string[];\n    onProgress?: (progress: number) => void;\n    companyId?: number;\n  }): Promise<DamAssetCreateResponse>;\n}\n\nexport interface FilePickerClientConfig {\n  fetchClient: FetchClientInstance;\n  uploadStrategy?: DamUploadStrategy;\n  unsplashAccessKey?: string;\n  proxyEndpoint?: string; // defaults to \"/api/proxy-url\"\n}\n\nexport interface FilePickerClient {\n  fetchClient: FetchClientInstance;\n  uploadStrategy?: DamUploadStrategy;\n  unsplashAccessKey?: string;\n  proxyEndpoint: string;\n}\n\nexport function createFilePickerClient(\n  config: FilePickerClientConfig,\n): FilePickerClient {\n  return {\n    fetchClient: config.fetchClient,\n    uploadStrategy: config.uploadStrategy,\n    unsplashAccessKey: config.unsplashAccessKey,\n    proxyEndpoint: config.proxyEndpoint ?? \"/api/proxy-url\",\n  };\n}\n","import { useCallback, useMemo, type ComponentProps } from \"react\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  ColorOptions,\n  PaddingOptions,\n} from \"../types\";\nimport type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { ShareablesCoreProvider } from \"@fluid-app/shareables-core\";\nimport { ShareablesUIProvider, ShareablesApp } from \"@fluid-app/shareables-ui\";\nimport { createFilePickerClient } from \"@fluid-app/file-picker-api-client\";\nimport { useCurrentUser } from \"../hooks/use-current-user\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\nimport { useSdkClient } from \"../account/use-account-clients\";\nimport { useUserType } from \"../hooks/use-user-type\";\n\ntype ShareablesScreenProps = ComponentProps<\"div\"> & {\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n};\n\n/**\n * Parse the current shareables sub-route from the full slug.\n *\n * System nav slugs are \"share/products\", \"share/media\", \"share/playlists\".\n * Detail pages append an ID: \"share/products/123\", \"share/media/456\".\n *\n *   \"share/products\"        → screen=\"products\", detailId=null\n *   \"share/products/123\"    → screen=\"products\", detailId=\"123\"\n *   \"share/media/456\"       → screen=\"media\",    detailId=\"456\"\n *   \"share/playlists\"       → screen=\"playlists\", detailId=null\n *   \"share/playlists/789\"   → screen=\"playlists\", detailId=\"789\"\n *   \"share/files\"           → screen=\"files\",    detailId=null\n *   \"share\"                 → screen=null (default to products)\n */\nfunction parseShareablesRoute(currentSlug: string): {\n  screen: string | null;\n  detailId: string | null;\n  action: string | null;\n} {\n  // Strip the \"share\" prefix\n  const slugWithoutPrefix = currentSlug.replace(/^share\\/?/, \"\");\n  if (!slugWithoutPrefix) {\n    return { screen: null, detailId: null, action: null };\n  }\n\n  const parts = slugWithoutPrefix.split(\"/\");\n  const screen = parts[0] || null;\n  const detailId = parts[1] || null;\n  const action = parts[2] || null;\n  return { screen, detailId, action };\n}\n\nexport function ShareablesScreen({\n  /* eslint-disable @typescript-eslint/no-unused-vars -- destructured to exclude from divProps spread */\n  background,\n  textColor,\n  accentColor,\n  padding,\n  borderRadius,\n  /* eslint-enable @typescript-eslint/no-unused-vars */\n  ...divProps\n}: ShareablesScreenProps): React.JSX.Element {\n  const domainClient = useSdkClient();\n  const { data: userData } = useCurrentUser();\n  const { currentSlug, navigate } = useAppNavigation();\n  const { isCustomer } = useUserType();\n\n  const { screen, detailId, action } = parseShareablesRoute(currentSlug);\n\n  const handleNavigate = useCallback(\n    (subScreen: string, id?: string) => {\n      const path = id ? `share/${subScreen}/${id}` : `share/${subScreen}`;\n      navigate(path);\n    },\n    [navigate],\n  );\n\n  const handleBack = useCallback(() => {\n    if (detailId && screen) {\n      // Navigate back to the listing for the current screen\n      navigate(`share/${screen}`);\n    } else {\n      // Navigate to the default shareables screen\n      navigate(\"share/products\");\n    }\n  }, [navigate, detailId, screen]);\n\n  const coreConfig = useMemo(\n    () => ({\n      client: domainClient,\n      user: userData ? { id: userData.id } : null,\n      repContext: true,\n    }),\n    [domainClient, userData],\n  );\n\n  const filePickerClient = useMemo(\n    () => createFilePickerClient({ fetchClient: domainClient }),\n    [domainClient],\n  );\n\n  const uiConfig = useMemo(\n    () => ({\n      user: userData\n        ? {\n            id: userData.id,\n            company: userData.company\n              ? { logo_url: userData.company.logo_url }\n              : null,\n          }\n        : undefined,\n      affiliateId:\n        (userData as { affiliate_id?: number } | undefined)?.affiliate_id ??\n        null,\n      basePath: \"\",\n      navigate: (path: string) => {\n        // Strip leading slash — cards generate paths like \"/share/product/123\"\n        const cleanPath = path.replace(/^\\//, \"\");\n        // Ensure share/ prefix — screen components pass relative paths like \"media/new\"\n        const prefixed = cleanPath.startsWith(\"share/\")\n          ? cleanPath\n          : `share/${cleanPath}`;\n        navigate(prefixed);\n      },\n      showToast: (opts: {\n        title: string;\n        type: \"success\" | \"error\" | \"warning\";\n      }) => {\n        console.warn(`[Shareables] ${opts.type}: ${opts.title}`);\n      },\n      filePickerClient,\n      onToggleFavorite: async (params: {\n        favoriteableId: number;\n        favoriteableType: string;\n      }) => {\n        const affiliateId = (userData as { affiliate_id?: number } | undefined)\n          ?.affiliate_id;\n        if (!affiliateId) throw new Error(\"No affiliate ID\");\n        return domainClient.post<{ is_favorited: boolean }>(\n          `/user_companies/${affiliateId}/favorites/toggle.json`,\n          {\n            favoriteable_id: params.favoriteableId,\n            favoriteable_type: params.favoriteableType,\n          },\n        );\n      },\n      onDeletePlaylist: isCustomer\n        ? undefined\n        : async (playlistId: number) => {\n            const { playlists: playlistsApi } =\n              await import(\"@fluid-app/shareables-api-client\");\n            await playlistsApi.deletePlaylist(domainClient, playlistId);\n          },\n      readOnly: isCustomer,\n    }),\n    [userData, navigate, filePickerClient, domainClient, isCustomer],\n  );\n\n  return (\n    <div {...divProps} className={`h-full ${divProps.className ?? \"\"}`}>\n      <ShareablesCoreProvider config={coreConfig}>\n        <ShareablesUIProvider config={uiConfig}>\n          <ShareablesApp\n            screen={screen}\n            detailId={detailId}\n            action={action}\n            companyLogoUrl={userData?.company?.logo_url}\n            countryCode={userData?.country?.iso}\n            onNavigate={handleNavigate}\n            onBack={handleBack}\n          />\n        </ShareablesUIProvider>\n      </ShareablesCoreProvider>\n    </div>\n  );\n}\n\nexport const shareablesScreenPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ShareablesScreen\",\n  displayName: \"Shareables Screen\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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"}

package/dist/{ShareablesScreen-D0kIiW8S.cjs → ShareablesScreen-D5_P3VVk.cjs}

@@ -1,7 +1,7 @@
 require("./chunk-9hOWP6kD.cjs");
-const require_FluidProvider = require("./FluidProvider-BSBLJp15.cjs");
-const require_use_account_clients = require("./use-account-clients-62dZrh9E.cjs");
-const require_use_current_user = require("./use-current-user-SFCzJt0q.cjs");
+const require_FluidProvider = require("./FluidProvider-DGm9zaDs.cjs");
+const require_use_account_clients = require("./use-account-clients-C9UjVcyo.cjs");
+const require_use_current_user = require("./use-current-user-D2YUKSpk.cjs");
 const require_AppNavigationContext = require("./AppNavigationContext-DnwdUAjn.cjs");
 const require_src = require("./src-bzRRiTN4.cjs");
 let react = require("react");
@@ -169,4 +169,4 @@ Object.defineProperty(exports, "useUserType", {
 	}
 });
 
-//# sourceMappingURL=ShareablesScreen-D0kIiW8S.cjs.map
+//# sourceMappingURL=ShareablesScreen-D5_P3VVk.cjs.map

package/dist/{ShareablesScreen-D0kIiW8S.cjs.map → ShareablesScreen-D5_P3VVk.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ShareablesScreen-D0kIiW8S.cjs","names":["useFluidAuth","USER_TYPES","useSdkClient","useCurrentUser","useAppNavigation","ShareablesCoreProvider","ShareablesUIProvider","ShareablesApp"],"sources":["../src/hooks/use-user-type.ts","../../../file-picker/api-client/src/client.ts","../src/screens/ShareablesScreen.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useFluidAuth } from \"./use-fluid-auth\";\nimport { USER_TYPES, type UserType } from \"../auth/types\";\n\nexport interface UseUserTypeResult {\n  userType: UserType | null;\n  isCustomer: boolean;\n  isRep: boolean;\n  isAdmin: boolean;\n}\n\n/**\n * Convenience hook for user-type checks in the portal SDK.\n */\nexport function useUserType(): UseUserTypeResult {\n  const { user } = useFluidAuth();\n\n  return useMemo(() => {\n    const userType = user?.user_type ?? null;\n    return {\n      userType,\n      isCustomer: userType === USER_TYPES.customer,\n      isRep: userType === USER_TYPES.rep,\n      isAdmin:\n        userType === USER_TYPES.admin || userType === USER_TYPES.root_admin,\n    };\n  }, [user?.user_type]);\n}\n","import type { FetchClientInstance } from \"@fluid-app/api-client-core\";\nimport type { DamAssetCreateResponse } from \"@fluid-app/file-picker-core\";\n\nexport interface DamUploadStrategy {\n  uploadFile(params: {\n    file: File;\n    name: string;\n    description?: string;\n    tags?: string[];\n    onProgress?: (progress: number) => void;\n    companyId?: number;\n  }): Promise<DamAssetCreateResponse>;\n}\n\nexport interface FilePickerClientConfig {\n  fetchClient: FetchClientInstance;\n  uploadStrategy?: DamUploadStrategy;\n  unsplashAccessKey?: string;\n  proxyEndpoint?: string; // defaults to \"/api/proxy-url\"\n}\n\nexport interface FilePickerClient {\n  fetchClient: FetchClientInstance;\n  uploadStrategy?: DamUploadStrategy;\n  unsplashAccessKey?: string;\n  proxyEndpoint: string;\n}\n\nexport function createFilePickerClient(\n  config: FilePickerClientConfig,\n): FilePickerClient {\n  return {\n    fetchClient: config.fetchClient,\n    uploadStrategy: config.uploadStrategy,\n    unsplashAccessKey: config.unsplashAccessKey,\n    proxyEndpoint: config.proxyEndpoint ?? \"/api/proxy-url\",\n  };\n}\n","import { useCallback, useMemo, type ComponentProps } from \"react\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  ColorOptions,\n  PaddingOptions,\n} from \"../types\";\nimport type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { ShareablesCoreProvider } from \"@fluid-app/shareables-core\";\nimport { ShareablesUIProvider, ShareablesApp } from \"@fluid-app/shareables-ui\";\nimport { createFilePickerClient } from \"@fluid-app/file-picker-api-client\";\nimport { useCurrentUser } from \"../hooks/use-current-user\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\nimport { useSdkClient } from \"../account/use-account-clients\";\nimport { useUserType } from \"../hooks/use-user-type\";\n\ntype ShareablesScreenProps = ComponentProps<\"div\"> & {\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n};\n\n/**\n * Parse the current shareables sub-route from the full slug.\n *\n * System nav slugs are \"share/products\", \"share/media\", \"share/playlists\".\n * Detail pages append an ID: \"share/products/123\", \"share/media/456\".\n *\n *   \"share/products\"        → screen=\"products\", detailId=null\n *   \"share/products/123\"    → screen=\"products\", detailId=\"123\"\n *   \"share/media/456\"       → screen=\"media\",    detailId=\"456\"\n *   \"share/playlists\"       → screen=\"playlists\", detailId=null\n *   \"share/playlists/789\"   → screen=\"playlists\", detailId=\"789\"\n *   \"share/files\"           → screen=\"files\",    detailId=null\n *   \"share\"                 → screen=null (default to products)\n */\nfunction parseShareablesRoute(currentSlug: string): {\n  screen: string | null;\n  detailId: string | null;\n  action: string | null;\n} {\n  // Strip the \"share\" prefix\n  const slugWithoutPrefix = currentSlug.replace(/^share\\/?/, \"\");\n  if (!slugWithoutPrefix) {\n    return { screen: null, detailId: null, action: null };\n  }\n\n  const parts = slugWithoutPrefix.split(\"/\");\n  const screen = parts[0] || null;\n  const detailId = parts[1] || null;\n  const action = parts[2] || null;\n  return { screen, detailId, action };\n}\n\nexport function ShareablesScreen({\n  /* eslint-disable @typescript-eslint/no-unused-vars -- destructured to exclude from divProps spread */\n  background,\n  textColor,\n  accentColor,\n  padding,\n  borderRadius,\n  /* eslint-enable @typescript-eslint/no-unused-vars */\n  ...divProps\n}: ShareablesScreenProps): React.JSX.Element {\n  const domainClient = useSdkClient();\n  const { data: userData } = useCurrentUser();\n  const { currentSlug, navigate } = useAppNavigation();\n  const { isCustomer } = useUserType();\n\n  const { screen, detailId, action } = parseShareablesRoute(currentSlug);\n\n  const handleNavigate = useCallback(\n    (subScreen: string, id?: string) => {\n      const path = id ? `share/${subScreen}/${id}` : `share/${subScreen}`;\n      navigate(path);\n    },\n    [navigate],\n  );\n\n  const handleBack = useCallback(() => {\n    if (detailId && screen) {\n      // Navigate back to the listing for the current screen\n      navigate(`share/${screen}`);\n    } else {\n      // Navigate to the default shareables screen\n      navigate(\"share/products\");\n    }\n  }, [navigate, detailId, screen]);\n\n  const coreConfig = useMemo(\n    () => ({\n      client: domainClient,\n      user: userData ? { id: userData.id } : null,\n      repContext: true,\n    }),\n    [domainClient, userData],\n  );\n\n  const filePickerClient = useMemo(\n    () => createFilePickerClient({ fetchClient: domainClient }),\n    [domainClient],\n  );\n\n  const uiConfig = useMemo(\n    () => ({\n      user: userData\n        ? {\n            id: userData.id,\n            company: userData.company\n              ? { logo_url: userData.company.logo_url }\n              : null,\n          }\n        : undefined,\n      affiliateId:\n        (userData as { affiliate_id?: number } | undefined)?.affiliate_id ??\n        null,\n      basePath: \"\",\n      navigate: (path: string) => {\n        // Strip leading slash — cards generate paths like \"/share/product/123\"\n        const cleanPath = path.replace(/^\\//, \"\");\n        // Ensure share/ prefix — screen components pass relative paths like \"media/new\"\n        const prefixed = cleanPath.startsWith(\"share/\")\n          ? cleanPath\n          : `share/${cleanPath}`;\n        navigate(prefixed);\n      },\n      showToast: (opts: {\n        title: string;\n        type: \"success\" | \"error\" | \"warning\";\n      }) => {\n        console.warn(`[Shareables] ${opts.type}: ${opts.title}`);\n      },\n      filePickerClient,\n      onToggleFavorite: async (params: {\n        favoriteableId: number;\n        favoriteableType: string;\n      }) => {\n        const affiliateId = (userData as { affiliate_id?: number } | undefined)\n          ?.affiliate_id;\n        if (!affiliateId) throw new Error(\"No affiliate ID\");\n        return domainClient.post<{ is_favorited: boolean }>(\n          `/user_companies/${affiliateId}/favorites/toggle.json`,\n          {\n            favoriteable_id: params.favoriteableId,\n            favoriteable_type: params.favoriteableType,\n          },\n        );\n      },\n      onDeletePlaylist: isCustomer\n        ? undefined\n        : async (playlistId: number) => {\n            const { playlists: playlistsApi } =\n              await import(\"@fluid-app/shareables-api-client\");\n            await playlistsApi.deletePlaylist(domainClient, playlistId);\n          },\n      readOnly: isCustomer,\n    }),\n    [userData, navigate, filePickerClient, domainClient, isCustomer],\n  );\n\n  return (\n    <div {...divProps} className={`h-full ${divProps.className ?? \"\"}`}>\n      <ShareablesCoreProvider config={coreConfig}>\n        <ShareablesUIProvider config={uiConfig}>\n          <ShareablesApp\n            screen={screen}\n            detailId={detailId}\n            action={action}\n            companyLogoUrl={userData?.company?.logo_url}\n            countryCode={userData?.country?.iso}\n            onNavigate={handleNavigate}\n            onBack={handleBack}\n          />\n        </ShareablesUIProvider>\n      </ShareablesCoreProvider>\n    </div>\n  );\n}\n\nexport const shareablesScreenPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ShareablesScreen\",\n  displayName: \"Shareables Screen\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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"}
+{"version":3,"file":"ShareablesScreen-D5_P3VVk.cjs","names":["useFluidAuth","USER_TYPES","useSdkClient","useCurrentUser","useAppNavigation","ShareablesCoreProvider","ShareablesUIProvider","ShareablesApp"],"sources":["../src/hooks/use-user-type.ts","../../../file-picker/api-client/src/client.ts","../src/screens/ShareablesScreen.tsx"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useFluidAuth } from \"./use-fluid-auth\";\nimport { USER_TYPES, type UserType } from \"../auth/types\";\n\nexport interface UseUserTypeResult {\n  userType: UserType | null;\n  isCustomer: boolean;\n  isRep: boolean;\n  isAdmin: boolean;\n}\n\n/**\n * Convenience hook for user-type checks in the portal SDK.\n */\nexport function useUserType(): UseUserTypeResult {\n  const { user } = useFluidAuth();\n\n  return useMemo(() => {\n    const userType = user?.user_type ?? null;\n    return {\n      userType,\n      isCustomer: userType === USER_TYPES.customer,\n      isRep: userType === USER_TYPES.rep,\n      isAdmin:\n        userType === USER_TYPES.admin || userType === USER_TYPES.root_admin,\n    };\n  }, [user?.user_type]);\n}\n","import type { FetchClientInstance } from \"@fluid-app/api-client-core\";\nimport type { DamAssetCreateResponse } from \"@fluid-app/file-picker-core\";\n\nexport interface DamUploadStrategy {\n  uploadFile(params: {\n    file: File;\n    name: string;\n    description?: string;\n    tags?: string[];\n    onProgress?: (progress: number) => void;\n    companyId?: number;\n  }): Promise<DamAssetCreateResponse>;\n}\n\nexport interface FilePickerClientConfig {\n  fetchClient: FetchClientInstance;\n  uploadStrategy?: DamUploadStrategy;\n  unsplashAccessKey?: string;\n  proxyEndpoint?: string; // defaults to \"/api/proxy-url\"\n}\n\nexport interface FilePickerClient {\n  fetchClient: FetchClientInstance;\n  uploadStrategy?: DamUploadStrategy;\n  unsplashAccessKey?: string;\n  proxyEndpoint: string;\n}\n\nexport function createFilePickerClient(\n  config: FilePickerClientConfig,\n): FilePickerClient {\n  return {\n    fetchClient: config.fetchClient,\n    uploadStrategy: config.uploadStrategy,\n    unsplashAccessKey: config.unsplashAccessKey,\n    proxyEndpoint: config.proxyEndpoint ?? \"/api/proxy-url\",\n  };\n}\n","import { useCallback, useMemo, type ComponentProps } from \"react\";\nimport type {\n  BackgroundValue,\n  BorderRadiusOptions,\n  ColorOptions,\n  PaddingOptions,\n} from \"../types\";\nimport type { WidgetPropertySchema } from \"../registries/property-schema-types\";\nimport { ShareablesCoreProvider } from \"@fluid-app/shareables-core\";\nimport { ShareablesUIProvider, ShareablesApp } from \"@fluid-app/shareables-ui\";\nimport { createFilePickerClient } from \"@fluid-app/file-picker-api-client\";\nimport { useCurrentUser } from \"../hooks/use-current-user\";\nimport { useAppNavigation } from \"../shell/AppNavigationContext\";\nimport { useSdkClient } from \"../account/use-account-clients\";\nimport { useUserType } from \"../hooks/use-user-type\";\n\ntype ShareablesScreenProps = ComponentProps<\"div\"> & {\n  background?: BackgroundValue;\n  textColor?: ColorOptions;\n  accentColor?: ColorOptions;\n  padding?: PaddingOptions;\n  borderRadius?: BorderRadiusOptions;\n};\n\n/**\n * Parse the current shareables sub-route from the full slug.\n *\n * System nav slugs are \"share/products\", \"share/media\", \"share/playlists\".\n * Detail pages append an ID: \"share/products/123\", \"share/media/456\".\n *\n *   \"share/products\"        → screen=\"products\", detailId=null\n *   \"share/products/123\"    → screen=\"products\", detailId=\"123\"\n *   \"share/media/456\"       → screen=\"media\",    detailId=\"456\"\n *   \"share/playlists\"       → screen=\"playlists\", detailId=null\n *   \"share/playlists/789\"   → screen=\"playlists\", detailId=\"789\"\n *   \"share/files\"           → screen=\"files\",    detailId=null\n *   \"share\"                 → screen=null (default to products)\n */\nfunction parseShareablesRoute(currentSlug: string): {\n  screen: string | null;\n  detailId: string | null;\n  action: string | null;\n} {\n  // Strip the \"share\" prefix\n  const slugWithoutPrefix = currentSlug.replace(/^share\\/?/, \"\");\n  if (!slugWithoutPrefix) {\n    return { screen: null, detailId: null, action: null };\n  }\n\n  const parts = slugWithoutPrefix.split(\"/\");\n  const screen = parts[0] || null;\n  const detailId = parts[1] || null;\n  const action = parts[2] || null;\n  return { screen, detailId, action };\n}\n\nexport function ShareablesScreen({\n  /* eslint-disable @typescript-eslint/no-unused-vars -- destructured to exclude from divProps spread */\n  background,\n  textColor,\n  accentColor,\n  padding,\n  borderRadius,\n  /* eslint-enable @typescript-eslint/no-unused-vars */\n  ...divProps\n}: ShareablesScreenProps): React.JSX.Element {\n  const domainClient = useSdkClient();\n  const { data: userData } = useCurrentUser();\n  const { currentSlug, navigate } = useAppNavigation();\n  const { isCustomer } = useUserType();\n\n  const { screen, detailId, action } = parseShareablesRoute(currentSlug);\n\n  const handleNavigate = useCallback(\n    (subScreen: string, id?: string) => {\n      const path = id ? `share/${subScreen}/${id}` : `share/${subScreen}`;\n      navigate(path);\n    },\n    [navigate],\n  );\n\n  const handleBack = useCallback(() => {\n    if (detailId && screen) {\n      // Navigate back to the listing for the current screen\n      navigate(`share/${screen}`);\n    } else {\n      // Navigate to the default shareables screen\n      navigate(\"share/products\");\n    }\n  }, [navigate, detailId, screen]);\n\n  const coreConfig = useMemo(\n    () => ({\n      client: domainClient,\n      user: userData ? { id: userData.id } : null,\n      repContext: true,\n    }),\n    [domainClient, userData],\n  );\n\n  const filePickerClient = useMemo(\n    () => createFilePickerClient({ fetchClient: domainClient }),\n    [domainClient],\n  );\n\n  const uiConfig = useMemo(\n    () => ({\n      user: userData\n        ? {\n            id: userData.id,\n            company: userData.company\n              ? { logo_url: userData.company.logo_url }\n              : null,\n          }\n        : undefined,\n      affiliateId:\n        (userData as { affiliate_id?: number } | undefined)?.affiliate_id ??\n        null,\n      basePath: \"\",\n      navigate: (path: string) => {\n        // Strip leading slash — cards generate paths like \"/share/product/123\"\n        const cleanPath = path.replace(/^\\//, \"\");\n        // Ensure share/ prefix — screen components pass relative paths like \"media/new\"\n        const prefixed = cleanPath.startsWith(\"share/\")\n          ? cleanPath\n          : `share/${cleanPath}`;\n        navigate(prefixed);\n      },\n      showToast: (opts: {\n        title: string;\n        type: \"success\" | \"error\" | \"warning\";\n      }) => {\n        console.warn(`[Shareables] ${opts.type}: ${opts.title}`);\n      },\n      filePickerClient,\n      onToggleFavorite: async (params: {\n        favoriteableId: number;\n        favoriteableType: string;\n      }) => {\n        const affiliateId = (userData as { affiliate_id?: number } | undefined)\n          ?.affiliate_id;\n        if (!affiliateId) throw new Error(\"No affiliate ID\");\n        return domainClient.post<{ is_favorited: boolean }>(\n          `/user_companies/${affiliateId}/favorites/toggle.json`,\n          {\n            favoriteable_id: params.favoriteableId,\n            favoriteable_type: params.favoriteableType,\n          },\n        );\n      },\n      onDeletePlaylist: isCustomer\n        ? undefined\n        : async (playlistId: number) => {\n            const { playlists: playlistsApi } =\n              await import(\"@fluid-app/shareables-api-client\");\n            await playlistsApi.deletePlaylist(domainClient, playlistId);\n          },\n      readOnly: isCustomer,\n    }),\n    [userData, navigate, filePickerClient, domainClient, isCustomer],\n  );\n\n  return (\n    <div {...divProps} className={`h-full ${divProps.className ?? \"\"}`}>\n      <ShareablesCoreProvider config={coreConfig}>\n        <ShareablesUIProvider config={uiConfig}>\n          <ShareablesApp\n            screen={screen}\n            detailId={detailId}\n            action={action}\n            companyLogoUrl={userData?.company?.logo_url}\n            countryCode={userData?.country?.iso}\n            onNavigate={handleNavigate}\n            onBack={handleBack}\n          />\n        </ShareablesUIProvider>\n      </ShareablesCoreProvider>\n    </div>\n  );\n}\n\nexport const shareablesScreenPropertySchema: WidgetPropertySchema = {\n  widgetType: \"ShareablesScreen\",\n  displayName: \"Shareables Screen\",\n  tabsConfig: [{ id: \"styling\", label: \"Styling\" }],\n  fields: [],\n} as const satisfies WidgetPropertySchema;\n"],"mappings":"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"}

package/dist/{ShareablesScreen-BmKYYRZq.mjs → ShareablesScreen-Ds-a4dSK.mjs}

@@ -1,5 +1,5 @@
-import "./FluidProvider-CwkMUOoy.mjs";
-import "./PointsWidget-CYesuDDG.mjs";
+import "./FluidProvider-DpiMY5TW.mjs";
+import "./PointsWidget-C05iCMne.mjs";
 import "./error-state-C9MqwdW7.mjs";
 import "./ScreenRenderer-DoVfmxCl.mjs";
 import "./WidgetInteractionContext-1AMQFvCN.mjs";
@@ -16,7 +16,7 @@ import "./purify.es-D4F6PAAZ.mjs";
 import "./src-77nf0QPD.mjs";
 import "./scroll-arrows-CjjaRceq.mjs";
 import "./MediaRenderer-BKgR0Nd5.mjs";
-import "./CarouselWidget-v1NWYsQe.mjs";
+import "./CarouselWidget-BSUwgJQ3.mjs";
 import "./CatchUpWidget-CMRwgEcX.mjs";
 import "./ChartWidget-DZYGhLye.mjs";
 import "./ContainerWidget-BIMMO6W4.mjs";
@@ -33,7 +33,8 @@ import "./TableWidget-Nkzz38xS.mjs";
 import "./ToDoWidget-D52-GT7f.mjs";
 import "./VideoWidget-4DRASBWA.mjs";
 import "./ScreenHeaderContext-NdrJ58Mg.mjs";
-import { n as shareablesScreenPropertySchema, t as ShareablesScreen } from "./ShareablesScreen-BK0H5fb2.mjs";
+import { n as shareablesScreenPropertySchema, t as ShareablesScreen } from "./ShareablesScreen-Ceb5wUmc.mjs";
+import "./AppNavigationContext-BSnbFILQ.mjs";
 import "./dist-CkIGP8my.mjs";
 import "./es-Dlib2eNY.mjs";
 import "./dist-C9vpl_rR.mjs";

package/dist/{ShopScreen-CDwCW5Go.cjs → ShopScreen-BG2O9grs.cjs}

@@ -1,9 +1,9 @@
 const require_chunk = require("./chunk-9hOWP6kD.cjs");
-const require_FluidProvider = require("./FluidProvider-BSBLJp15.cjs");
+const require_FluidProvider = require("./FluidProvider-DGm9zaDs.cjs");
 const require_src = require("./src-DGjAAfmN.cjs");
-const require_use_account_clients = require("./use-account-clients-62dZrh9E.cjs");
+const require_use_account_clients = require("./use-account-clients-C9UjVcyo.cjs");
 const require_ScreenHeaderContext = require("./ScreenHeaderContext-wrJlkhgN.cjs");
-const require_use_current_user = require("./use-current-user-SFCzJt0q.cjs");
+const require_use_current_user = require("./use-current-user-D2YUKSpk.cjs");
 const require_AppNavigationContext = require("./AppNavigationContext-DnwdUAjn.cjs");
 const require_products = require("./products-CjZof7c2.cjs");
 let react = require("react");
@@ -1346,7 +1346,7 @@ function ProductListing({ countryCode, companyLogoUrl, renderImage, onSelectProd
 		})]
 	});
 }
-function ProductDetail({ productId, countryCode, renderImage, onBack, onAddToCart, cartButton }) {
+function ProductDetail({ productId, countryCode, renderImage, onBack, onAddToCart, cartButton, companyName }) {
 	const { product, isLoading, error, currentVariant, productOptions, effectiveSelectedOptions, handleOptionChange, quantity, setQuantity, isSubscribe, userSelectedSubscribe, setUserSelectedSubscribe, showBuyOnce, showSubscribe, selectedSubscriptionPlan, setSelectedSubscriptionPlan, displayPrice, displayWholesalePrice, displayWholesaleSubscriptionPrice, wholesaleCv, wholesaleQv, currentVariantCountry } = useProductDetail({
 		productId,
 		countryCode
@@ -1362,6 +1362,8 @@ function ProductDetail({ productId, countryCode, renderImage, onBack, onAddToCar
 		currentVariant?.images,
 		coverImage
 	]);
+	const isBundle = product?.bundle === true;
+	const bundleUrl = isBundle && product?.canonical_url ? product.canonical_url : null;
 	const handleAddToCart = () => {
 		if (!onAddToCart || !currentVariant?.id) return;
 		onAddToCart(currentVariant.id, quantity, isSubscribe, selectedSubscriptionPlan?.subscription_plan?.id?.toString());
@@ -1436,7 +1438,7 @@ function ProductDetail({ productId, countryCode, renderImage, onBack, onAddToCar
 							className: "text-foreground text-3xl font-bold",
 							children: title
 						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+						!isBundle && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 							className: "mb-2 flex items-center gap-2",
 							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 								className: "text-foreground text-sm",
@@ -1456,81 +1458,96 @@ function ProductDetail({ productId, countryCode, renderImage, onBack, onAddToCar
 								dangerouslySetInnerHTML: { __html: sanitizeHtml(product.description ?? "") }
 							})]
 						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PurchaseOptions, {
-							showBuyOnce,
-							showSubscribe,
-							isSubscribe,
-							userSelectedSubscribe,
-							onSubscribeChange: setUserSelectedSubscribe,
-							wholesalePrice: currentVariantCountry?.wholesale,
-							wholesaleSubscriptionPrice: currentVariantCountry?.wholesale_subscription_price,
-							product_subscription_plans: product.product_subscription_plans || [],
-							selectedSubscriptionPlan,
-							onSubscriptionPlanChange: setSelectedSubscriptionPlan
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: "text-muted-foreground mb-3 text-sm",
-							children: [
-								"CV ",
-								countryCode && wholesaleCv != null ? wholesaleCv : "-",
-								" | QV",
-								" ",
-								countryCode && wholesaleQv != null ? wholesaleQv : "-"
-							]
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "flex items-center border-t" }),
-						productOptions.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "mb-4 pt-4",
-							children: productOptions.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-								className: "mb-3 flex items-center",
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
-									className: "text-md text-foreground w-24 font-bold",
-									children: option.name.charAt(0).toUpperCase() + option.name.slice(1)
-								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Select, {
-									value: effectiveSelectedOptions[option.id] || "",
-									onValueChange: (value) => handleOptionChange(option.id, value),
-									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectTrigger, {
-										className: "w-48 max-w-full",
-										children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectValue, { placeholder: `Select ${option.name}` })
-									}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectContent, { children: option.values.map((value) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectItem, {
-										value,
-										children: value
-									}, value)) })]
-								})]
-							}, option.id))
-						}),
-						currentVariant?.subscription_only && !currentVariant.allow_subscription && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-							className: "text-muted-foreground text-sm",
-							children: "This product is unavailable for purchase."
-						}),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "mb-3" }),
-						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-							className: "flex items-center gap-3 pb-3",
-							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(QuantitySelector, {
-								quantity,
-								setQuantity
-							}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
-								disabled: !currentVariant?.id || currentVariant?.subscription_only && !currentVariant.allow_subscription,
+						isBundle ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+							className: "pt-4",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
 								variant: "default",
-								className: "flex-1 gap-2 py-2 text-base font-medium",
-								onClick: onAddToCart ? handleAddToCart : void 0,
-								...!onAddToCart && {
-									"data-fluid-add-to-cart": String(currentVariant?.id ?? ""),
-									"data-fluid-quantity": quantity,
-									"data-fluid-subscribe": isSubscribe,
-									"data-fluid-subscription-plan-id": isSubscribe ? selectedSubscriptionPlan?.subscription_plan?.id?.toString() || product.product_subscription_plans?.find((plan) => plan.default)?.subscription_plan.id.toString() || product.product_subscription_plans?.[0]?.subscription_plan.id.toString() || "" : "",
-									"data-fluid-open-cart-after-add": "false"
+								className: "w-full gap-2 py-2 text-base font-medium",
+								disabled: !bundleUrl,
+								onClick: () => {
+									if (bundleUrl) window.open(bundleUrl, "_blank", "noopener,noreferrer");
 								},
-								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ShoppingCart, { className: "h-4 w-4" }), isSubscribe ? "Subscribe" : "Add to Cart"]
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Link, { className: "h-5 w-5" }), companyName ? `Purchase at ${companyName}` : "Purchase Bundle"]
+							}), !bundleUrl && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+								className: "text-muted-foreground mt-2 text-center text-xs",
+								children: "Bundle configuration is unavailable. Please contact support."
 							})]
-						})
+						}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)(PurchaseOptions, {
+								showBuyOnce,
+								showSubscribe,
+								isSubscribe,
+								userSelectedSubscribe,
+								onSubscribeChange: setUserSelectedSubscribe,
+								wholesalePrice: currentVariantCountry?.wholesale,
+								wholesaleSubscriptionPrice: currentVariantCountry?.wholesale_subscription_price,
+								product_subscription_plans: product.product_subscription_plans || [],
+								selectedSubscriptionPlan,
+								onSubscriptionPlanChange: setSelectedSubscriptionPlan
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "text-muted-foreground mb-3 text-sm",
+								children: [
+									"CV ",
+									countryCode && wholesaleCv != null ? wholesaleCv : "-",
+									" | QV ",
+									countryCode && wholesaleQv != null ? wholesaleQv : "-"
+								]
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "flex items-center border-t" }),
+							productOptions.length > 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "mb-4 pt-4",
+								children: productOptions.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+									className: "mb-3 flex items-center",
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("h3", {
+										className: "text-md text-foreground w-24 font-bold",
+										children: option.name.charAt(0).toUpperCase() + option.name.slice(1)
+									}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Select, {
+										value: effectiveSelectedOptions[option.id] || "",
+										onValueChange: (value) => handleOptionChange(option.id, value),
+										children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectTrigger, {
+											className: "w-48 max-w-full",
+											children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectValue, { placeholder: `Select ${option.name}` })
+										}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectContent, { children: option.values.map((value) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_src.SelectItem, {
+											value,
+											children: value
+										}, value)) })]
+									})]
+								}, option.id))
+							}),
+							currentVariant?.subscription_only && !currentVariant.allow_subscription && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+								className: "text-muted-foreground text-sm",
+								children: "This product is unavailable for purchase."
+							}),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "mb-3" }),
+							/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+								className: "flex items-center gap-3 pb-3",
+								children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(QuantitySelector, {
+									quantity,
+									setQuantity
+								}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_src.Button, {
+									disabled: !currentVariant?.id || currentVariant?.subscription_only && !currentVariant.allow_subscription,
+									variant: "default",
+									className: "flex-1 gap-2 py-2 text-base font-medium",
+									onClick: onAddToCart ? handleAddToCart : void 0,
+									...!onAddToCart && {
+										"data-fluid-add-to-cart": String(currentVariant?.id ?? ""),
+										"data-fluid-quantity": quantity,
+										"data-fluid-subscribe": isSubscribe,
+										"data-fluid-subscription-plan-id": isSubscribe ? selectedSubscriptionPlan?.subscription_plan?.id?.toString() || product.product_subscription_plans?.find((plan) => plan.default)?.subscription_plan.id.toString() || product.product_subscription_plans?.[0]?.subscription_plan.id.toString() || "" : "",
+										"data-fluid-open-cart-after-add": "false"
+									},
+									children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ShoppingCart, { className: "h-4 w-4" }), isSubscribe ? "Subscribe" : "Add to Cart"]
+								})]
+							})
+						] })
 					]
 				})]
 			})
 		})]
 	});
 }
-function ShopApp({ countryCode, companyLogoUrl, renderImage, onAddToCart, productId: controlledProductId, onSelectProduct: onSelectProductProp, onBack: onBackProp, cartButton }) {
+function ShopApp({ countryCode, companyLogoUrl, renderImage, onAddToCart, productId: controlledProductId, onSelectProduct: onSelectProductProp, onBack: onBackProp, cartButton, companyName }) {
 	const [internalProductId, setInternalProductId] = (0, react.useState)(null);
 	const activeProductId = controlledProductId !== void 0 ? controlledProductId : internalProductId;
 	const handleSelectProduct = onSelectProductProp ?? setInternalProductId;
@@ -1541,7 +1558,8 @@ function ShopApp({ countryCode, companyLogoUrl, renderImage, onAddToCart, produc
 		renderImage,
 		onBack: handleBack,
 		onAddToCart,
-		cartButton
+		cartButton,
+		companyName
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ProductListing, {
 		countryCode,
@@ -1739,7 +1757,8 @@ function ShopScreen({ background, textColor, accentColor, padding, borderRadius,
 					companyLogoUrl: userData?.company?.logo_url,
 					productId,
 					onSelectProduct: (id) => navigate(`shop/${id}`),
-					onBack: () => navigate("shop")
+					onBack: () => navigate("shop"),
+					companyName: userData?.company?.name
 				})
 			})
 		})
@@ -1768,4 +1787,4 @@ Object.defineProperty(exports, "shopScreenPropertySchema", {
 	}
 });
 
-//# sourceMappingURL=ShopScreen-CDwCW5Go.cjs.map
+//# sourceMappingURL=ShopScreen-BG2O9grs.cjs.map