@deenruv/admin-dashboard 1.0.17-dev.14 → 1.0.17-dev.15

package/dist/components/storefrontAction/StorefrontAction.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, SimpleTooltip } from '@deenruv/react-ui-devkit';
+import { ExternalLink } from 'lucide-react';
+export const StorefrontAction = ({ label, state }) => {
+    if (state.kind === 'ready') {
+        return (_jsx(Button, { asChild: true, variant: "secondary", size: "sm", children: _jsxs("a", { href: state.url, target: "_blank", rel: "noopener noreferrer", className: "gap-2", children: [_jsx(ExternalLink, { className: "size-4", "aria-hidden": "true" }), label] }) }));
+    }
+    return (_jsx(SimpleTooltip, { content: state.tooltip, children: _jsxs(Button, { type: "button", variant: "secondary", size: "sm", className: "gap-2", disabled: true, children: [_jsx(ExternalLink, { className: "size-4", "aria-hidden": "true" }), label] }) }));
+};

package/dist/components/storefrontAction/StorefrontAction.logic.js

@@ -0,0 +1,27 @@
+export const getStorefrontEntityUrlState = (context, resolver) => {
+    let resolvedUrl;
+    try {
+        resolvedUrl = resolver(context);
+    }
+    catch {
+        return { kind: 'disabled', reason: 'resolverFailed' };
+    }
+    if (resolvedUrl === undefined)
+        return { kind: 'hidden' };
+    if (resolvedUrl === null)
+        return { kind: 'disabled', reason: 'resolverEmpty' };
+    let urlString;
+    let protocol;
+    try {
+        const url = new globalThis.URL(resolvedUrl);
+        urlString = url.href;
+        protocol = url.protocol;
+    }
+    catch {
+        return { kind: 'disabled', reason: 'urlNotAbsolute' };
+    }
+    if (protocol !== 'http:' && protocol !== 'https:') {
+        return { kind: 'disabled', reason: 'unsupportedProtocol' };
+    }
+    return { kind: 'ready', url: urlString };
+};

package/dist/components/storefrontAction/index.js

@@ -0,0 +1,2 @@
+export * from './StorefrontAction';
+export * from './StorefrontAction.logic';

package/dist/locales/en/collections.json

@@ -7,6 +7,20 @@
     "baseInfoUpdated": "Updated: {{value}}",
     "buttonDisabledTooltip": "Fill in all required fields",
     "noChangesTooltip": "No changes have been made",
+    "storefrontAction": {
+        "label": "Open in storefront",
+        "disabled": {
+            "collectionPrivate": "Make the collection public and save it before opening it in the storefront.",
+            "missingChannel": "Select a channel before opening the collection in the storefront.",
+            "missingSlug": "The saved collection has no slug for the selected language.",
+            "unsavedPrivate": "Save the current visibility before opening the collection in the storefront.",
+            "unsavedSlug": "Save the current slug before opening the collection in the storefront.",
+            "resolverFailed": "The storefront URL could not be resolved.",
+            "resolverEmpty": "The storefront URL resolver returned no URL.",
+            "urlNotAbsolute": "The storefront URL must be absolute.",
+            "unsupportedProtocol": "The storefront URL must use HTTP or HTTPS."
+        }
+    },
     "table": {
         "id": "Id",
         "name": "Name",

package/dist/locales/en/products.json

@@ -42,6 +42,21 @@
         "removeVariant": "Usuń wariant",
         "removeVariantFromChannel": "Usuń wariant z kanału"
     },
+    "storefrontAction": {
+        "label": "Open in storefront",
+        "disabled": {
+            "productDisabled": "Enable and save the product before opening it in the storefront.",
+            "missingChannel": "Select a channel before opening the product in the storefront.",
+            "channelNotAssigned": "The saved product is not assigned to the selected channel.",
+            "missingSlug": "The saved product has no slug for the selected language.",
+            "unsavedSlug": "Save the current slug before opening the product in the storefront.",
+            "unsavedEnabled": "Save the current availability status before opening the product in the storefront.",
+            "resolverFailed": "The storefront URL could not be resolved.",
+            "resolverEmpty": "The storefront URL resolver returned no URL.",
+            "urlNotAbsolute": "The storefront URL must be absolute.",
+            "unsupportedProtocol": "The storefront URL must use HTTP or HTTPS."
+        }
+    },
     "initialVariant": {
         "title": "Initial variant",
         "description": "Create one default variant together with this product. If the variant name is empty, the product name will be used.",

package/dist/locales/pl/collections.json

@@ -7,6 +7,20 @@
     "baseInfoUpdated": "Zaktualizowano: {{value}}",
     "buttonDisabledTooltip": "Wypełnij wszystkie wymagane pola",
     "noChangesTooltip": "Nie wprowadzono żadnych zmian",
+    "storefrontAction": {
+        "label": "Otwórz w sklepie",
+        "disabled": {
+            "collectionPrivate": "Ustaw kolekcję jako publiczną i zapisz ją, aby otworzyć ją w sklepie.",
+            "missingChannel": "Wybierz kanał, aby otworzyć kolekcję w sklepie.",
+            "missingSlug": "Zapisana kolekcja nie ma slugu dla wybranego języka.",
+            "unsavedPrivate": "Zapisz bieżącą widoczność, aby otworzyć kolekcję w sklepie.",
+            "unsavedSlug": "Zapisz bieżący slug, aby otworzyć kolekcję w sklepie.",
+            "resolverFailed": "Nie udało się wyznaczyć adresu URL sklepu.",
+            "resolverEmpty": "Konfiguracja sklepu nie zwróciła adresu URL.",
+            "urlNotAbsolute": "Adres URL sklepu musi być bezwzględny.",
+            "unsupportedProtocol": "Adres URL sklepu musi używać protokołu HTTP lub HTTPS."
+        }
+    },
     "table": {
         "id": "ID",
         "name": "Nazwa",

package/dist/locales/pl/products.json

@@ -42,6 +42,21 @@
         "removeVariant": "Usuń wariant",
         "removeVariantFromChannel": "Usuń wariant z kanału"
     },
+    "storefrontAction": {
+        "label": "Otwórz w sklepie",
+        "disabled": {
+            "productDisabled": "Włącz i zapisz produkt, aby otworzyć go w sklepie.",
+            "missingChannel": "Wybierz kanał, aby otworzyć produkt w sklepie.",
+            "channelNotAssigned": "Zapisany produkt nie jest przypisany do wybranego kanału.",
+            "missingSlug": "Zapisany produkt nie ma slugu dla wybranego języka.",
+            "unsavedSlug": "Zapisz bieżący slug, aby otworzyć produkt w sklepie.",
+            "unsavedEnabled": "Zapisz bieżący status dostępności, aby otworzyć produkt w sklepie.",
+            "resolverFailed": "Nie udało się wyznaczyć adresu URL sklepu.",
+            "resolverEmpty": "Konfiguracja sklepu nie zwróciła adresu URL.",
+            "urlNotAbsolute": "Adres URL sklepu musi być bezwzględny.",
+            "unsupportedProtocol": "Adres URL sklepu musi używać protokołu HTTP lub HTTPS."
+        }
+    },
     "initialVariant": {
         "title": "Początkowy wariant",
         "description": "Utwórz jeden domyślny wariant razem z tym produktem. Jeśli nazwa wariantu jest pusta, zostanie użyta nazwa produktu.",

package/dist/pages/collections/Detail.js

@@ -3,6 +3,7 @@ import { useCallback } from 'react';
 import { useParams } from 'react-router';
 import { useValidators, DetailView, createDeenruvForm, getMutation, useMutation, useSettings, } from '@deenruv/react-ui-devkit';
 import { CollectionsDetailView } from "./_components/CollectionDetailView.js";
+import { CollectionStorefrontAction } from "./_components/collectionStorefrontAction";
 const CreateCollectionMutation = getMutation('createCollection');
 const EditCollectionMutation = getMutation('updateCollection');
 const DeleteCollectionMutation = getMutation('deleteCollection');
@@ -73,5 +74,7 @@ export const CollectionsDetailPage = () => {
                     onSubmitted: onSubmitHandler,
                     onDeleted: onDeleteHandler,
                 }),
+            }, topActions: {
+                inline: [_jsx(CollectionStorefrontAction, {}, "collection-storefront-action")],
             } }) }));
 };

package/dist/pages/collections/_components/collectionStorefrontAction/CollectionStorefrontAction.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useDetailView, useGlobalStore, useSettings, useTranslation } from '@deenruv/react-ui-devkit';
+import { StorefrontAction } from "../../../../components/storefrontAction";
+import { getCollectionStorefrontActionState, } from './CollectionStorefrontAction.logic';
+const COLLECTION_STOREFRONT_FORM_KEYS = ['CreateCollectionInput', 'translations', 'isPrivate'];
+export const CollectionStorefrontAction = () => {
+    const { t } = useTranslation('collections');
+    const selectedChannelCode = useSettings((state) => state.selectedChannel?.code);
+    const languageCode = useSettings((state) => state.translationsLanguage);
+    const resolveStorefrontEntityUrl = useGlobalStore((state) => state.ui?.resolveStorefrontEntityUrl);
+    const { entity, form, id, loading } = useDetailView('collections-detail-view', ...COLLECTION_STOREFRONT_FORM_KEYS);
+    const formTranslations = form.base.watch('translations');
+    const formIsPrivate = form.base.watch('isPrivate');
+    if (!id || loading || !entity || !resolveStorefrontEntityUrl)
+        return null;
+    const state = getCollectionStorefrontActionState({
+        collection: entity,
+        selectedChannelCode,
+        languageCode,
+        formTranslations,
+        formIsPrivate,
+        resolveStorefrontEntityUrl,
+    });
+    const label = t('storefrontAction.label');
+    if (state.kind === 'hidden')
+        return null;
+    const disabledTooltips = {
+        collectionPrivate: t('storefrontAction.disabled.collectionPrivate'),
+        missingChannel: t('storefrontAction.disabled.missingChannel'),
+        missingSlug: t('storefrontAction.disabled.missingSlug'),
+        unsavedPrivate: t('storefrontAction.disabled.unsavedPrivate'),
+        unsavedSlug: t('storefrontAction.disabled.unsavedSlug'),
+        resolverFailed: t('storefrontAction.disabled.resolverFailed'),
+        resolverEmpty: t('storefrontAction.disabled.resolverEmpty'),
+        urlNotAbsolute: t('storefrontAction.disabled.urlNotAbsolute'),
+        unsupportedProtocol: t('storefrontAction.disabled.unsupportedProtocol'),
+    };
+    return (_jsx(StorefrontAction, { label: label, state: state.kind === 'ready'
+            ? { kind: 'ready', url: state.url }
+            : { kind: 'disabled', tooltip: disabledTooltips[state.reason] } }));
+};

package/dist/pages/collections/_components/collectionStorefrontAction/CollectionStorefrontAction.logic.js

@@ -0,0 +1,44 @@
+import { getStorefrontEntityUrlState, } from '../../../../components/storefrontAction/StorefrontAction.logic';
+const getFormSlug = (formTranslations, languageCode) => {
+    if (!Array.isArray(formTranslations))
+        return undefined;
+    const translation = formTranslations.find((value) => typeof value === 'object' && value !== null && 'languageCode' in value && value.languageCode === languageCode);
+    return typeof translation?.slug === 'string' ? translation.slug : undefined;
+};
+export const normalizeCollectionBreadcrumbs = (collection, persistedSlug) => {
+    const ancestors = collection.breadcrumbs
+        .slice(1)
+        .filter(({ id }) => id !== collection.id)
+        .map(({ id, slug }) => ({ id, slug }));
+    return [...ancestors, { id: collection.id, slug: persistedSlug }];
+};
+export const getCollectionStorefrontActionState = ({ collection, selectedChannelCode, languageCode, formTranslations, formIsPrivate, resolveStorefrontEntityUrl, }) => {
+    if (!selectedChannelCode)
+        return { kind: 'disabled', reason: 'missingChannel' };
+    const persistedTranslation = languageCode
+        ? collection.translations.find((translation) => translation.languageCode === languageCode)
+        : undefined;
+    if (!languageCode || typeof persistedTranslation?.slug !== 'string' || !persistedTranslation.slug.trim()) {
+        return { kind: 'disabled', reason: 'missingSlug' };
+    }
+    const context = {
+        entityType: 'collection',
+        entityId: collection.id,
+        slug: persistedTranslation.slug,
+        channelCode: selectedChannelCode,
+        languageCode,
+        breadcrumbs: normalizeCollectionBreadcrumbs(collection, persistedTranslation.slug),
+    };
+    const urlState = getStorefrontEntityUrlState(context, resolveStorefrontEntityUrl);
+    if (urlState.kind === 'hidden')
+        return urlState;
+    if (collection.isPrivate)
+        return { kind: 'disabled', reason: 'collectionPrivate' };
+    if (formIsPrivate !== collection.isPrivate) {
+        return { kind: 'disabled', reason: 'unsavedPrivate' };
+    }
+    if (getFormSlug(formTranslations, languageCode) !== persistedTranslation.slug) {
+        return { kind: 'disabled', reason: 'unsavedSlug' };
+    }
+    return urlState.kind === 'ready' ? { ...urlState, context } : urlState;
+};

package/dist/pages/collections/_components/collectionStorefrontAction/index.js

@@ -0,0 +1,2 @@
+export * from './CollectionStorefrontAction';
+export * from './CollectionStorefrontAction.logic';

package/dist/pages/products/Detail.js

@@ -4,6 +4,7 @@ import { VariantsTab } from "./_components/VariantsTab";
 import { OptionsTab } from "./_components/OptionsTab";
 import { ProductDetailView } from './_components/ProductDetailView';
 import { ProductDetailSidebar } from './_components/ProductDetailSidebar';
+import { ProductStorefrontAction } from './_components/productStorefrontAction';
 import { DEFAULT_CHANNEL_CODE, useTranslation, createDeenruvForm, DetailView, useMutation, useSettings, } from '@deenruv/react-ui-devkit';
 import { $, Permission, scalars, typedGql } from '@deenruv/admin-types';
 import { useMemo } from 'react';
@@ -123,7 +124,9 @@ export const ProductsDetailPage = () => {
                             throw new Error('No id');
                     },
                 }),
-            }, defaultTabs: defaultTabs, permissions: {
+            }, defaultTabs: defaultTabs, topActions: {
+                inline: [_jsx(ProductStorefrontAction, {}, "product-storefront-action")],
+            }, permissions: {
                 create: Permission.CreateProduct,
                 edit: Permission.UpdateProduct,
                 delete: Permission.DeleteProduct,

package/dist/pages/products/_components/productStorefrontAction/ProductStorefrontAction.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useDetailView, useGlobalStore, useSettings, useTranslation } from '@deenruv/react-ui-devkit';
+import { StorefrontAction } from "../../../../components/storefrontAction";
+import { getProductStorefrontActionState, } from './ProductStorefrontAction.logic';
+const PRODUCT_STOREFRONT_FORM_KEYS = ['CreateProductInput', 'translations', 'enabled'];
+export const ProductStorefrontAction = () => {
+    const { t } = useTranslation('products');
+    const selectedChannelCode = useSettings((state) => state.selectedChannel?.code);
+    const languageCode = useSettings((state) => state.translationsLanguage);
+    const resolveStorefrontEntityUrl = useGlobalStore((state) => state.ui?.resolveStorefrontEntityUrl);
+    const { entity, form, id } = useDetailView('products-detail-view', ...PRODUCT_STOREFRONT_FORM_KEYS);
+    const formTranslations = form.base.watch('translations');
+    const formEnabled = form.base.watch('enabled');
+    if (!id || !entity || !resolveStorefrontEntityUrl)
+        return null;
+    const state = getProductStorefrontActionState({
+        product: entity,
+        selectedChannelCode,
+        languageCode,
+        formTranslations,
+        formEnabled,
+        resolveStorefrontEntityUrl,
+    });
+    const label = t('storefrontAction.label');
+    if (state.kind === 'hidden')
+        return null;
+    const disabledTooltips = {
+        productDisabled: t('storefrontAction.disabled.productDisabled'),
+        missingChannel: t('storefrontAction.disabled.missingChannel'),
+        channelNotAssigned: t('storefrontAction.disabled.channelNotAssigned'),
+        missingSlug: t('storefrontAction.disabled.missingSlug'),
+        unsavedSlug: t('storefrontAction.disabled.unsavedSlug'),
+        unsavedEnabled: t('storefrontAction.disabled.unsavedEnabled'),
+        resolverFailed: t('storefrontAction.disabled.resolverFailed'),
+        resolverEmpty: t('storefrontAction.disabled.resolverEmpty'),
+        urlNotAbsolute: t('storefrontAction.disabled.urlNotAbsolute'),
+        unsupportedProtocol: t('storefrontAction.disabled.unsupportedProtocol'),
+    };
+    return (_jsx(StorefrontAction, { label: label, state: state.kind === 'ready'
+            ? { kind: 'ready', url: state.url }
+            : { kind: 'disabled', tooltip: disabledTooltips[state.reason] } }));
+};

package/dist/pages/products/_components/productStorefrontAction/ProductStorefrontAction.logic.js

@@ -0,0 +1,39 @@
+import { getStorefrontEntityUrlState, } from '../../../../components/storefrontAction/StorefrontAction.logic';
+const getFormSlug = (formTranslations, languageCode) => {
+    if (!Array.isArray(formTranslations))
+        return undefined;
+    const translation = formTranslations.find((value) => typeof value === 'object' && value !== null && 'languageCode' in value && value.languageCode === languageCode);
+    return typeof translation?.slug === 'string' ? translation.slug : undefined;
+};
+export const getProductStorefrontActionState = ({ product, selectedChannelCode, languageCode, formTranslations, formEnabled, resolveStorefrontEntityUrl, }) => {
+    if (!selectedChannelCode)
+        return { kind: 'disabled', reason: 'missingChannel' };
+    const persistedTranslation = languageCode
+        ? product.translations.find((translation) => translation.languageCode === languageCode)
+        : undefined;
+    if (!languageCode || typeof persistedTranslation?.slug !== 'string' || !persistedTranslation.slug.trim()) {
+        return { kind: 'disabled', reason: 'missingSlug' };
+    }
+    const context = {
+        entityType: 'product',
+        entityId: product.id,
+        slug: persistedTranslation.slug,
+        channelCode: selectedChannelCode,
+        languageCode,
+    };
+    const urlState = getStorefrontEntityUrlState(context, resolveStorefrontEntityUrl);
+    if (urlState.kind === 'hidden')
+        return urlState;
+    if (!product.enabled)
+        return { kind: 'disabled', reason: 'productDisabled' };
+    if (!product.channels.some(({ code }) => code === selectedChannelCode)) {
+        return { kind: 'disabled', reason: 'channelNotAssigned' };
+    }
+    if (formEnabled !== product.enabled) {
+        return { kind: 'disabled', reason: 'unsavedEnabled' };
+    }
+    if (getFormSlug(formTranslations, languageCode) !== persistedTranslation.slug) {
+        return { kind: 'disabled', reason: 'unsavedSlug' };
+    }
+    return urlState.kind === 'ready' ? { ...urlState, context } : urlState;
+};

package/dist/pages/products/_components/productStorefrontAction/index.js

@@ -0,0 +1,2 @@
+export * from './ProductStorefrontAction';
+export * from './ProductStorefrontAction.logic';

package/dist/version.js

@@ -1 +1 @@
-export const ADMIN_DASHBOARD_VERSION = '1.0.17-dev.14';
+export const ADMIN_DASHBOARD_VERSION = '1.0.17-dev.15';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deenruv/admin-dashboard",
-  "version": "1.0.17-dev.14",
+  "version": "1.0.17-dev.15",
   "main": "dist/index.js",
   "style": "dist/index.css",
   "types": "dist/index.d.ts",
@@ -80,10 +80,10 @@
     "yup": "^1.7.1",
     "zod": "^4.4.3",
     "zustand": "^5.0.14",
-    "@deenruv/admin-dashboard": "1.0.17-dev.14",
-    "@deenruv/admin-types": "1.0.17-dev.14",
-    "@deenruv/deenruv-examples-plugin": "1.0.17-dev.14",
-    "@deenruv/react-ui-devkit": "1.0.17-dev.14"
+    "@deenruv/admin-dashboard": "1.0.17-dev.15",
+    "@deenruv/admin-types": "1.0.17-dev.15",
+    "@deenruv/deenruv-examples-plugin": "1.0.17-dev.15",
+    "@deenruv/react-ui-devkit": "1.0.17-dev.15"
   },
   "devDependencies": {
     "@tailwindcss/typography": "^0.5.20",