- {{ t('integrations.create.wizard.step1.content') }} -
-- -
-
-
-
-
-
-
-
-
-
- {{ t('integrations.create.wizard.step1.magentoTitle') }}
-{{ t('integrations.create.wizard.step1.magentoExample') }}
-
-
-
-
-
-
-
-
-
-
- {{ t('integrations.create.wizard.step1.shopifyTitle') }}
-{{ t('integrations.create.wizard.step1.shopifyExample') }}
-
-
-
-
- {{ t('integrations.create.wizard.step1.amazonTitle') }}
-{{ t('integrations.create.wizard.step1.amazonExample') }}
-
-
-
-
-
-
-
-
-
-
- {{ t('integrations.create.wizard.step1.woocommerceTitle') }}
-{{ t('integrations.create.wizard.step1.woocommerceExample') }}
-
-
-
-
-
-
-
-
-
-
- {{ t('integrations.create.wizard.step1.webhookTitle') }}
-{{ t('integrations.create.wizard.step1.webhookExample') }}
-
-
-
-
-
-
-
-
-
{{ t('integrations.create.wizard.step1.ebayTitle') }}
-{{ t('integrations.create.wizard.step1.ebayExample') }}
-
+
-
+
+
diff --git a/src/core/integrations/integrations/integrations-create/containers/type-step/info-cards/MagentoInfoCard.vue b/src/core/integrations/integrations/integrations-create/containers/type-step/info-cards/MagentoInfoCard.vue
index f49487e0..f221a379 100644
--- a/src/core/integrations/integrations/integrations-create/containers/type-step/info-cards/MagentoInfoCard.vue
+++ b/src/core/integrations/integrations/integrations-create/containers/type-step/info-cards/MagentoInfoCard.vue
@@ -1,85 +1,128 @@
-
+
+
+
+
-
-
-
+
+
+
+
+
+ + {{ t('integrations.create.wizard.step1.title') }} +
++ {{ t('integrations.create.wizard.step1.heroTitle') }} +
++ {{ t('integrations.create.wizard.step1.heroDescription') }} +
+
+
+ + {{ t('integrations.create.wizard.step1.resultsLabel') }} +
++ {{ filteredCount }} +
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ t('integrations.create.wizard.step1.filters.showBeta') }}
+
+
+
-
-
-
-
-
+ {{ t('integrations.create.wizard.step1.sheinTitle') }}
-{{ t('integrations.create.wizard.step1.sheinExample') }}
-
+
+
+
-
-
+
+
+
+
+ + {{ loadingCards ? t('shared.labels.loading') : t('integrations.create.wizard.step1.empty.title') }} +
++ {{ loadingCards + ? t('integrations.create.wizard.step1.heroDescription') + : cardLoadError + ? t('shared.labels.error') + : t('integrations.create.wizard.step1.empty.description') }} +
+
+
+
+
+
+
+
+
+ + {{ getCardFilter(section.key) }} +
++ {{ section.title }} +
++ {{ section.description }} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + {{ t('integrations.create.wizard.step1.selection.title') }} +
+
+
+ + {{ selectedCard.title }} +
++ {{ t('integrations.create.wizard.step1.selection.description', { integration: selectedCard.title }) }} +
+
+
+
+ {{ t('shared.button.next') }}
+
+
+
-
- {{ t('integrations.create.wizard.step1.magentoInfoModal.section.integrationTitle') }} -
+
+
-
-
+
-
+
+
+
+
+ {{ t('integrations.create.wizard.step1.filters.storefronts') }} +
++ {{ t('integrations.create.wizard.step1.magentoInfoModal.title') }} +
++ {{ t('integrations.create.wizard.step1.magentoInfoModal.section.integrationDescription') }} +
+
-
-
- - {{ t('integrations.create.wizard.step1.magentoInfoModal.section.integrationDescription') }} -
--
-
- {{ t('integrations.create.wizard.step1.magentoInfoModal.section.integrationStep1') }} -
- {{ t('integrations.create.wizard.step1.magentoInfoModal.section.integrationStep2') }} -
-
+ {{ t('integrations.create.wizard.step1.magentoInfoModal.section.apiSettingsTitle') }}
-- {{ t('integrations.create.wizard.step1.magentoInfoModal.section.apiSettingsDescription') }} -
--
-
- {{ t('integrations.create.wizard.step1.magentoInfoModal.section.apiSetting1') }} -
- {{ t('integrations.create.wizard.step1.magentoInfoModal.section.apiSetting2') }} -
+
+
+
-
-
+
+
-
+
-
+
+
+
-
-
- + {{ t('integrations.create.wizard.step1.magentoInfoModal.section.integrationTitle') }} +
+-
+
- + + {{ t('integrations.create.wizard.step1.magentoInfoModal.section.integrationStep1') }} + +
- + + {{ t('integrations.create.wizard.step1.magentoInfoModal.section.integrationStep2') }} + +
-
+ {{ t('integrations.create.wizard.step1.magentoInfoModal.section.legacyAuthTitle') }}
-- {{ t('integrations.create.wizard.step1.magentoInfoModal.section.legacyAuthWarning') }} -
-+ {{ t('integrations.create.wizard.step1.magentoInfoModal.section.apiSettingsTitle') }} +
++ {{ t('integrations.create.wizard.step1.magentoInfoModal.section.apiSettingsDescription') }} +
+-
+
- + + {{ t('integrations.create.wizard.step1.magentoInfoModal.section.apiSetting1') }} + +
- + + {{ t('integrations.create.wizard.step1.magentoInfoModal.section.apiSetting2') }} + +
-
+ {{ t('integrations.create.wizard.step1.magentoInfoModal.section.importTitle') }}
-- {{ t('integrations.create.wizard.step1.magentoInfoModal.section.importRecommendation') }} -
-+ {{ t('integrations.create.wizard.step1.magentoInfoModal.section.legacyAuthTitle') }} +
++ {{ t('integrations.create.wizard.step1.magentoInfoModal.section.legacyAuthWarning') }} +
+
+
+
-
- + {{ t('integrations.create.wizard.step1.magentoInfoModal.section.importTitle') }} +
++ {{ t('integrations.create.wizard.step1.magentoInfoModal.section.importRecommendation') }} +
+
-
+
+
{{ t('integrations.create.wizard.step1.magentoInfoModal.section.eanTitle') }}
-- {{ t('integrations.create.wizard.step1.magentoInfoModal.section.eanDescription') }} -
++ {{ t('integrations.create.wizard.step1.magentoInfoModal.section.eanTitle') }} +
++ {{ t('integrations.create.wizard.step1.magentoInfoModal.section.eanDescription') }} +
+
-
-
-
+
+
+
+
-
-
+
+
+
+
-
+
+
+
+ -
-
+
diff --git a/src/core/integrations/integrations/integrations-create/containers/type-step/info-cards/MiraklInfoCard.vue b/src/core/integrations/integrations/integrations-create/containers/type-step/info-cards/MiraklInfoCard.vue
new file mode 100644
index 00000000..78d0a2f3
--- /dev/null
+++ b/src/core/integrations/integrations/integrations-create/containers/type-step/info-cards/MiraklInfoCard.vue
@@ -0,0 +1,178 @@
+
+
+
+
+
-
+
+
+
diff --git a/src/core/integrations/integrations/integrations-create/containers/type-step/info-cards/ShopifyInfoCard.vue b/src/core/integrations/integrations/integrations-create/containers/type-step/info-cards/ShopifyInfoCard.vue
index f2193f56..a022208f 100644
--- a/src/core/integrations/integrations/integrations-create/containers/type-step/info-cards/ShopifyInfoCard.vue
+++ b/src/core/integrations/integrations/integrations-create/containers/type-step/info-cards/ShopifyInfoCard.vue
@@ -1,125 +1,103 @@
-
+
+
+
+
+
+
+
+ + {{ t('integrations.integrationTypes.mirakl') }} +
++ {{ modalTitle }} +
++ {{ modalDescription }} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + {{ t('integrations.create.wizard.step1.miraklInfoModal.description', { marketplace: props.marketplace }) }} +
++ {{ t('integrations.create.wizard.step1.miraklInfoModal.instructions', { marketplace: props.marketplace }) }} +
+
+
+
+
+
+
+
+
+
+
+
+ + {{ t('integrations.create.wizard.step1.miraklInfoModal.credentials.title') }} +
++ {{ t('integrations.create.wizard.step1.miraklInfoModal.credentials.description') }} +
++ {{ t('integrations.create.wizard.step1.miraklInfoModal.credentials.apiKeyTitle') }} +
++ {{ t('integrations.create.wizard.step1.miraklInfoModal.credentials.apiKeyIntro') }} +
+-
+
- + 1 + {{ t('integrations.create.wizard.step1.miraklInfoModal.credentials.apiKeySteps.step1') }} + +
- + 2 + {{ t('integrations.create.wizard.step1.miraklInfoModal.credentials.apiKeySteps.step2') }} + +
- + 3 + {{ t('integrations.create.wizard.step1.miraklInfoModal.credentials.apiKeySteps.step3') }} + +
- + 4 + {{ t('integrations.create.wizard.step1.miraklInfoModal.credentials.apiKeySteps.step4') }} + +
+ {{ t('integrations.create.wizard.step1.miraklInfoModal.credentials.shopIdTitle') }} +
++ {{ t('integrations.create.wizard.step1.miraklInfoModal.credentials.shopIdDescription') }} +
+
+
+
+
+
+
+
+
+
+ + {{ t('integrations.create.wizard.step1.miraklInfoModal.credentials.apiKeyTitle') }} +
++ {{ t('integrations.create.wizard.step1.miraklInfoModal.credentials.apiKeyIntro') }} +
+-
+
- + 1 + {{ t('integrations.create.wizard.step1.miraklInfoModal.credentials.apiKeySteps.step1') }} + +
- + 2 + {{ t('integrations.create.wizard.step1.miraklInfoModal.credentials.apiKeySteps.step2') }} + +
- + 3 + {{ t('integrations.create.wizard.step1.miraklInfoModal.credentials.apiKeySteps.step3') }} + +
- + 4 + {{ t('integrations.create.wizard.step1.miraklInfoModal.credentials.apiKeySteps.step4') }} + +
+ {{ t('integrations.create.wizard.step1.miraklInfoModal.credentials.shopIdTitle') }} +
++ {{ t('integrations.create.wizard.step1.miraklInfoModal.credentials.shopIdDescription') }} +
+
-
- {{ t("integrations.create.wizard.step1.shopifyInfoModal.title") }} -
+
+
+
-
+
+
+
+
+ {{ t('integrations.create.wizard.step1.filters.storefronts') }} +
++ {{ t('integrations.create.wizard.step1.shopifyInfoModal.title') }} +
++ {{ t('integrations.create.wizard.step1.shopifyInfoModal.section.integrationDescription') }} +
+
-
-
-
- {{ - t( - "integrations.create.wizard.step1.shopifyInfoModal.section.customAppTitle", - ) - }} -
-- {{ - t( - "integrations.create.wizard.step1.shopifyInfoModal.section.integrationStep1", - ) - }} + +
+
+
+ {{ t('integrations.create.wizard.step1.shopifyInfoModal.section.customAppTitle') }} +
++ {{ t('integrations.create.wizard.step1.shopifyInfoModal.section.integrationStep1') }}
-
-
- {{ - t( - "integrations.create.wizard.step1.shopifyInfoModal.section.integrationStep2", - ) - }} + +
+
- + {{ t('integrations.create.wizard.step1.shopifyInfoModal.section.integrationStep2') }}
-
-
+
-
-
+ - {{ - t( - "integrations.create.wizard.step1.shopifyInfoModal.section.integrationStep3", - ) - }} -
-- {{ - t( - "integrations.create.wizard.step1.shopifyInfoModal.section.integrationStep4", - ) - }} -
+ +
+
+
-
+
+ {{ t('integrations.create.wizard.step1.shopifyInfoModal.section.integrationStep3') }} +
++ {{ t('integrations.create.wizard.step1.shopifyInfoModal.section.integrationStep4') }} +
+ {{ t('integrations.create.wizard.step1.shopifyInfoModal.section.configureDistributionTitle') }} +
- -
-
- {{ - t( - "integrations.create.wizard.step1.shopifyInfoModal.section.configureDistributionTitle", - ) - }} -
- -
-
- {{ - t( - "integrations.create.wizard.step1.shopifyInfoModal.section.integrationStep5Part1", - ) - }} +
+
- + {{ t('integrations.create.wizard.step1.shopifyInfoModal.section.integrationStep5Part1') }}
+
-
- - {{ - t( - "integrations.create.wizard.step1.shopifyInfoModal.section.integrationStep5Part2", - ) - }} -
--
+
+
- write_products
- read_products
- write_publications @@ -127,104 +105,65 @@ const close = () => emit("close");
- read_locales
- read_orders
+
+ {{ t('integrations.create.wizard.step1.shopifyInfoModal.section.integrationStep5Part2') }} +
+- - {{ - t( - "integrations.create.wizard.step1.shopifyInfoModal.section.integrationStep5Part3", - ) - }} - -
++ {{ t('integrations.create.wizard.step1.shopifyInfoModal.section.integrationStep5Part3') }} +
-
- {{ - t( - "integrations.create.wizard.step1.shopifyInfoModal.section.configureUrlsTitle", - ) - }} -
-
+
+
-
-
-
-
+ {{ t('integrations.create.wizard.step1.shopifyInfoModal.section.configureUrlsTitle') }} +
+ +
-
- - {{ - t( - "integrations.create.wizard.step1.shopifyInfoModal.section.integrationStep6Part1", - ) - }} +
+
+ {{ t('integrations.create.wizard.step1.shopifyInfoModal.section.integrationStep6Part1') }}
-- {{ - t( - "integrations.create.wizard.step1.shopifyInfoModal.section.integrationStep6Part2", - ) - }} +
+ {{ t('integrations.create.wizard.step1.shopifyInfoModal.section.integrationStep6Part2') }}
-
+
- - {{ - t( - "integrations.create.wizard.step1.shopifyInfoModal.section.detectWebsiteUrlTitle", - ) - }} -
-
-
+
-
-
- {{
- t(
- "integrations.create.wizard.step1.shopifyInfoModal.section.integrationStep7",
- )
- }}
+
+ {{ t('integrations.create.wizard.step1.shopifyInfoModal.section.integrationStep7') }}
+ {{ t('integrations.create.wizard.step1.shopifyInfoModal.section.detectWebsiteUrlTitle') }}
+
+
+
-
-
+ - {{ - t( - "integrations.create.wizard.step1.shopifyInfoModal.section.finishWizardTitle", - ) - }} -
-
-
- - {{ - t( - "integrations.create.wizard.step1.shopifyInfoModal.section.integrationStep8", - ) - }} -
-+ {{ t('integrations.create.wizard.step1.shopifyInfoModal.section.finishWizardTitle') }} +
++ {{ t('integrations.create.wizard.step1.shopifyInfoModal.section.integrationStep8') }} +
+-
-
+
diff --git a/src/core/integrations/integrations/integrations-create/containers/type-step/info-cards/WoocommerceInfoCard.vue b/src/core/integrations/integrations/integrations-create/containers/type-step/info-cards/WoocommerceInfoCard.vue
index 54faefa3..acb6757b 100644
--- a/src/core/integrations/integrations/integrations-create/containers/type-step/info-cards/WoocommerceInfoCard.vue
+++ b/src/core/integrations/integrations/integrations-create/containers/type-step/info-cards/WoocommerceInfoCard.vue
@@ -1,41 +1,121 @@
-
+
-
+
-
- - {{ t('integrations.create.wizard.step1.woocommerceInfoModal.integrationTitle') }} -
-
-
+
-
+
+
-(null);
const gptFeed = ref(null);
const initialGptEnabled = ref(false);
+type IntegrationTabItem = {
+ name: string;
+ label: string;
+ icon: string;
+ group?: string;
+ hidden?: boolean;
+};
-const tabItems = ref([
+const tabItems = ref([
{ name: 'general', label: t('shared.tabs.general'), icon: 'circle-info' }
]);
@@ -78,8 +87,8 @@ if (type.value !== IntegrationTypes.Webhook) {
if (type.value === IntegrationTypes.Amazon) {
tabItems.value.push(
- { name: 'productRules', label: t('properties.rule.title'), icon: 'cog' },
{ name: 'documentTypes', label: t('integrations.show.documentTypes.title'), icon: 'file-text' },
+ { name: 'productRules', label: t('properties.rule.title'), icon: 'cog' },
{ name: 'properties', label: t('properties.title'), icon: 'screwdriver-wrench' },
{ name: 'propertySelectValues', label: t('properties.values.title'), icon: 'sitemap' },
{ name: 'defaultUnits', label: t('integrations.show.sections.defaultUnits'), icon: 'weight-hanging' },
@@ -87,9 +96,9 @@ if (type.value !== IntegrationTypes.Webhook) {
);
} else if (type.value === IntegrationTypes.Ebay) {
tabItems.value.push(
+ { name: 'documentTypes', label: t('integrations.show.documentTypes.title'), icon: 'file-text' },
{ name: 'inventoryFields', label: t('integrations.show.ebay.internalProperties.title'), icon: 'boxes-stacked' },
{ name: 'productRules', label: t('properties.rule.title'), icon: 'cog' },
- { name: 'documentTypes', label: t('integrations.show.documentTypes.title'), icon: 'file-text' },
{ name: 'properties', label: t('properties.title'), icon: 'screwdriver-wrench' },
{ name: 'propertySelectValues', label: t('properties.values.title'), icon: 'sitemap' }
);
@@ -101,9 +110,25 @@ if (type.value !== IntegrationTypes.Webhook) {
{ name: 'properties', label: t('properties.title'), icon: 'screwdriver-wrench' },
{ name: 'propertySelectValues', label: t('properties.values.title'), icon: 'sitemap' }
);
+ } else if (type.value === IntegrationTypes.Mirakl) {
+ tabItems.value.push(
+ { name: 'documentTypes', label: t('integrations.show.documentTypes.title'), icon: 'file-text' },
+ { name: 'defaultUnits', label: t('integrations.show.sections.defaultUnits'), icon: 'weight-hanging' },
+ { name: 'productRules', label: t('properties.rule.title'), icon: 'cog' },
+ { name: 'properties', label: t('properties.title'), icon: 'screwdriver-wrench' },
+ { name: 'propertySelectValues', label: t('properties.values.title'), icon: 'sitemap' },
+ { name: 'issues', label: t('integrations.show.tabs.issues'), icon: 'triangle-exclamation' }
+ );
}
- tabItems.value.push({ name: 'imports', label: t('shared.tabs.imports'), icon: 'file-import' });
+ if (type.value === IntegrationTypes.Mirakl) {
+ tabItems.value.push(
+ { name: 'imports', label: t('shared.tabs.imports'), icon: 'file-import', group: 'imports' },
+ { name: 'miraklImports', label: t('shared.tabs.imports'), icon: 'file-import', group: 'imports', hidden: true },
+ );
+ } else {
+ tabItems.value.push({ name: 'imports', label: t('shared.tabs.imports'), icon: 'file-import' });
+ }
} else {
tabItems.value.push(
{ name: 'monitor', label: t('webhooks.monitor.title'), icon: 'wave-square' },
@@ -126,6 +151,8 @@ const getIntegrationQuery = () => {
return getEbayChannelQuery;
case IntegrationTypes.Shein:
return getSheinChannelQuery;
+ case IntegrationTypes.Mirakl:
+ return getMiraklChannelQuery;
case IntegrationTypes.Webhook:
return getWebhookIntegrationQuery;
default:
@@ -149,6 +176,8 @@ const getIntegrationQueryKey = () => {
return "ebayChannel";
case IntegrationTypes.Shein:
return "sheinChannel";
+ case IntegrationTypes.Mirakl:
+ return "miraklChannel";
default:
return "salesChannel";
}
@@ -170,6 +199,8 @@ const getGeneralComponent = () => {
return EbayGeneralInfoTab;
case IntegrationTypes.Shein:
return SheinGeneralInfoTab;
+ case IntegrationTypes.Mirakl:
+ return MiraklGeneralInfoTab;
default:
return null;
}
@@ -352,6 +383,10 @@ const pullData = async () => {
+
+
+
+
+
+
+
diff --git a/src/core/integrations/integrations/integrations-show/containers/default-unit-configurators/containers/mirakl-unit-configurators/configs.ts b/src/core/integrations/integrations/integrations-show/containers/default-unit-configurators/containers/mirakl-unit-configurators/configs.ts
new file mode 100644
index 00000000..306885dc
--- /dev/null
+++ b/src/core/integrations/integrations/integrations-show/containers/default-unit-configurators/containers/mirakl-unit-configurators/configs.ts
@@ -0,0 +1,39 @@
+import { FieldType } from "../../../../../../../../shared/utils/constants";
+import { miraklPropertiesQuery } from "../../../../../../../../shared/api/queries/salesChannels.js";
+import type { ListingConfig } from "../../../../../../../../shared/components/organisms/general-listing/listingConfig";
+import type { SearchConfig } from "../../../../../../../../shared/components/organisms/general-search/searchConfig";
+
+export const miraklDefaultUnitConfiguratorsSearchConfigConstructor = (): SearchConfig => ({
+ search: true,
+ orderKey: "sort",
+ filters: [],
+ orders: [],
+});
+
+export const miraklDefaultUnitConfiguratorsListingConfigConstructor = (
+ t: Function,
+ specificIntegrationId: string,
+): ListingConfig => ({
+ headers: [
+ t('shared.labels.name'),
+ t('integrations.show.properties.labels.code'),
+ t('integrations.show.mirakl.defaultUnits.labels.selectedUnit'),
+ ],
+ fields: [
+ { name: 'name', type: FieldType.Text },
+ { name: 'code', type: FieldType.Text },
+ { name: 'defaultValue', type: FieldType.Text },
+ ],
+ identifierKey: 'id',
+ urlQueryParams: { integrationId: specificIntegrationId },
+ addActions: true,
+ addEdit: true,
+ addShow: true,
+ editUrlName: 'integrations.miraklDefaultUnitConfigurators.edit',
+ showUrlName: 'integrations.miraklDefaultUnitConfigurators.edit',
+ addDelete: false,
+ addPagination: true,
+});
+
+export const listingQueryKey = 'miraklProperties';
+export const listingQuery = miraklPropertiesQuery;
diff --git a/src/core/integrations/integrations/integrations-show/containers/default-unit-configurators/containers/mirakl-unit-configurators/containers/IntegrationsMiraklDefaultUnitConfiguratorEditController.vue b/src/core/integrations/integrations/integrations-show/containers/default-unit-configurators/containers/mirakl-unit-configurators/containers/IntegrationsMiraklDefaultUnitConfiguratorEditController.vue
new file mode 100644
index 00000000..f7f5df1d
--- /dev/null
+++ b/src/core/integrations/integrations/integrations-show/containers/default-unit-configurators/containers/mirakl-unit-configurators/containers/IntegrationsMiraklDefaultUnitConfiguratorEditController.vue
@@ -0,0 +1,300 @@
+
+
+
+
+
+
+
diff --git a/src/core/integrations/integrations/integrations-show/containers/default-unit-configurators/containers/mirakl-unit-configurators/index.ts b/src/core/integrations/integrations/integrations-show/containers/default-unit-configurators/containers/mirakl-unit-configurators/index.ts
new file mode 100644
index 00000000..32719e10
--- /dev/null
+++ b/src/core/integrations/integrations/integrations-show/containers/default-unit-configurators/containers/mirakl-unit-configurators/index.ts
@@ -0,0 +1 @@
+export { default as MiraklDefaultUnitConfigurators } from './MiraklDefaultUnitConfigurators.vue';
diff --git a/src/core/integrations/integrations/integrations-show/containers/general/mirakl-general-tab/MiraklGeneralInfoTab.vue b/src/core/integrations/integrations/integrations-show/containers/general/mirakl-general-tab/MiraklGeneralInfoTab.vue
new file mode 100644
index 00000000..07d72d96
--- /dev/null
+++ b/src/core/integrations/integrations/integrations-show/containers/general/mirakl-general-tab/MiraklGeneralInfoTab.vue
@@ -0,0 +1,304 @@
+
+
+
+
+
+
+
diff --git a/src/core/integrations/integrations/integrations-show/containers/imports/containers/create-import/containers/mirakl/mirakl-importer/index.ts b/src/core/integrations/integrations/integrations-show/containers/imports/containers/create-import/containers/mirakl/mirakl-importer/index.ts
new file mode 100644
index 00000000..7ccd9aa8
--- /dev/null
+++ b/src/core/integrations/integrations/integrations-show/containers/imports/containers/create-import/containers/mirakl/mirakl-importer/index.ts
@@ -0,0 +1 @@
+export { default as MiraklImporter } from './MiraklImporter.vue';
diff --git a/src/core/integrations/integrations/integrations-show/containers/imports/containers/import-show/ImportShowController.vue b/src/core/integrations/integrations/integrations-show/containers/imports/containers/import-show/ImportShowController.vue
index 3c5814ee..60f2e0fb 100644
--- a/src/core/integrations/integrations/integrations-show/containers/imports/containers/import-show/ImportShowController.vue
+++ b/src/core/integrations/integrations/integrations-show/containers/imports/containers/import-show/ImportShowController.vue
@@ -1,5 +1,5 @@
-
+
+import { computed, onMounted, ref } from 'vue';
+import { useRoute } from 'vue-router';
+import { useI18n } from 'vue-i18n';
+import GeneralTemplate from "../../../../../../../../../shared/templates/GeneralTemplate.vue";
+import { GeneralListing } from "../../../../../../../../../shared/components/organisms/general-listing";
+import { SearchConfig } from "../../../../../../../../../shared/components/organisms/general-search/searchConfig";
+import { ListingConfig } from "../../../../../../../../../shared/components/organisms/general-listing/listingConfig";
+import { Breadcrumbs } from "../../../../../../../../../shared/components/molecules/breadcrumbs";
+import { Card } from "../../../../../../../../../shared/components/atoms/card";
+import { Tabs } from "../../../../../../../../../shared/components/molecules/tabs";
+import { Loader } from "../../../../../../../../../shared/components/atoms/loader";
+import { Badge } from "../../../../../../../../../shared/components/atoms/badge";
+import { Link } from "../../../../../../../../../shared/components/atoms/link";
+import { Button } from "../../../../../../../../../shared/components/atoms/button";
+import { Icon } from "../../../../../../../../../shared/components/atoms/icon";
+import { Toast } from "../../../../../../../../../shared/modules/toast";
+import apolloClient from "../../../../../../../../../../apollo-client";
+import { miraklFeedShowQuery } from "../../../../../../../../../shared/api/queries/miraklFeeds.js";
+import { productsQuery } from "../../../../../../../../../shared/api/queries/products.js";
+import { resyncMiraklFeedMutation } from "../../../../../../../../../shared/api/mutations/miraklFeeds.js";
+import { FieldType } from "../../../../../../../../../shared/utils/constants";
+import { getProductTypeBadgeMap } from "../../../../../../../../products/products/configs";
+import {
+ concludedMiraklFeedStatuses,
+ getMiraklFeedImportStatusLabel,
+ getMiraklFeedStatusBadgeMap,
+} from "../../../configs";
+
+type MiraklFeedShowResult = {
+ id: string;
+ type?: string | null;
+ stage?: string | null;
+ status?: string | null;
+ importStatus?: string | null;
+ reasonStatus?: string | null;
+ remoteId?: string | null;
+ productRemoteId?: string | null;
+ offerRemoteId?: string | null;
+ errorMessage?: string | null;
+ payloadData?: any;
+ rawData?: any;
+ itemsCount?: number | null;
+ rowsCount?: number | null;
+ lastSyncedAt?: string | null;
+ lastSubmittedAt?: string | null;
+ lastPolledAt?: string | null;
+ createdAt?: string | null;
+ updatedAt?: string | null;
+ remoteDateCreated?: string | null;
+ remoteShopId?: string | null;
+ conversionType?: string | null;
+ conversionOptionsAiEnrichmentEnabled?: boolean | null;
+ conversionOptionsAiRewriteEnabled?: boolean | null;
+ integrationDetailsInvalidProducts?: number | null;
+ integrationDetailsProductsNotAcceptedInTime?: number | null;
+ integrationDetailsProductsNotSynchronizedInTime?: number | null;
+ integrationDetailsProductsReimported?: number | null;
+ integrationDetailsProductsSuccessfullySynchronized?: number | null;
+ integrationDetailsProductsWithSynchronizationIssues?: number | null;
+ integrationDetailsProductsWithWrongIdentifiers?: number | null;
+ integrationDetailsRejectedProducts?: number | null;
+ hasErrorReport?: boolean | null;
+ hasNewProductReport?: boolean | null;
+ hasTransformationErrorReport?: boolean | null;
+ hasTransformedFile?: boolean | null;
+ transformLinesRead?: number | null;
+ transformLinesInSuccess?: number | null;
+ transformLinesInError?: number | null;
+ transformLinesWithWarning?: number | null;
+ fileUrl?: string | null;
+ errorReportFileUrl?: string | null;
+ newProductReportFileUrl?: string | null;
+ transformedFileUrl?: string | null;
+ transformationErrorReportFileUrl?: string | null;
+ productType?: { id?: string | null; name?: string | null; remoteId?: string | null; templateUrl?: string | null } | null;
+ salesChannel?: { id?: string | null; hostname?: string | null } | null;
+ salesChannelView?: { id?: string | null; name?: string | null; remoteId?: string | null } | null;
+ products?: { id?: string | null; sku?: string | null; name?: string | null }[] | null;
+};
+
+const route = useRoute();
+const { t } = useI18n();
+
+const feedId = ref(String(route.params.id));
+const type = ref(String(route.params.type));
+const integrationId = computed(() => (typeof route.query.integrationId === 'string' ? route.query.integrationId : null));
+
+const loading = ref(false);
+const resyncing = ref(false);
+const feed = ref(null);
+const productIds = computed(() =>
+ (feed.value?.products || [])
+ .map((product) => product.id)
+ .filter((id): id is string => Boolean(id)),
+);
+
+const statusBadgeMap = computed(() => getMiraklFeedStatusBadgeMap(t));
+const canResync = computed(() => concludedMiraklFeedStatuses.includes(feed.value?.status || ''));
+
+const tabItems = ref([
+ { name: 'general', label: t('shared.tabs.general'), icon: 'circle-info', alwaysRender: true },
+ { name: 'products', label: t('integrations.imports.miraklFeeds.tabs.products'), icon: 'box', alwaysRender: true },
+]);
+
+const productsSearchConfig: SearchConfig = {
+ search: false,
+ orderKey: "sort",
+ filters: [],
+ orders: []
+};
+
+const productsListingConfig = computed(() => ({
+ headers: [t('shared.labels.name'), t('products.products.labels.type.title'), t('shared.labels.active')],
+ fields: [
+ {
+ type: FieldType.Text,
+ name: 'name',
+ },
+ {
+ type: FieldType.Badge,
+ name: 'type',
+ badgeMap: getProductTypeBadgeMap(t),
+ },
+ {
+ type: FieldType.Boolean,
+ name: 'active',
+ },
+ ],
+ identifierKey: 'id',
+ addActions: false,
+ showUrlName: 'products.products.show',
+ addShow: true,
+ addPagination: true,
+}));
+
+const formatDate = (dateString?: string | null) => {
+ if (!dateString) {
+ return '-';
+ }
+
+ return new Intl.DateTimeFormat('en-GB', {
+ year: 'numeric',
+ month: '2-digit',
+ day: '2-digit',
+ hour: '2-digit',
+ minute: '2-digit',
+ hour12: false,
+ }).format(new Date(dateString));
+};
+
+const toPrettyJson = (value: unknown) => {
+ try {
+ return JSON.stringify(value ?? {}, null, 2);
+ } catch (_error) {
+ return String(value ?? '');
+ }
+};
+
+const payloadJson = computed(() => toPrettyJson(feed.value?.payloadData));
+const rawJson = computed(() => toPrettyJson(feed.value?.rawData));
+
+const copyToClipboard = async (value: string) => {
+ try {
+ await navigator.clipboard.writeText(value);
+ Toast.success(t('shared.alert.toast.clipboardSuccess'));
+ } catch (_error) {
+ Toast.error(t('shared.alert.toast.clipboardFail'));
+ }
+};
+
+const fileCards = computed(() => [
+ {
+ key: 'file',
+ title: t('integrations.imports.miraklFeeds.files.sourceFile'),
+ url: feed.value?.fileUrl,
+ available: Boolean(feed.value?.fileUrl),
+ },
+ {
+ key: 'error',
+ title: t('integrations.imports.miraklFeeds.files.errorReport'),
+ url: feed.value?.errorReportFileUrl,
+ available: Boolean(feed.value?.hasErrorReport && feed.value?.errorReportFileUrl),
+ },
+ {
+ key: 'new',
+ title: t('integrations.imports.miraklFeeds.files.newProductReport'),
+ url: feed.value?.newProductReportFileUrl,
+ available: Boolean(feed.value?.hasNewProductReport && feed.value?.newProductReportFileUrl),
+ },
+ {
+ key: 'transformed',
+ title: t('integrations.imports.miraklFeeds.files.transformedFile'),
+ url: feed.value?.transformedFileUrl,
+ available: Boolean(feed.value?.hasTransformedFile && feed.value?.transformedFileUrl),
+ },
+]);
+
+const templateAvailable = computed(() => Boolean(feed.value?.productType?.templateUrl));
+
+const feedFacts = computed(() => [
+ { label: t('shared.labels.type'), value: feed.value?.type || '-' },
+ { label: t('integrations.imports.miraklFeeds.labels.stage'), value: feed.value?.stage || '-' },
+ { label: t('integrations.imports.miraklFeeds.labels.reasonStatus'), value: feed.value?.reasonStatus || '-' },
+ { label: t('integrations.imports.miraklFeeds.labels.remoteDateCreated'), value: formatDate(feed.value?.remoteDateCreated) },
+ { label: t('integrations.imports.miraklFeeds.labels.conversionType'), value: feed.value?.conversionType || '-' },
+ { label: t('integrations.imports.miraklFeeds.labels.lastSubmittedAt'), value: formatDate(feed.value?.lastSubmittedAt) },
+ { label: t('integrations.imports.miraklFeeds.labels.lastPolledAt'), value: formatDate(feed.value?.lastPolledAt) },
+ { label: t('integrations.imports.miraklFeeds.labels.lastSyncedAt'), value: formatDate(feed.value?.lastSyncedAt) },
+ { label: t('shared.labels.createdAt'), value: formatDate(feed.value?.createdAt) },
+ { label: t('shared.labels.updatedAt'), value: formatDate(feed.value?.updatedAt) },
+]);
+
+const transformCounters = computed(() => [
+ { label: t('integrations.imports.miraklFeeds.labels.transformLinesRead'), value: feed.value?.transformLinesRead ?? 0 },
+ { label: t('integrations.imports.miraklFeeds.labels.transformLinesInSuccess'), value: feed.value?.transformLinesInSuccess ?? 0 },
+ { label: t('integrations.imports.miraklFeeds.labels.transformLinesInError'), value: feed.value?.transformLinesInError ?? 0 },
+ { label: t('integrations.imports.miraklFeeds.labels.transformLinesWithWarning'), value: feed.value?.transformLinesWithWarning ?? 0 },
+]);
+
+const integrationDetails = computed(() => [
+ { label: t('integrations.imports.miraklFeeds.labels.invalidProducts'), value: feed.value?.integrationDetailsInvalidProducts ?? 0 },
+ { label: t('integrations.imports.miraklFeeds.labels.productsNotAcceptedInTime'), value: feed.value?.integrationDetailsProductsNotAcceptedInTime ?? 0 },
+ { label: t('integrations.imports.miraklFeeds.labels.productsNotSynchronizedInTime'), value: feed.value?.integrationDetailsProductsNotSynchronizedInTime ?? 0 },
+ { label: t('integrations.imports.miraklFeeds.labels.productsReimported'), value: feed.value?.integrationDetailsProductsReimported ?? 0 },
+ { label: t('integrations.imports.miraklFeeds.labels.productsSuccessfullySynchronized'), value: feed.value?.integrationDetailsProductsSuccessfullySynchronized ?? 0 },
+ { label: t('integrations.imports.miraklFeeds.labels.productsWithSynchronizationIssues'), value: feed.value?.integrationDetailsProductsWithSynchronizationIssues ?? 0 },
+ { label: t('integrations.imports.miraklFeeds.labels.productsWithWrongIdentifiers'), value: feed.value?.integrationDetailsProductsWithWrongIdentifiers ?? 0 },
+ { label: t('integrations.imports.miraklFeeds.labels.rejectedProducts'), value: feed.value?.integrationDetailsRejectedProducts ?? 0 },
+]);
+
+const fetchFeed = async () => {
+ loading.value = true;
+
+ try {
+ const { data } = await apolloClient.query({
+ query: miraklFeedShowQuery,
+ variables: { id: feedId.value },
+ fetchPolicy: 'network-only',
+ });
+
+ feed.value = data?.miraklFeed ?? null;
+ } catch (error) {
+ console.error('Failed to fetch Mirakl feed:', error);
+ Toast.error(t('integrations.imports.miraklFeeds.fetchError'));
+ } finally {
+ loading.value = false;
+ }
+};
+
+const refreshAll = async () => {
+ await fetchFeed();
+};
+
+const resyncFeed = async () => {
+ if (!canResync.value) {
+ return;
+ }
+
+ resyncing.value = true;
+
+ try {
+ await apolloClient.mutate({
+ mutation: resyncMiraklFeedMutation,
+ variables: { id: feedId.value },
+ });
+ Toast.success(t('integrations.imports.miraklFeeds.resyncSuccess'));
+ await fetchFeed();
+ } catch (error) {
+ console.error('Failed to resync Mirakl feed:', error);
+ Toast.error(t('integrations.imports.miraklFeeds.resyncError'));
+ } finally {
+ resyncing.value = false;
+ }
+};
+
+onMounted(async () => {
+ await refreshAll();
+});
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/core/integrations/integrations/integrations-show/containers/issues/MiraklProductIssues.vue b/src/core/integrations/integrations/integrations-show/containers/issues/MiraklProductIssues.vue
new file mode 100644
index 00000000..f7e323df
--- /dev/null
+++ b/src/core/integrations/integrations/integrations-show/containers/issues/MiraklProductIssues.vue
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/core/integrations/integrations/integrations-show/containers/issues/index.ts b/src/core/integrations/integrations/integrations-show/containers/issues/index.ts
index d24c40ae..a73019b7 100644
--- a/src/core/integrations/integrations/integrations-show/containers/issues/index.ts
+++ b/src/core/integrations/integrations/integrations-show/containers/issues/index.ts
@@ -1,2 +1,2 @@
export { default as AmazonProductIssues } from './AmazonProductIssues.vue';
-
+export { default as MiraklProductIssues } from './MiraklProductIssues.vue';
diff --git a/src/core/integrations/integrations/integrations-show/containers/languages/Languages.vue b/src/core/integrations/integrations/integrations-show/containers/languages/Languages.vue
index 9ed1d267..df5eb023 100644
--- a/src/core/integrations/integrations/integrations-show/containers/languages/Languages.vue
+++ b/src/core/integrations/integrations/integrations-show/containers/languages/Languages.vue
@@ -6,20 +6,23 @@ import { GeneralListing } from "../../../../../../shared/components/organisms/ge
import {
languagesSearchConfigConstructor,
languagesListingConfigConstructor,
- languagesListingQueryKey,
- languagesListingQuery
+ listingQueryKeyConstructor,
+ listingQueryConstructor
} from "./configs";
import apolloClient from "../../../../../../../apollo-client";
import { companyLanguagesQuery } from "../../../../../../shared/api/queries/languages.js";
import { ListingConfig } from "../../../../../../shared/components/organisms/general-listing/listingConfig";
import { Button } from "../../../../../../shared/components/atoms/button";
+import { useRoute } from 'vue-router';
const props = defineProps<{ id: string; salesChannelId: string }>();
const emit = defineEmits(['pull-data']);
+const route = useRoute();
const badgeMap = ref({});
const listingConfig = ref(null);
const { t } = useI18n();
+const integrationType = ref(String(route.params.type));
const fetchLanguages = async () => {
const {data} = await apolloClient.query({
@@ -33,7 +36,7 @@ const fetchLanguages = async () => {
});
badgeMap.value = map;
}
- listingConfig.value = languagesListingConfigConstructor(t, badgeMap.value, props.id);
+ listingConfig.value = languagesListingConfigConstructor(t, badgeMap.value, props.id, integrationType.value);
}
onMounted(fetchLanguages);
@@ -55,8 +58,8 @@ const searchConfig = languagesSearchConfigConstructor(t);
v-if="listingConfig"
:search-config="searchConfig"
:config="listingConfig"
- :query="languagesListingQuery"
- :query-key="languagesListingQueryKey"
+ :query="listingQueryConstructor(integrationType)"
+ :query-key="listingQueryKeyConstructor(integrationType)"
:fixed-filter-variables="{'salesChannel': {'id': {exact: salesChannelId}}}"
/>
diff --git a/src/core/integrations/integrations/integrations-show/containers/languages/configs.ts b/src/core/integrations/integrations/integrations-show/containers/languages/configs.ts
index cc4a3149..24f074d4 100644
--- a/src/core/integrations/integrations/integrations-show/containers/languages/configs.ts
+++ b/src/core/integrations/integrations/integrations-show/containers/languages/configs.ts
@@ -1,10 +1,16 @@
import { FieldType } from "../../../../../../shared/utils/constants";
-import { remoteLanguagesQuery, getRemoteLanguageQuery } from "../../../../../../shared/api/queries/salesChannels.js";
+import {
+ remoteLanguagesQuery,
+ getRemoteLanguageQuery,
+ miraklRemoteLanguagesQuery,
+ getMiraklRemoteLanguageQuery,
+} from "../../../../../../shared/api/queries/salesChannels.js";
import { ListingConfig } from "../../../../../../shared/components/organisms/general-listing/listingConfig";
import { Badge } from "../../../../../../shared/components/organisms/general-show/showConfig";
import { FormConfig, FormType } from '../../../../../../shared/components/organisms/general-form/formConfig';
import { companyLanguagesQuery } from "../../../../../../shared/api/queries/languages.js";
-import { updateRemoteLanguageMutation } from "../../../../../../shared/api/mutations/salesChannels.js";
+import { updateRemoteLanguageMutation, updateMiraklRemoteLanguageMutation } from "../../../../../../shared/api/mutations/salesChannels.js";
+import { IntegrationTypes } from "../../../integrations";
export const languageEditFormConfigConstructor = (
t: Function,
@@ -14,11 +20,11 @@ export const languageEditFormConfigConstructor = (
): FormConfig => ({
cols: 1,
type: FormType.EDIT,
- mutation: updateRemoteLanguageMutation,
- mutationKey: "updateRemoteLanguage",
- query: getRemoteLanguageQuery,
+ mutation: type === IntegrationTypes.Mirakl ? updateMiraklRemoteLanguageMutation : updateRemoteLanguageMutation,
+ mutationKey: type === IntegrationTypes.Mirakl ? "updateMiraklRemoteLanguage" : "updateRemoteLanguage",
+ query: type === IntegrationTypes.Mirakl ? getMiraklRemoteLanguageQuery : getRemoteLanguageQuery,
queryVariables: { id: languageId },
- queryDataKey: "remoteLanguage",
+ queryDataKey: type === IntegrationTypes.Mirakl ? "miraklRemoteLanguage" : "remoteLanguage",
submitUrl: { name: 'integrations.integrations.show', params: { type: type, id: integrationId }, query: { tab: 'languages' } },
fields: [
{
@@ -55,25 +61,35 @@ export const languagesSearchConfigConstructor = (t: Function) => ({
orders: []
});
-export const languagesListingConfigConstructor = (t: Function, badgeMap: Record, specificIntegrationId): ListingConfig => ({
+export const languagesListingConfigConstructor = (
+ t: Function,
+ badgeMap: Record,
+ specificIntegrationId: string,
+ type: string,
+): ListingConfig => ({
headers: [
- t('integrations.show.languages.labels.remoteCode'),
+ t(type === IntegrationTypes.Mirakl ? 'integrations.show.languages.labels.label' : 'integrations.show.languages.labels.remoteCode'),
t('shared.labels.language'),
+ ...(type === IntegrationTypes.Mirakl ? [t('shared.labels.default')] : []),
],
fields: [
{ name: 'name', type: FieldType.Text },
{ name: 'localInstance', type: FieldType.Badge, badgeMap: badgeMap },
+ ...(type === IntegrationTypes.Mirakl ? [{ name: 'isDefault', type: FieldType.Boolean as const }] : []),
],
identifierKey: 'id',
urlQueryParams: {integrationId: specificIntegrationId },
addActions: true,
- addEdit: true,
- addShow: true,
+ addEdit: type !== IntegrationTypes.Mirakl,
+ addShow: type !== IntegrationTypes.Mirakl,
editUrlName: 'integrations.languages.edit',
showUrlName: 'integrations.languages.edit',
addDelete: false,
addPagination: true,
});
-export const languagesListingQueryKey = 'remoteLanguages';
-export const languagesListingQuery = remoteLanguagesQuery;
+export const listingQueryConstructor = (type: string) =>
+ type === IntegrationTypes.Mirakl ? miraklRemoteLanguagesQuery : remoteLanguagesQuery;
+
+export const listingQueryKeyConstructor = (type: string) =>
+ type === IntegrationTypes.Mirakl ? 'miraklRemoteLanguages' : 'remoteLanguages';
diff --git a/src/core/integrations/integrations/integrations-show/containers/properties/Properties.vue b/src/core/integrations/integrations/integrations-show/containers/properties/Properties.vue
index 7a653384..300228f9 100644
--- a/src/core/integrations/integrations/integrations-show/containers/properties/Properties.vue
+++ b/src/core/integrations/integrations/integrations-show/containers/properties/Properties.vue
@@ -4,6 +4,7 @@ import { IntegrationTypes } from '../../../integrations';
import { AmazonProperties } from './containers/amazon-properties';
import { EbayProperties } from './containers/ebay-properties';
import { SheinProperties } from './containers/shein-properties';
+import { MiraklProperties } from './containers/mirakl-properties';
const props = defineProps<{ id: string; salesChannelId: string; type: string }>();
const emit = defineEmits(['pull-data']);
@@ -16,6 +17,8 @@ const currentComponent = computed(() => {
return EbayProperties;
case IntegrationTypes.Shein:
return SheinProperties;
+ case IntegrationTypes.Mirakl:
+ return MiraklProperties;
default:
return null;
}
diff --git a/src/core/integrations/integrations/integrations-show/containers/properties/containers/mirakl-properties/IntegrationsMiraklInternalPropertyEditController.vue b/src/core/integrations/integrations/integrations-show/containers/properties/containers/mirakl-properties/IntegrationsMiraklInternalPropertyEditController.vue
new file mode 100644
index 00000000..ce896511
--- /dev/null
+++ b/src/core/integrations/integrations/integrations-show/containers/properties/containers/mirakl-properties/IntegrationsMiraklInternalPropertyEditController.vue
@@ -0,0 +1,45 @@
+
+
+
+
+
+
+
diff --git a/src/core/integrations/integrations/integrations-show/containers/properties/containers/mirakl-properties/MiraklEditProperty.vue b/src/core/integrations/integrations/integrations-show/containers/properties/containers/mirakl-properties/MiraklEditProperty.vue
new file mode 100644
index 00000000..82bde822
--- /dev/null
+++ b/src/core/integrations/integrations/integrations-show/containers/properties/containers/mirakl-properties/MiraklEditProperty.vue
@@ -0,0 +1,1164 @@
+
+
+
+
+
+
+
+
+
diff --git a/src/core/integrations/integrations/integrations-show/containers/properties/containers/mirakl-properties/MiraklInternalProperties.vue b/src/core/integrations/integrations/integrations-show/containers/properties/containers/mirakl-properties/MiraklInternalProperties.vue
new file mode 100644
index 00000000..16689022
--- /dev/null
+++ b/src/core/integrations/integrations/integrations-show/containers/properties/containers/mirakl-properties/MiraklInternalProperties.vue
@@ -0,0 +1,28 @@
+
+
+
+
+
+
+
diff --git a/src/core/integrations/integrations/integrations-show/containers/properties/containers/mirakl-properties/configs.ts b/src/core/integrations/integrations/integrations-show/containers/properties/containers/mirakl-properties/configs.ts
new file mode 100644
index 00000000..0ab213a8
--- /dev/null
+++ b/src/core/integrations/integrations/integrations-show/containers/properties/containers/mirakl-properties/configs.ts
@@ -0,0 +1,304 @@
+import { FieldType, getPropertyTypeOptions } from "../../../../../../../../shared/utils/constants";
+import {
+ miraklPropertiesQuery,
+ miraklInternalPropertiesQuery,
+ getMiraklPropertyQuery,
+ getMiraklInternalPropertyQuery,
+} from "../../../../../../../../shared/api/queries/salesChannels.js";
+import { propertiesQuerySelector } from "../../../../../../../../shared/api/queries/properties.js";
+import type { ListingConfig } from "../../../../../../../../shared/components/organisms/general-listing/listingConfig";
+import type { SearchConfig } from "../../../../../../../../shared/components/organisms/general-search/searchConfig";
+import { getPropertyTypeBadgeMap } from "../../../../../../../properties/properties/configs";
+import { updateMiraklPropertyMutation, updateMiraklInternalPropertyMutation } from "../../../../../../../../shared/api/mutations/salesChannels.js";
+import type { FormConfig } from "../../../../../../../../shared/components/organisms/general-form/formConfig";
+import { FormType } from "../../../../../../../../shared/components/organisms/general-form/formConfig";
+import { getMiraklRepresentationTypeOptions } from "./representationTypes";
+
+export const miraklPropertiesSearchConfigConstructor = (t: Function): SearchConfig => ({
+ search: true,
+ orderKey: 'sort',
+ filters: [
+ { type: FieldType.Boolean, name: 'mappedLocally', label: t('integrations.show.mapping.mappedLocally'), strict: true },
+ {
+ type: FieldType.Boolean,
+ name: 'isCommon',
+ label: t('integrations.show.mirakl.properties.labels.isCommon'),
+ addLookup: true,
+ strict: true,
+ },
+ {
+ type: FieldType.Boolean,
+ name: 'allowsUnmappedValues',
+ label: t('integrations.show.properties.labels.allowsUnmappedValues'),
+ addLookup: true,
+ strict: true,
+ },
+ {
+ type: FieldType.Choice,
+ name: 'representationType',
+ label: t('integrations.show.mirakl.properties.labels.representationType'),
+ labelBy: 'name',
+ valueBy: 'code',
+ options: getMiraklRepresentationTypeOptions(t),
+ addLookup: true,
+ },
+ { type: FieldType.Boolean, name: 'usedInProducts', label: t('properties.properties.labels.usedInProducts'), strict: true },
+ {
+ type: FieldType.Choice,
+ name: 'type',
+ label: t('integrations.show.properties.labels.currentType'),
+ labelBy: 'name',
+ valueBy: 'code',
+ options: getPropertyTypeOptions(t),
+ addLookup: true,
+ },
+ {
+ type: FieldType.Choice,
+ name: 'originalType',
+ label: t('integrations.show.properties.labels.originalType'),
+ labelBy: 'name',
+ valueBy: 'code',
+ options: getPropertyTypeOptions(t),
+ addLookup: true,
+ },
+ {
+ type: FieldType.Query,
+ name: 'localInstance',
+ label: t('properties.properties.title'),
+ labelBy: 'name',
+ valueBy: 'id',
+ query: propertiesQuerySelector,
+ dataKey: 'properties',
+ filterable: true,
+ isEdge: true,
+ addLookup: true,
+ lookupKeys: ['id'],
+ },
+ ],
+ orders: [],
+});
+
+export const miraklPropertyEditFormConfigConstructor = (
+ t: Function,
+ type: string,
+ propertyId: string,
+ integrationId: string,
+): FormConfig => ({
+ cols: 1,
+ type: FormType.EDIT,
+ mutation: updateMiraklPropertyMutation,
+ mutationKey: "updateMiraklProperty",
+ query: getMiraklPropertyQuery,
+ queryVariables: { id: propertyId },
+ queryDataKey: "miraklProperty",
+ haveCustomHelpSection: true,
+ submitUrl: { name: 'integrations.integrations.show', params: { type, id: integrationId }, query: { tab: 'properties' } },
+ fields: [
+ { type: FieldType.Hidden, name: 'id', value: propertyId },
+ {
+ type: FieldType.Text,
+ name: 'code',
+ label: t('integrations.show.properties.labels.code'),
+ disabled: true,
+ help: t('integrations.show.properties.help.code'),
+ },
+ {
+ type: FieldType.Choice,
+ name: 'originalType',
+ label: t('integrations.show.properties.labels.originalType'),
+ labelBy: 'name',
+ valueBy: 'code',
+ options: getPropertyTypeOptions(t),
+ disabled: true,
+ removable: false,
+ help: t('integrations.show.properties.help.originalType'),
+ },
+ {
+ type: FieldType.Choice,
+ name: 'type',
+ label: t('integrations.show.properties.labels.currentType'),
+ labelBy: 'name',
+ valueBy: 'code',
+ options: getPropertyTypeOptions(t),
+ disabled: true,
+ removable: false,
+ help: t('integrations.show.properties.help.currentType'),
+ },
+ {
+ type: FieldType.Boolean,
+ name: 'allowsUnmappedValues',
+ label: t('integrations.show.properties.labels.allowsUnmappedValues'),
+ disabled: true,
+ strict: true,
+ help: t('integrations.show.properties.help.allowsUnmappedValues'),
+ },
+ {
+ type: FieldType.Choice,
+ name: 'representationType',
+ label: t('integrations.show.mirakl.properties.labels.representationType'),
+ labelBy: 'name',
+ valueBy: 'code',
+ options: getMiraklRepresentationTypeOptions(t),
+ disabled: false,
+ removable: false,
+ help: t('integrations.show.mirakl.properties.help.representationType'),
+ },
+ {
+ type: FieldType.Text,
+ name: 'name',
+ label: t('shared.labels.name'),
+ help: t('integrations.show.properties.help.name'),
+ },
+ ],
+});
+
+export const miraklPropertiesListingConfigConstructor = (
+ t: Function,
+ specificIntegrationId: string,
+ salesChannelId: string,
+): ListingConfig => ({
+ headers: [
+ t('shared.labels.name'),
+ t('integrations.show.properties.labels.code'),
+ t('integrations.show.properties.labels.originalType'),
+ t('integrations.show.mapping.mappedLocally'),
+ t('properties.properties.title'),
+ ],
+ fields: [
+ { name: 'name', type: FieldType.Text },
+ { name: 'code', type: FieldType.Text },
+ { name: 'originalType', type: FieldType.Badge, badgeMap: getPropertyTypeBadgeMap(t) },
+ { name: 'mappedLocally', type: FieldType.Boolean },
+ {
+ name: 'localInstance',
+ type: FieldType.NestedText,
+ keys: ['name'],
+ showLabel: true,
+ clickable: true,
+ clickIdentifiers: [{ id: ['id'] }],
+ clickUrl: { name: 'properties.properties.show' },
+ },
+ ],
+ identifierKey: 'id',
+ urlQueryParams: { integrationId: specificIntegrationId, salesChannelId },
+ addActions: true,
+ addEdit: true,
+ addShow: true,
+ editUrlName: 'integrations.remoteProperties.edit',
+ showUrlName: 'integrations.remoteProperties.edit',
+ addDelete: false,
+ addPagination: true,
+ addBulkActions: true,
+});
+
+export const miraklInternalPropertiesSearchConfigConstructor = (t: Function): SearchConfig => ({
+ search: true,
+ orderKey: 'sort',
+ filters: [
+ { type: FieldType.Boolean, name: 'mappedLocally', label: t('integrations.show.mapping.mappedLocally'), strict: true },
+ { type: FieldType.Boolean, name: 'isCondition', label: t('integrations.show.mirakl.internalProperties.labels.isCondition'), strict: true },
+ ],
+ orders: [],
+});
+
+export const miraklInternalPropertyEditFormConfigConstructor = (
+ t: Function,
+ type: string,
+ propertyId: string,
+ integrationId: string,
+ returnTab = 'inventoryFields',
+): FormConfig => ({
+ cols: 1,
+ type: FormType.EDIT,
+ mutation: updateMiraklInternalPropertyMutation,
+ mutationKey: "updateMiraklInternalProperty",
+ query: getMiraklInternalPropertyQuery,
+ queryVariables: { id: propertyId },
+ queryDataKey: "miraklInternalProperty",
+ submitUrl: {
+ name: 'integrations.integrations.show',
+ params: { type, id: integrationId },
+ query: { tab: returnTab },
+ },
+ fields: [
+ { type: FieldType.Hidden, name: 'id', value: propertyId },
+ {
+ type: FieldType.Text,
+ name: 'name',
+ label: t('shared.labels.name'),
+ disabled: true,
+ help: t('integrations.show.properties.help.name'),
+ },
+ {
+ type: FieldType.Choice,
+ name: 'type',
+ label: t('products.products.labels.type.title'),
+ labelBy: 'name',
+ valueBy: 'code',
+ options: getPropertyTypeOptions(t),
+ disabled: true,
+ removable: false,
+ },
+ {
+ type: FieldType.Checkbox,
+ name: 'isCondition',
+ label: t('integrations.show.mirakl.internalProperties.labels.isCondition'),
+ disabled: true,
+ },
+ {
+ type: FieldType.Query,
+ name: 'localInstance',
+ label: t('properties.properties.title'),
+ labelBy: 'name',
+ valueBy: 'id',
+ query: propertiesQuerySelector,
+ dataKey: 'properties',
+ filterable: true,
+ isEdge: true,
+ removable: true,
+ optional: true,
+ formMapIdentifier: 'id',
+ help: t('integrations.show.mapping.help.selectLocalProperty'),
+ },
+ ],
+});
+
+export const miraklInternalPropertiesListingConfigConstructor = (
+ t: Function,
+ integrationId: string,
+): ListingConfig => ({
+ headers: [
+ t('shared.labels.name'),
+ t('integrations.show.properties.labels.originalType'),
+ t('integrations.show.mirakl.internalProperties.labels.isCondition'),
+ t('properties.properties.title'),
+ ],
+ fields: [
+ { name: 'name', type: FieldType.Text },
+ { name: 'type', type: FieldType.Badge, badgeMap: getPropertyTypeBadgeMap(t) },
+ { name: 'isCondition', type: FieldType.Boolean },
+ {
+ name: 'localInstance',
+ type: FieldType.NestedText,
+ keys: ['name'],
+ showLabel: true,
+ clickable: true,
+ clickIdentifiers: [{ id: ['id'] }],
+ clickUrl: { name: 'properties.properties.show' },
+ },
+ ],
+ identifierKey: 'id',
+ urlQueryParams: { integrationId, fromTab: 'inventoryFields' },
+ addActions: true,
+ addEdit: true,
+ addShow: true,
+ editUrlName: 'integrations.remoteInternalProperties.edit',
+ showUrlName: 'integrations.remoteInternalProperties.edit',
+ addDelete: false,
+ addPagination: true,
+});
+
+export const miraklPropertiesListingQuery = miraklPropertiesQuery;
+export const miraklPropertiesListingQueryKey = 'miraklProperties';
+export const miraklInternalListingQuery = miraklInternalPropertiesQuery;
+export const miraklInternalListingQueryKey = 'miraklInternalProperties';
diff --git a/src/core/integrations/integrations/integrations-show/containers/properties/containers/mirakl-properties/index.ts b/src/core/integrations/integrations/integrations-show/containers/properties/containers/mirakl-properties/index.ts
new file mode 100644
index 00000000..77301a35
--- /dev/null
+++ b/src/core/integrations/integrations/integrations-show/containers/properties/containers/mirakl-properties/index.ts
@@ -0,0 +1,2 @@
+export { default as MiraklProperties } from './MiraklProperties.vue';
+export { default as MiraklEditProperty } from './MiraklEditProperty.vue';
diff --git a/src/core/integrations/integrations/integrations-show/containers/properties/containers/mirakl-properties/representationTypes.ts b/src/core/integrations/integrations/integrations-show/containers/properties/containers/mirakl-properties/representationTypes.ts
new file mode 100644
index 00000000..0f0973e1
--- /dev/null
+++ b/src/core/integrations/integrations/integrations-show/containers/properties/containers/mirakl-properties/representationTypes.ts
@@ -0,0 +1,123 @@
+export const MIRAKL_REPRESENTATION_TYPE_PROPERTY = 'property';
+export const MIRAKL_REPRESENTATION_TYPE_UNIT = 'unit';
+export const MIRAKL_REPRESENTATION_TYPE_DEFAULT_VALUE = 'default_value';
+export const MIRAKL_REPRESENTATION_TYPE_CONDITION = 'condition';
+export const MIRAKL_REPRESENTATION_TYPE_LOGISTIC_CLASS = 'logistic_class';
+
+export const MIRAKL_REPRESENTATION_TYPE_CHOICES = [
+ MIRAKL_REPRESENTATION_TYPE_PROPERTY,
+ MIRAKL_REPRESENTATION_TYPE_UNIT,
+ MIRAKL_REPRESENTATION_TYPE_DEFAULT_VALUE,
+ 'product_title',
+ 'product_subtitle',
+ 'product_description',
+ 'product_short_description',
+ 'product_bullet_point',
+ 'product_sku',
+ 'product_internal_id',
+ 'product_category',
+ 'product_configurable_sku',
+ 'product_configurable_id',
+ 'product_active',
+ 'product_url_key',
+ 'product_ean',
+ 'thumbnail_image',
+ 'image',
+ 'image_color',
+ 'video',
+ 'price',
+ 'discounted_price',
+ 'stock',
+ 'vat_rate',
+ 'allow_backorder',
+ MIRAKL_REPRESENTATION_TYPE_CONDITION,
+ MIRAKL_REPRESENTATION_TYPE_LOGISTIC_CLASS,
+] as const;
+
+export const getMiraklRepresentationTypeOptions = (t: Function) =>
+ MIRAKL_REPRESENTATION_TYPE_CHOICES.map((code) => ({
+ code,
+ name: t(`integrations.show.mirakl.representationTypes.options.${code}`),
+ }));
+
+export const MIRAKL_PRODUCT_REPRESENTATION_TYPES = [
+ 'product_title',
+ 'product_subtitle',
+ 'product_description',
+ 'product_short_description',
+ 'product_bullet_point',
+ 'product_sku',
+ 'product_internal_id',
+ 'product_category',
+ 'product_configurable_sku',
+ 'product_configurable_id',
+ 'product_active',
+ 'product_url_key',
+ 'product_ean',
+] as const;
+
+export const MIRAKL_MEDIA_REPRESENTATION_TYPES = [
+ 'thumbnail_image',
+ 'image',
+ 'image_color',
+ 'video',
+ 'document',
+] as const;
+
+export const MIRAKL_COMMERCIAL_REPRESENTATION_TYPES = [
+ 'price',
+ 'discounted_price',
+ 'stock',
+ 'vat_rate',
+ 'allow_backorder',
+ 'condition',
+ 'logistic_class',
+] as const;
+
+export const getMiraklRepresentationTypeGroup = (representationType?: string | null) => {
+ if (!representationType) {
+ return 'special';
+ }
+
+ if (MIRAKL_PRODUCT_REPRESENTATION_TYPES.includes(representationType as any)) {
+ return 'product';
+ }
+
+ if (MIRAKL_MEDIA_REPRESENTATION_TYPES.includes(representationType as any)) {
+ return 'media';
+ }
+
+ if (MIRAKL_COMMERCIAL_REPRESENTATION_TYPES.includes(representationType as any)) {
+ return 'commercial';
+ }
+
+ return 'special';
+};
+
+export const usesMiraklLocalPropertyMapping = (representationType?: string | null) =>
+ [
+ MIRAKL_REPRESENTATION_TYPE_PROPERTY,
+ MIRAKL_REPRESENTATION_TYPE_CONDITION,
+ MIRAKL_REPRESENTATION_TYPE_LOGISTIC_CLASS,
+ 'product_active',
+ 'allow_backorder',
+ ].includes(representationType || '');
+
+export const usesMiraklDefaultValueInput = (representationType?: string | null) =>
+ representationType === MIRAKL_REPRESENTATION_TYPE_DEFAULT_VALUE;
+
+export const usesMiraklUnitSelection = (representationType?: string | null) =>
+ representationType === MIRAKL_REPRESENTATION_TYPE_UNIT;
+
+export const usesMiraklLanguageSelection = (representationType?: string | null) =>
+ [
+ MIRAKL_REPRESENTATION_TYPE_PROPERTY,
+ 'product_title',
+ 'product_subtitle',
+ 'product_description',
+ 'product_short_description',
+ 'product_bullet_point',
+ ].includes(representationType || '');
+
+export const usesMiraklBooleanCurrentType = (representationType?: string | null) =>
+ ['product_active', 'allow_backorder'].includes(representationType || '');
diff --git a/src/core/integrations/integrations/integrations-show/containers/properties/containers/remote-properties/BulkRemotePropertyAssigner.vue b/src/core/integrations/integrations/integrations-show/containers/properties/containers/remote-properties/BulkRemotePropertyAssigner.vue
new file mode 100644
index 00000000..ea716c84
--- /dev/null
+++ b/src/core/integrations/integrations/integrations-show/containers/properties/containers/remote-properties/BulkRemotePropertyAssigner.vue
@@ -0,0 +1,122 @@
+
+
+
+ = {
[IntegrationTypes.Amazon]: AmazonEditProperty,
[IntegrationTypes.Ebay]: EbayEditProperty,
[IntegrationTypes.Shein]: SheinEditProperty,
+ [IntegrationTypes.Mirakl]: MiraklEditProperty,
};
const currentComponent = computed(() => componentMap[type.value] || null);
diff --git a/src/core/integrations/integrations/integrations-show/containers/properties/containers/remote-properties/RemoteProperties.vue b/src/core/integrations/integrations/integrations-show/containers/properties/containers/remote-properties/RemoteProperties.vue
index 579af437..964993bb 100644
--- a/src/core/integrations/integrations/integrations-show/containers/properties/containers/remote-properties/RemoteProperties.vue
+++ b/src/core/integrations/integrations/integrations-show/containers/properties/containers/remote-properties/RemoteProperties.vue
@@ -16,6 +16,7 @@ import { displayApolloError } from "../../../../../../../../shared/utils";
import { Toast } from "../../../../../../../../shared/modules/toast";
import { PropertyTypes } from "../../../../../../../../shared/utils/constants";
import { IntegrationTypes } from "../../../../../integrations";
+import { MIRAKL_REPRESENTATION_TYPE_PROPERTY } from "../mirakl-properties/representationTypes";
type RouteBuilderContext = {
id: string;
@@ -47,6 +48,7 @@ const router = useRouter();
const route = useRoute();
const canStartMapping = ref(false);
+const generalListingRef = ref(null);
const isAutoMapping = ref(false);
const integrationType = computed(() => String(route.params.type || ''));
@@ -57,6 +59,7 @@ const selectValuesFilterKey = computed(() => {
case IntegrationTypes.Ebay:
return 'ebayProperty';
case IntegrationTypes.Shein:
+ case IntegrationTypes.Mirakl:
return 'remoteProperty';
default:
return null;
@@ -68,7 +71,15 @@ const isSelectPropertyType = (type?: string) => {
};
const canSeeValues = (item: any) => {
- return Boolean(selectValuesFilterKey.value && item?.node?.id && isSelectPropertyType(item?.node?.type));
+ if (!selectValuesFilterKey.value || !item?.node?.id || !isSelectPropertyType(item?.node?.type)) {
+ return false;
+ }
+
+ if (integrationType.value === IntegrationTypes.Mirakl) {
+ return item?.node?.representationTypeDecided || item?.node?.representationType === MIRAKL_REPRESENTATION_TYPE_PROPERTY;
+ }
+
+ return true;
};
const buildSelectValuesRoute = (item: any): RouteLocationRaw => ({
@@ -187,6 +198,11 @@ const startMapping = async () => {
});
};
+const clearSelection = (query?: any) => {
+ generalListingRef.value?.clearSelected?.();
+ query?.refetch?.();
+};
+
const autoMapPerfectMatches = async () => {
if (!props.autoMapMutation || !props.salesChannelId || isAutoMapping.value) {
return;
@@ -249,6 +265,7 @@ const autoMapPerfectMatches = async () => {
{{ t(props.titleKey as string) }}
{
:fixed-filter-variables="mergedFixedFilterVariables"
@pull-data="emit('pull-data')"
>
+
+
+
+
+
diff --git a/src/core/integrations/integrations/integrations-show/containers/property-select-values/containers/mirakl-property-select-values/MiraklSelectValueEditProperty.vue b/src/core/integrations/integrations/integrations-show/containers/property-select-values/containers/mirakl-property-select-values/MiraklSelectValueEditProperty.vue
new file mode 100644
index 00000000..c4c418fb
--- /dev/null
+++ b/src/core/integrations/integrations/integrations-show/containers/property-select-values/containers/mirakl-property-select-values/MiraklSelectValueEditProperty.vue
@@ -0,0 +1,299 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/core/integrations/integrations/integrations-show/containers/property-select-values/containers/mirakl-property-select-values/configs.ts b/src/core/integrations/integrations/integrations-show/containers/property-select-values/containers/mirakl-property-select-values/configs.ts
new file mode 100644
index 00000000..2a6faf0f
--- /dev/null
+++ b/src/core/integrations/integrations/integrations-show/containers/property-select-values/containers/mirakl-property-select-values/configs.ts
@@ -0,0 +1,114 @@
+import { FieldType } from "../../../../../../../../shared/utils/constants";
+import {
+ getMiraklPropertySelectValueQuery,
+ miraklPropertiesQuery,
+ miraklPropertySelectValuesQuery,
+} from "../../../../../../../../shared/api/queries/salesChannels.js";
+import { updateMiraklPropertySelectValueMutation } from "../../../../../../../../shared/api/mutations/salesChannels.js";
+import type { ListingConfig } from "../../../../../../../../shared/components/organisms/general-listing/listingConfig";
+import type { SearchConfig } from "../../../../../../../../shared/components/organisms/general-search/searchConfig";
+import type { FormConfig } from "../../../../../../../../shared/components/organisms/general-form/formConfig";
+import { FormType } from "../../../../../../../../shared/components/organisms/general-form/formConfig";
+
+export const miraklPropertySelectValueEditFormConfigConstructor = (
+ t: Function,
+ type: string,
+ valueId: string,
+ integrationId: string,
+): FormConfig => ({
+ cols: 1,
+ type: FormType.EDIT,
+ mutation: updateMiraklPropertySelectValueMutation,
+ mutationKey: "updateMiraklPropertySelectValue",
+ query: getMiraklPropertySelectValueQuery,
+ queryVariables: { id: valueId },
+ queryDataKey: "miraklPropertySelectValue",
+ submitUrl: {
+ name: 'integrations.integrations.show',
+ params: { type, id: integrationId },
+ query: { tab: 'propertySelectValues' },
+ },
+ fields: [
+ { type: FieldType.Hidden, name: 'id', value: valueId },
+ {
+ type: FieldType.Text,
+ name: 'remoteProperty',
+ label: t('integrations.show.propertySelectValues.labels.remoteProperty'),
+ disabled: true,
+ help: t('integrations.show.propertySelectValues.help.remoteProperty'),
+ },
+ {
+ type: FieldType.Text,
+ name: 'label',
+ label: t('integrations.show.propertySelectValues.labels.localizedValue'),
+ disabled: true,
+ help: t('integrations.show.propertySelectValues.help.localizedValue'),
+ },
+ ],
+});
+
+export const miraklPropertySelectValuesSearchConfigConstructor = (t: Function): SearchConfig => ({
+ search: true,
+ orderKey: 'sort',
+ filters: [
+ { type: FieldType.Boolean, name: 'mappedLocally', label: t('integrations.show.mapping.mappedLocally'), strict: true },
+ {
+ type: FieldType.Query,
+ name: 'remoteProperty',
+ label: t('integrations.show.propertySelectValues.labels.remoteProperty'),
+ labelBy: 'name',
+ valueBy: 'id',
+ query: miraklPropertiesQuery,
+ dataKey: 'miraklProperties',
+ filterable: true,
+ isEdge: true,
+ addLookup: true,
+ lookupKeys: ['id'],
+ queryVariables: {
+ filter: {
+ showProperty: true,
+ },
+ },
+ },
+ ],
+ orders: [],
+});
+
+export const miraklPropertySelectValuesListingConfigConstructor = (
+ t: Function,
+ specificIntegrationId: string,
+): ListingConfig => ({
+ headers: [
+ t('integrations.show.propertySelectValues.labels.localizedValue'),
+ t('integrations.show.propertySelectValues.labels.remoteProperty'),
+ t('integrations.show.mapping.mappedLocally'),
+ t('properties.values.title'),
+ ],
+ fields: [
+ { name: 'label', type: FieldType.Text },
+ { name: 'remoteProperty', type: FieldType.NestedText, keys: ['name'], showLabel: true },
+ { name: 'mappedLocally', type: FieldType.Boolean },
+ {
+ name: 'localInstance',
+ type: FieldType.NestedText,
+ keys: ['value'],
+ showLabel: true,
+ clickable: true,
+ clickIdentifiers: [{ id: ['id'] }],
+ clickUrl: { name: 'properties.values.show' },
+ },
+ ],
+ identifierKey: 'id',
+ addActions: true,
+ addEdit: true,
+ addShow: true,
+ urlQueryParams: { integrationId: specificIntegrationId },
+ editUrlName: 'integrations.remotePropertySelectValues.edit',
+ showUrlName: 'integrations.remotePropertySelectValues.edit',
+ addDelete: false,
+ addPagination: true,
+ addBulkActions: true,
+});
+
+export const listingQueryKey = 'miraklPropertySelectValues';
+export const listingQuery = miraklPropertySelectValuesQuery;
diff --git a/src/core/integrations/integrations/integrations-show/containers/property-select-values/containers/mirakl-property-select-values/index.ts b/src/core/integrations/integrations/integrations-show/containers/property-select-values/containers/mirakl-property-select-values/index.ts
new file mode 100644
index 00000000..1b82294b
--- /dev/null
+++ b/src/core/integrations/integrations/integrations-show/containers/property-select-values/containers/mirakl-property-select-values/index.ts
@@ -0,0 +1,2 @@
+export { default as MiraklPropertySelectValues } from './MiraklPropertySelectValues.vue';
+export { default as MiraklSelectValueEditProperty } from './MiraklSelectValueEditProperty.vue';
diff --git a/src/core/integrations/integrations/integrations-show/containers/property-select-values/containers/remote-property-select-values/BulkRemotePropertySelectValueAssigner.vue b/src/core/integrations/integrations/integrations-show/containers/property-select-values/containers/remote-property-select-values/BulkRemotePropertySelectValueAssigner.vue
index e20d0903..88d19b6e 100644
--- a/src/core/integrations/integrations/integrations-show/containers/property-select-values/containers/remote-property-select-values/BulkRemotePropertySelectValueAssigner.vue
+++ b/src/core/integrations/integrations/integrations-show/containers/property-select-values/containers/remote-property-select-values/BulkRemotePropertySelectValueAssigner.vue
@@ -14,7 +14,9 @@ import { selectValueOnTheFlyConfig } from '../../../../../../../properties/prope
import { Toast } from '../../../../../../../../shared/modules/toast';
import { processGraphQLErrors } from '../../../../../../../../shared/utils';
-const props = defineProps<{ selectedEntities: string[]; mutation: DocumentNode }>();
+const props = withDefaults(defineProps<{ selectedEntities: string[]; mutation: DocumentNode; mode?: 'bulk' | 'single' }>(), {
+ mode: 'bulk',
+});
const emit = defineEmits<{ (e: 'started'): void }>();
const { t } = useI18n();
@@ -73,15 +75,36 @@ const onAssignSubmit = async () => {
if (!selectedValue.value) return;
try {
- await apolloClient.mutate({
- mutation: props.mutation,
- variables: {
- data: {
- ids: props.selectedEntities,
- localInstanceId: selectedValue.value,
+ if (props.mode === 'single') {
+ const results = await Promise.allSettled(
+ props.selectedEntities.map((id) =>
+ apolloClient.mutate({
+ mutation: props.mutation,
+ variables: {
+ data: {
+ id,
+ localInstance: { id: selectedValue.value },
+ },
+ },
+ }),
+ ),
+ );
+
+ const successCount = results.filter((result) => result.status === 'fulfilled').length;
+ if (!successCount) {
+ throw new Error('No select values could be assigned.');
+ }
+ } else {
+ await apolloClient.mutate({
+ mutation: props.mutation,
+ variables: {
+ data: {
+ ids: props.selectedEntities,
+ localInstanceId: selectedValue.value,
+ },
},
- },
- });
+ });
+ }
Toast.success(t('integrations.show.propertySelectValues.assignSuccess'));
emit('started');
showPanel.value = false;
diff --git a/src/core/integrations/integrations/integrations-show/containers/property-select-values/containers/remote-property-select-values/IntegrationsRemotePropertySelectValueEditController.vue b/src/core/integrations/integrations/integrations-show/containers/property-select-values/containers/remote-property-select-values/IntegrationsRemotePropertySelectValueEditController.vue
index e7d2b2a1..7c80c84b 100644
--- a/src/core/integrations/integrations/integrations-show/containers/property-select-values/containers/remote-property-select-values/IntegrationsRemotePropertySelectValueEditController.vue
+++ b/src/core/integrations/integrations/integrations-show/containers/property-select-values/containers/remote-property-select-values/IntegrationsRemotePropertySelectValueEditController.vue
@@ -4,6 +4,7 @@ import { useRoute } from 'vue-router';
import AmazonSelectValueEditProperty from '../amazon-property-select-values/AmazonSelectValueEditProperty.vue';
import EbaySelectValueEditProperty from '../ebay-property-select-values/EbaySelectValueEditProperty.vue';
import SheinSelectValueEditProperty from '../shein-property-select-values/SheinSelectValueEditProperty.vue';
+import MiraklSelectValueEditProperty from '../mirakl-property-select-values/MiraklSelectValueEditProperty.vue';
const route = useRoute();
const type = computed(() => String(route.params.type));
@@ -12,6 +13,7 @@ const componentMap = {
amazon: AmazonSelectValueEditProperty,
ebay: EbaySelectValueEditProperty,
shein: SheinSelectValueEditProperty,
+ mirakl: MiraklSelectValueEditProperty,
} as const;
const selectedComponent = computed(() => componentMap[type.value as keyof typeof componentMap] ?? null);
diff --git a/src/core/integrations/integrations/integrations-show/containers/property-select-values/containers/remote-property-select-values/components/RemoteSelectValueEditProperty.vue b/src/core/integrations/integrations/integrations-show/containers/property-select-values/containers/remote-property-select-values/components/RemoteSelectValueEditProperty.vue
index 41d52bbb..03465ccc 100644
--- a/src/core/integrations/integrations/integrations-show/containers/property-select-values/containers/remote-property-select-values/components/RemoteSelectValueEditProperty.vue
+++ b/src/core/integrations/integrations/integrations-show/containers/property-select-values/containers/remote-property-select-values/components/RemoteSelectValueEditProperty.vue
@@ -564,6 +564,9 @@ onMounted(async () => {
+
+
+
+
+
+
+
+ + {{ t('integrations.create.wizard.step1.filters.storefronts') }} +
++ {{ t('integrations.create.wizard.step1.woocommerceInfoModal.title') }} +
+{{ t('integrations.create.wizard.step1.woocommerceInfoModal.integrationDescription') }}
--
-
- {{ t('integrations.create.wizard.step1.woocommerceInfoModal.integrationStep1') }} -
- {{ t('integrations.create.wizard.step1.woocommerceInfoModal.integrationStep2') }} -
- {{ t('integrations.create.wizard.step1.woocommerceInfoModal.integrationStep3') }} -
- {{ t('integrations.create.wizard.step1.woocommerceInfoModal.integrationStep4') }} -
- {{ t('integrations.create.wizard.step1.woocommerceInfoModal.integrationStep5') }} -
- {{ t('integrations.create.wizard.step1.woocommerceInfoModal.integrationStep6') }} -
- {{ t('integrations.create.wizard.step1.woocommerceInfoModal.integrationStep7') }} -
- {{ t('integrations.create.wizard.step1.woocommerceInfoModal.integrationStep8') }} +
+
+
+
+
+
+
+
- + {{ t('integrations.create.wizard.step1.woocommerceInfoModal.integrationTitle') }} +
+ +-
+
- + 1 + {{ t('integrations.create.wizard.step1.woocommerceInfoModal.integrationStep1') }} + +
- + 2 + {{ t('integrations.create.wizard.step1.woocommerceInfoModal.integrationStep2') }} + +
- + 3 + {{ t('integrations.create.wizard.step1.woocommerceInfoModal.integrationStep3') }} + +
- + 4 + {{ t('integrations.create.wizard.step1.woocommerceInfoModal.integrationStep4') }} + +
- + 5 + {{ t('integrations.create.wizard.step1.woocommerceInfoModal.integrationStep5') }} + +
- + 6 + {{ t('integrations.create.wizard.step1.woocommerceInfoModal.integrationStep6') }} + +
- + 7 + {{ t('integrations.create.wizard.step1.woocommerceInfoModal.integrationStep7') }} + +
- + 8 + {{ t('integrations.create.wizard.step1.woocommerceInfoModal.integrationStep8') }} + +
+ {{ t('integrations.create.wizard.step1.woocommerceInfoModal.apiSettingsTitle') }} +
++ {{ t('integrations.create.wizard.step1.woocommerceInfoModal.apiSettingsDescription') }} +
+-
+
- + + {{ t('integrations.create.wizard.step1.woocommerceInfoModal.apiSetting1') }} + +
- + + {{ t('integrations.create.wizard.step1.woocommerceInfoModal.apiSetting2') }} +
+
+
+
+
+
+ {{ t('integrations.create.wizard.step1.woocommerceInfoModal.importTitle') }} +
++ {{ t('integrations.create.wizard.step1.woocommerceInfoModal.importRecommendation') }} +
++ {{ t('integrations.create.wizard.step1.woocommerceInfoModal.eanTitle') }} +
++ {{ t('integrations.create.wizard.step1.woocommerceInfoModal.eanDescription') }} +
+-
-
+
diff --git a/src/core/integrations/integrations/integrations-create/containers/type-step/info-cards/index.ts b/src/core/integrations/integrations/integrations-create/containers/type-step/info-cards/index.ts
index ea416212..e480a8c6 100644
--- a/src/core/integrations/integrations/integrations-create/containers/type-step/info-cards/index.ts
+++ b/src/core/integrations/integrations/integrations-create/containers/type-step/info-cards/index.ts
@@ -1,4 +1,5 @@
export { default as MagentoInfoCard } from './MagentoInfoCard.vue';
+export { default as MiraklInfoCard } from './MiraklInfoCard.vue';
export { default as WoocommerceInfoCard } from './WoocommerceInfoCard.vue';
export { default as ShopifyInfoCard } from './ShopifyInfoCard.vue';
export { default as WebhookInfoCard } from './WebhookInfoCard.vue';
diff --git a/src/core/integrations/integrations/integrations-show/IntegrationsShowController.vue b/src/core/integrations/integrations/integrations-show/IntegrationsShowController.vue
index 6ec53252..b32a0f6e 100644
--- a/src/core/integrations/integrations/integrations-show/IntegrationsShowController.vue
+++ b/src/core/integrations/integrations/integrations-show/IntegrationsShowController.vue
@@ -14,7 +14,8 @@ import {
getWoocommerceChannelQuery,
getAmazonChannelQuery,
getEbayChannelQuery,
- getSheinChannelQuery
+ getSheinChannelQuery,
+ getMiraklChannelQuery
} from "../../../../shared/api/queries/salesChannels.js";
import { getWebhookIntegrationQuery } from "../../../../shared/api/queries/webhookIntegrations.js";
import { AmazonGeneralInfoTab } from "./containers/general/amazon-general-tab";
@@ -24,6 +25,7 @@ import { WoocommerceGeneralInfoTab } from "./containers/general/woocommerce-gene
import { WebhookGeneralInfoTab } from "./containers/general/webhook-general-tab";
import { EbayGeneralInfoTab } from "./containers/general/ebay-general-tab";
import { SheinGeneralInfoTab } from "./containers/general/shein-general-tab";
+import { MiraklGeneralInfoTab } from "./containers/general/mirakl-general-tab";
import apolloClient from "../../../../../apollo-client";
import { Loader } from "../../../../shared/components/atoms/loader";
import { Products } from "./containers/products";
@@ -39,7 +41,7 @@ import { DocumentTypes } from "./containers/document-types";
import { DefaultUnitConfigurators } from "./containers/default-unit-configurators";
import { Imports } from "./containers/imports";
import { Templates } from "./containers/templates";
-import { AmazonProductIssues } from "./containers/issues";
+import { AmazonProductIssues, MiraklProductIssues } from "./containers/issues";
import { refreshSalesChannelWebsitesMutation } from "../../../../shared/api/mutations/salesChannels";
import {Toast} from "../../../../shared/modules/toast";
@@ -61,8 +63,15 @@ const integrationData = ref
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ form.name }}
+
+
+
+
+
+
+
+ {{ form.code }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ form.selectedUnit || '—' }}
+
+
+
+
+
+
+
+ {{ selectedUnitOption?.name || '—' }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ fieldErrors['shopId'] }}
+
+
+
+ {{ fieldErrors['apiKey'] }}
+
+
+
+
+
+
+
+
+
+
+
+ {{ fieldErrors['requestsPerMinute'] }}
+{{ t('integrations.salesChannel.helpText.requestsPerMinute') }}
+
+
+
+
+
+ {{ fieldErrors['maxRetries'] }}
+{{ t('integrations.salesChannel.helpText.maxRetries') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ t(`integrations.salesChannel.helpText.${toggleField}`) }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ t('integrations.salesChannel.helpText.startingStock') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ t('integrations.salesChannel.helpText.minNameLength') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ t('integrations.salesChannel.helpText.minDescriptionLength') }}
+
+
+
+
+ {{ t('shared.button.back') }}
+
+
+
+
+
+
+ {{ t('shared.button.saveAndContinue') }}
+
+
+
+
+
+
+
+ {{ t('shared.button.save') }}
+
+
+
+
+
+
+ ⚠️ {{ t('integrations.show.miraklNotConnectedBanner.title') }}
+
+ {{ t('integrations.show.miraklNotConnectedBanner.content') }}
+
+
diff --git a/src/core/integrations/integrations/integrations-show/containers/general/mirakl-general-tab/index.ts b/src/core/integrations/integrations/integrations-show/containers/general/mirakl-general-tab/index.ts
new file mode 100644
index 00000000..6dfbc06c
--- /dev/null
+++ b/src/core/integrations/integrations/integrations-show/containers/general/mirakl-general-tab/index.ts
@@ -0,0 +1 @@
+export { default as MiraklGeneralInfoTab } from './MiraklGeneralInfoTab.vue';
diff --git a/src/core/integrations/integrations/integrations-show/containers/imports/Imports.vue b/src/core/integrations/integrations/integrations-show/containers/imports/Imports.vue
index d4e4ae19..5b633631 100644
--- a/src/core/integrations/integrations/integrations-show/containers/imports/Imports.vue
+++ b/src/core/integrations/integrations/integrations-show/containers/imports/Imports.vue
@@ -2,7 +2,7 @@
import { ref, computed } from 'vue';
import { useRoute } from 'vue-router';
import { IntegrationTypes } from "../../../integrations";
-import { AmazonImportsListing, EbayImportsListing, SheinImportsListing, GeneralImportsListing } from './components';
+import { AmazonImportsListing, EbayImportsListing, SheinImportsListing, MiraklImportsListing, GeneralImportsListing } from './components';
const route = useRoute();
const props = defineProps<{ id: string; salesChannelId: string }>();
@@ -10,11 +10,13 @@ const type = ref(String(route.params.type));
const isAmazon = computed(() => type.value === IntegrationTypes.Amazon);
const isEbay = computed(() => type.value === IntegrationTypes.Ebay);
const isShein = computed(() => type.value === IntegrationTypes.Shein);
+const isMirakl = computed(() => type.value === IntegrationTypes.Mirakl);
+
+
diff --git a/src/core/integrations/integrations/integrations-show/containers/imports/components/index.ts b/src/core/integrations/integrations/integrations-show/containers/imports/components/index.ts
index e269bbe4..d2082842 100644
--- a/src/core/integrations/integrations/integrations-show/containers/imports/components/index.ts
+++ b/src/core/integrations/integrations/integrations-show/containers/imports/components/index.ts
@@ -1,4 +1,5 @@
export { default as AmazonImportsListing } from './AmazonImportsListing.vue';
export { default as EbayImportsListing } from './EbayImportsListing.vue';
export { default as SheinImportsListing } from './SheinImportsListing.vue';
+export { default as MiraklImportsListing } from './MiraklImportsListing.vue';
export { default as GeneralImportsListing } from './GeneralImportsListing.vue';
diff --git a/src/core/integrations/integrations/integrations-show/containers/imports/configs.ts b/src/core/integrations/integrations/integrations-show/containers/imports/configs.ts
index 667f25b9..e2807312 100644
--- a/src/core/integrations/integrations/integrations-show/containers/imports/configs.ts
+++ b/src/core/integrations/integrations/integrations-show/containers/imports/configs.ts
@@ -14,6 +14,7 @@ export const getStatusBadgeMap = (t: Function) => ({
export interface SalesChannelImportItem {
id: string;
+ name: string;
status: 'new' | 'pending' | 'failed' | 'success' | 'processing';
percentage: number;
createdAt: string;
@@ -44,6 +45,15 @@ export interface SheinSalesChannelImportItem {
createdAt: string;
}
+export interface MiraklImportProcessItem {
+ id: string;
+ proxyId: string;
+ type: string;
+ status: 'new' | 'pending' | 'failed' | 'success' | 'processing';
+ percentage: number;
+ createdAt: string;
+}
+
export interface SalesChannelSubscriptionResult {
salesChannel: {
id: string;
@@ -53,6 +63,7 @@ export interface SalesChannelSubscriptionResult {
amazonImports: AmazonSalesChannelImportItem[];
ebayImports: EbaySalesChannelImportItem[];
sheinImports: SheinSalesChannelImportItem[];
+ miraklImports: MiraklImportProcessItem[];
};
}
@@ -96,3 +107,72 @@ export interface EanCodeAttribute {
attributeCode: string;
isNew: boolean;
}
+
+export interface MiraklFeedListItem {
+ id: string;
+ type?: string | null;
+ stage?: string | null;
+ status?: string | null;
+ remoteId?: string | null;
+ errorMessage?: string | null;
+ itemsCount?: number | null;
+ rowsCount?: number | null;
+ lastSyncedAt?: string | null;
+ lastSubmittedAt?: string | null;
+ lastPolledAt?: string | null;
+ createdAt?: string | null;
+ importStatus?: string | null;
+ reasonStatus?: string | null;
+ remoteDateCreated?: string | null;
+ hasErrorReport?: boolean | null;
+ hasNewProductReport?: boolean | null;
+ hasTransformationErrorReport?: boolean | null;
+ hasTransformedFile?: boolean | null;
+ errorReportFileUrl?: string | null;
+ newProductReportFileUrl?: string | null;
+ transformedFileUrl?: string | null;
+ transformationErrorReportFileUrl?: string | null;
+ productType?: {
+ id?: string | null;
+ name?: string | null;
+ remoteId?: string | null;
+ templateUrl?: string | null;
+ } | null;
+ salesChannelView?: {
+ id?: string | null;
+ name?: string | null;
+ remoteId?: string | null;
+ } | null;
+}
+
+export const concludedMiraklFeedStatuses = ['success', 'partial', 'failed', 'cancelled'];
+
+export const getMiraklFeedStatusBadgeMap = (t: Function) => ({
+ new: { text: t('integrations.imports.miraklFeeds.status.new'), color: 'gray' },
+ pending: { text: t('integrations.imports.miraklFeeds.status.pending'), color: 'blue' },
+ gathering_products: { text: t('integrations.imports.miraklFeeds.status.gathering_products'), color: 'indigo' },
+ gathering_offers: { text: t('integrations.imports.miraklFeeds.status.gathering_offers'), color: 'indigo' },
+ ready_to_render: { text: t('integrations.imports.miraklFeeds.status.ready_to_render'), color: 'sky' },
+ submitted: { text: t('integrations.imports.miraklFeeds.status.submitted'), color: 'indigo' },
+ processing: { text: t('integrations.imports.miraklFeeds.status.processing'), color: 'yellow' },
+ success: { text: t('integrations.imports.miraklFeeds.status.success'), color: 'green' },
+ partial: { text: t('integrations.imports.miraklFeeds.status.partial'), color: 'orange' },
+ failed: { text: t('integrations.imports.miraklFeeds.status.failed'), color: 'red' },
+ cancelled: { text: t('integrations.imports.miraklFeeds.status.cancelled'), color: 'gray' },
+});
+
+export const getMiraklFeedImportStatusLabel = (t: Function, value?: string | null) => {
+ if (!value) {
+ return '-';
+ }
+ const key = `integrations.imports.miraklFeeds.importStatus.${value}`;
+ const translated = t(key);
+ return translated === key ? value : translated;
+};
+
+export const getMiraklFeedFileBadges = (t: Function, feed: MiraklFeedListItem) => ([
+ { text: t('integrations.imports.miraklFeeds.files.errorReport'), color: feed.hasErrorReport ? 'red' : 'gray' },
+ { text: t('integrations.imports.miraklFeeds.files.newProductReport'), color: feed.hasNewProductReport ? 'blue' : 'gray' },
+ { text: t('integrations.imports.miraklFeeds.files.transformedFile'), color: feed.hasTransformedFile ? 'green' : 'gray' },
+ { text: t('integrations.imports.miraklFeeds.files.transformationErrorReport'), color: feed.hasTransformationErrorReport ? 'orange' : 'gray' },
+]);
diff --git a/src/core/integrations/integrations/integrations-show/containers/imports/containers/create-import/ImportCreateController.vue b/src/core/integrations/integrations/integrations-show/containers/imports/containers/create-import/ImportCreateController.vue
index c9cd3325..efebcd91 100644
--- a/src/core/integrations/integrations/integrations-show/containers/imports/containers/create-import/ImportCreateController.vue
+++ b/src/core/integrations/integrations/integrations-show/containers/imports/containers/create-import/ImportCreateController.vue
@@ -10,6 +10,7 @@ import { WoocommerceImporter } from "./containers/woocommerce/woocommerce-import
import { AmazonImporter } from "./containers/amazon/amazon-importer";
import { EbayImporter } from "./containers/ebay/ebay-importer";
import { SheinImporter } from "./containers/shein/shein-importer";
+import { MiraklImporter } from "./containers/mirakl/mirakl-importer";
import {IntegrationTypes} from "../../../../../integrations";
@@ -39,6 +40,7 @@ const type = ref(String(route.params.type));
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ | {{ t('shared.labels.createdAt') }} | +{{ t('shared.labels.type') }} | +{{ t('shared.labels.status') }} | +{{ t('shared.labels.progress') }} | +{{ t('shared.labels.actions') }} | +
|---|---|---|---|---|
| + + {{ formatDate(importItem.createdAt) }} + + | +{{ t(`integrations.imports.types.${importItem.type}`) }} | +
+ |
+
+ |
+ + + | +
+ {{ t('shared.labels.error') }}: {{ (error as Error).message }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ t('integrations.imports.mirakl.title') }}
+
+ + {{ t('integrations.imports.miraklFeeds.heading') }} +
++ {{ t('integrations.imports.miraklFeeds.description') }} +
+
+
+
+
+
+
+
+ {{ t('integrations.imports.miraklFeeds.summary.total') }}
+ {{ summary.total }}
+
+
+ {{ t('integrations.imports.miraklFeeds.summary.active') }}
+ {{ summary.active }}
+
+
+ {{ t('integrations.imports.miraklFeeds.summary.concluded') }}
+ {{ summary.concluded }}
+
+
+ {{ t('integrations.imports.miraklFeeds.summary.withReports') }}
+ {{ summary.withReports }}
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ t('integrations.imports.miraklFeeds.tableTitle') }}
+
+
+
+
+ {{ t('integrations.imports.miraklFeeds.empty') }}
+
+
+
+
+
+
+
+ | {{ t('shared.labels.createdAt') }} | +{{ t('shared.labels.status') }} | +{{ t('integrations.imports.miraklFeeds.labels.importStatus') }} | +{{ t('integrations.imports.miraklFeeds.labels.remoteId') }} | +{{ t('integrations.imports.miraklFeeds.labels.productType') }} | +{{ t('integrations.imports.miraklFeeds.labels.view') }} | +{{ t('shared.labels.actions') }} | +
|---|---|---|---|---|---|---|
|
+
+ {{ formatDate(feed.createdAt) }}
+
+
+ {{ t('shared.labels.updatedAt') }}: {{ formatDate(feed.remoteDateCreated || feed.lastSyncedAt) }}
+
+ |
+
+
+
+ |
+
+ {{ getMiraklFeedImportStatusLabel(t, feed.importStatus) }}
+ {{ feed.reasonStatus || '-' }}
+ |
+
+ {{ feed.remoteId || '-' }}
+
+ {{ feed.errorMessage || '-' }}
+
+ |
+
+ {{ feed.productType?.name || '-' }}
+
+ {{ feed.productType?.remoteId || '-' }}
+
+
+
+ |
+
+ {{ feed.salesChannelView?.name || '-' }}
+ {{ feed.salesChannelView?.remoteId || '-' }}
+ |
+
+
+
+
+
+
+
+ |
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + {{ t("integrations.imports.types.schema") }} +
++ {{ t("integrations.imports.types.schemaDescription") }} +
+
+
+
+
+
+ + {{ t("integrations.imports.types.products") }} +
++ {{ t("integrations.imports.types.productsDescription") }} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ t('integrations.imports.miraklFeeds.showTitle') }}
+
+
+
+ + {{ feed.remoteId || feed.id }} +
++ {{ feed.errorMessage || t('integrations.imports.miraklFeeds.showDescription') }} +
+
+
+
+
+
+
+
+
+ {{ t('integrations.imports.miraklFeeds.labels.counts') }}
+ {{ feed.itemsCount ?? 0 }}
+ {{ t('integrations.imports.miraklFeeds.counts.rows', { count: feed.rowsCount || 0 }) }}
+
+
+ {{ t('integrations.imports.miraklFeeds.labels.remoteDateCreated') }}
+ {{ formatDate(feed.remoteDateCreated) }}
+ {{ t('integrations.imports.miraklFeeds.labels.stage') }}: {{ feed.stage || '-' }}
+
+
+ {{ t('integrations.imports.miraklFeeds.labels.lastSubmittedAt') }}
+ {{ formatDate(feed.lastSubmittedAt) }}
+ {{ t('integrations.imports.miraklFeeds.labels.lastPolledAt') }}: {{ formatDate(feed.lastPolledAt) }}
+
+
+ {{ t('integrations.imports.miraklFeeds.labels.conversionType') }}
+ {{ feed.conversionType || '-' }}
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ t('shared.tabs.general') }}
+-
+
- {{ fact.label }} +
- {{ fact.value }} +
+
+ {{ t('integrations.imports.miraklFeeds.sections.productContext') }}
+
+
+
+
+ {{ t('integrations.imports.miraklFeeds.labels.productType') }}
+ {{ feed.productType?.name || '-' }}
+ {{ feed.productType?.remoteId || '-' }}
+
+
+
+
+ {{ t('integrations.imports.miraklFeeds.labels.view') }}
+ {{ feed.salesChannelView?.name || '-' }}
+ {{ feed.salesChannelView?.remoteId || '-' }}
+
+
+ {{ t('integrations.imports.miraklFeeds.labels.salesChannel') }}
+ {{ feed.salesChannel?.hostname || '-' }}
+
+
+ {{ t('integrations.imports.miraklFeeds.sections.files') }}
+
+
+
+
+
+
+
+
+
+ {{ card.title }}
+
+ {{ card.available ? t('integrations.imports.miraklFeeds.fileAvailable') : t('integrations.imports.miraklFeeds.fileMissing') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ t('integrations.imports.miraklFeeds.files.transformationErrorReport') }}
+
+ {{ feed.transformationErrorReportFileUrl ? t('integrations.imports.miraklFeeds.fileAvailable') : t('integrations.imports.miraklFeeds.fileMissing') }}
+
+
+
+
+
+
+
+
+
+
+
+ {{ t('integrations.imports.miraklFeeds.sections.integrationDetails') }}
+-
+
- {{ item.label }} +
- {{ item.value }} +
+
+ {{ t('integrations.imports.miraklFeeds.sections.transformCounters') }}
+-
+
- {{ item.label }} +
- {{ item.value }} +
+
+
+
+
+
+
+
+
+
+
+ {{ t('integrations.imports.miraklFeeds.sections.payloadData') }}
+ +{{ payloadJson }}
+
+
+ {{ t('integrations.imports.miraklFeeds.sections.rawData') }}
+ +{{ rawJson }}
+
+
+
+
+
+
+
+
+ {{ t('integrations.imports.miraklFeeds.tabs.products') }}
+{{ t('integrations.imports.miraklFeeds.productsDescription') }}
+
+
+
+
+ {{ t('integrations.imports.miraklFeeds.productsEmpty') }}
+
+
+
+
+
+
+
+
+
+
+ + {{ t('integrations.show.miraklIssues.show.title') }} +
+
+
+
+ {{ t('integrations.show.miraklIssues.columns.product') }}
+
+
+
+
+
+
+ {{ product?.name || product?.sku || '-' }}
+
+ {{ remoteSku || '-' }}
+
+ {{ t('integrations.show.miraklIssues.show.fields.remoteSku') }}: {{ remoteSku }}
+
+
+
+ {{ t('integrations.show.miraklIssues.columns.views') }}
+
+
+
+
+
+
+ -
+
+ {{ t('integrations.show.miraklIssues.show.fields.mainCode') }}
+
+
+
+
+ {{ issue.mainCode || '-' }}
+
+ {{ t('integrations.show.miraklIssues.show.fields.code') }}
+
+
+
+
+
+
+ {{ issue.code || '-' }}
+
+
+ {{ t('integrations.show.miraklIssues.show.fields.message') }}
+
+
+
+
+
+
+ {{ issue.message || '-' }}
+
+
+ {{ t('integrations.show.miraklIssues.show.fields.severity') }}
+
+
+
+
+
+ {{ t('integrations.show.miraklIssues.show.fields.isRejected') }}
+
+
+
+
+
+ {{ t('integrations.show.miraklIssues.show.fields.reasonLabel') }}
+
+ {{ issue.reasonLabel || '-' }}
+
+
+
+
+ {{ t('integrations.show.miraklIssues.show.fields.attributeCode') }}
+
+ {{ issue.attributeCode || '-' }}
+
+
+
+
+ {{ t('integrations.show.miraklIssues.show.fields.rawData') }}
+
+
+
+
+
+ {{ jsonRawData }}
+
+
+
+ {{ t('shared.button.back') }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ representationGuide.badge }}
+
+ + {{ t('integrations.show.mirakl.representationGuide.eyebrow') }} +
++ {{ representationGuide.title }} +
++ {{ representationGuide.summary }} +
+
+ ![]()
+
+
+
+
+
+ + {{ t('integrations.show.mirakl.representationGuide.cards.general.title') }} +
++ {{ representationGuide.description }} +
++ {{ representationGuide.summary }} +
+
+
+ + {{ t('integrations.show.mirakl.representationGuide.cards.current.title') }} +
++ {{ representationGuide.source }} +
++ {{ representationGuide.fill }} +
+
+
+
+
+
+ {{ typeCompatibilitySummary }}
++ {{ typeCompatibilityStatus }} +
+-
+
- {{ warning }} +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ t('integrations.show.propertySelectValues.recommendation.searching') }}
+
+
+
+
+
+
+
+ + {{ t('integrations.show.propertySelectValues.recommendation.none') }} +
+
+
+
+
+
+
+
+
+ {{ field.label }}
++ {{ formatMetadataValue(propertyMetadata?.[field.key], field.boolean) }} +
+
+
+
+
+
+
+
+
+ + {{ t('integrations.show.mirakl.properties.labels.labelTranslations') }} +
+-
+
- + {{ item.value || '—' }} + + {{ item.locale || '—' }} + + +
—
+
+
+ + {{ t('integrations.show.mirakl.properties.labels.descriptionTranslations') }} +
+-
+
- + {{ item.value || '—' }} + + {{ item.locale || '—' }} + + +
—
+
+
+
+
+
+ {{ section.label }}
+{{ formatJson(propertyMetadata?.[section.key]) }}
+
+
+
+
+
diff --git a/src/core/integrations/integrations/integrations-show/containers/properties/containers/remote-properties/IntegrationsRemotePropertyEditController.vue b/src/core/integrations/integrations/integrations-show/containers/properties/containers/remote-properties/IntegrationsRemotePropertyEditController.vue
index 33b3aac2..2f826e1d 100644
--- a/src/core/integrations/integrations/integrations-show/containers/properties/containers/remote-properties/IntegrationsRemotePropertyEditController.vue
+++ b/src/core/integrations/integrations/integrations-show/containers/properties/containers/remote-properties/IntegrationsRemotePropertyEditController.vue
@@ -5,6 +5,7 @@ import { IntegrationTypes } from "../../../../../integrations";
import AmazonEditProperty from "../amazon-properties/containers/AmazonEditProperty.vue";
import EbayEditProperty from "../ebay-properties/containers/EbayEditProperty.vue";
import SheinEditProperty from "../shein-properties/containers/SheinEditProperty.vue";
+import MiraklEditProperty from "../mirakl-properties/MiraklEditProperty.vue";
const route = useRoute();
@@ -14,6 +15,7 @@ const componentMap: Record
+
+
+
+
+ + {{ t('integrations.show.properties.bulkAssignTitle', { count: props.selectedEntities.length }) }} +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + {{ t('integrations.show.mirakl.properties.sections.translations') }} +
+
+
+
+
+ + {{ t('integrations.show.mirakl.properties.labels.labelTranslations') }} +
+-
+
- + {{ item.value || '—' }} + + {{ item.locale || '—' }} + + +
—
+
+
+ + {{ t('integrations.show.mirakl.selectValues.labels.valueLabelTranslations') }} +
+-
+
- + {{ item.value || '—' }} + + {{ item.locale || '—' }} + + +
—
+{{ formatJson(form.rawData) }}
+
+
+
diff --git a/src/core/integrations/integrations/integrations-show/containers/rules/IntegrationsRemoteProductTypeEditController.vue b/src/core/integrations/integrations/integrations-show/containers/rules/IntegrationsRemoteProductTypeEditController.vue
index a345fa93..dd58408e 100644
--- a/src/core/integrations/integrations/integrations-show/containers/rules/IntegrationsRemoteProductTypeEditController.vue
+++ b/src/core/integrations/integrations/integrations-show/containers/rules/IntegrationsRemoteProductTypeEditController.vue
@@ -11,7 +11,9 @@ import ImportedAmazonProductType from './containers/amazon-product-types/Importe
import ImportedEbayProductType from './containers/ebay-product-types/ImportedEbayProductType.vue';
import AmazonMappedRemoteProductType from './containers/amazon-product-types/AmazonMappedRemoteProductType.vue';
import EbayMappedRemoteProductType from './containers/ebay-product-types/EbayMappedRemoteProductType.vue';
+import ImportedMiraklProductType from './containers/mirakl-product-types/ImportedMiraklProductType.vue';
import ImportedSheinProductType from './containers/shein-product-types/ImportedSheinProductType.vue';
+import MiraklMappedRemoteProductType from './containers/mirakl-product-types/MiraklMappedRemoteProductType.vue';
import SheinMappedRemoteProductType from './containers/shein-product-types/SheinMappedRemoteProductType.vue';
import { IntegrationTypes } from '../../../integrations';
@@ -34,6 +36,10 @@ const componentRegistry: Record {
diff --git a/src/core/integrations/integrations/integrations-show/containers/rules/Rules.vue b/src/core/integrations/integrations/integrations-show/containers/rules/Rules.vue
index ea56011a..915088e3 100644
--- a/src/core/integrations/integrations/integrations-show/containers/rules/Rules.vue
+++ b/src/core/integrations/integrations/integrations-show/containers/rules/Rules.vue
@@ -3,6 +3,7 @@ import { computed } from 'vue';
import { IntegrationTypes } from '../../../integrations';
import { AmazonProductTypes } from './containers/amazon-product-types';
import { EbayProductTypes } from './containers/ebay-product-types';
+import { MiraklProductTypes } from './containers/mirakl-product-types';
import { SheinProductTypes } from './containers/shein-product-types';
const props = defineProps<{ id: string; salesChannelId: string; type: string }>();
@@ -16,6 +17,8 @@ const currentComponent = computed(() => {
return EbayProductTypes;
case IntegrationTypes.Shein:
return SheinProductTypes;
+ case IntegrationTypes.Mirakl:
+ return MiraklProductTypes;
default:
return null;
}
diff --git a/src/core/integrations/integrations/integrations-show/containers/rules/containers/mirakl-product-types/ImportedMiraklProductType.vue b/src/core/integrations/integrations/integrations-show/containers/rules/containers/mirakl-product-types/ImportedMiraklProductType.vue
new file mode 100644
index 00000000..05c90e22
--- /dev/null
+++ b/src/core/integrations/integrations/integrations-show/containers/rules/containers/mirakl-product-types/ImportedMiraklProductType.vue
@@ -0,0 +1,9 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/core/integrations/integrations/integrations-show/containers/rules/containers/mirakl-product-types/MiraklProductTypes.vue b/src/core/integrations/integrations/integrations-show/containers/rules/containers/mirakl-product-types/MiraklProductTypes.vue
new file mode 100644
index 00000000..df07f5b2
--- /dev/null
+++ b/src/core/integrations/integrations/integrations-show/containers/rules/containers/mirakl-product-types/MiraklProductTypes.vue
@@ -0,0 +1,19 @@
+
+
+
+
-
+
+
+
+
+
+ + {{ t('integrations.show.mirakl.productRules.templateHelp.eyebrow') }} +
++ {{ t('integrations.show.mirakl.productRules.templateHelp.title') }} +
++ {{ t('integrations.show.mirakl.productRules.templateHelp.description') }} +
+
+
+ -
+
- + 1 + {{ t('integrations.show.mirakl.productRules.templateHelp.steps.step1') }} + +
- + 2 + {{ t('integrations.show.mirakl.productRules.templateHelp.steps.step2') }} + +
- + 3 + {{ t('integrations.show.mirakl.productRules.templateHelp.steps.step3') }} + +
- + 4 + {{ t('integrations.show.mirakl.productRules.templateHelp.steps.step4') }} + +
+ ![]()
+
+
+
+
+
+