@wix/headless-instagram 0.0.9 → 0.0.11

package/cjs/dist/react/InstagramFeed.js

@@ -1,6 +1,13 @@
+"use strict";
 // Instagram Feed compound component exports following stores pattern
 // This file creates the Instagram namespace with all components
-export { Root } from './InstagramFeedRoot.js';
-export { UserName } from './UserName.js';
-export { InstagramMedias } from './InstagramMedias.js';
-export { InstagramMedia } from './InstagramMedia.js';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InstagramMedia = exports.InstagramMedias = exports.UserName = exports.Root = void 0;
+var InstagramFeedRoot_js_1 = require("./InstagramFeedRoot.js");
+Object.defineProperty(exports, "Root", { enumerable: true, get: function () { return InstagramFeedRoot_js_1.Root; } });
+var UserName_js_1 = require("./UserName.js");
+Object.defineProperty(exports, "UserName", { enumerable: true, get: function () { return UserName_js_1.UserName; } });
+var InstagramMedias_js_1 = require("./InstagramMedias.js");
+Object.defineProperty(exports, "InstagramMedias", { enumerable: true, get: function () { return InstagramMedias_js_1.InstagramMedias; } });
+var InstagramMedia_js_1 = require("./InstagramMedia.js");
+Object.defineProperty(exports, "InstagramMedia", { enumerable: true, get: function () { return InstagramMedia_js_1.InstagramMedia; } });

package/cjs/dist/react/InstagramFeedRoot.js

@@ -1,7 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { WixServices } from '@wix/services-manager-react';
-import { createServicesMap } from '@wix/services-manager';
-import { InstagramFeedService, InstagramFeedServiceDefinition, } from '../services/index.js';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Root = Root;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const services_manager_react_1 = require("@wix/services-manager-react");
+const services_manager_1 = require("@wix/services-manager");
+const index_js_1 = require("../services/index.js");
 /**
  * Root component that provides Instagram feed service context using WixServices.
  * This follows the same service-based pattern as the stores package.
@@ -9,11 +12,11 @@ import { InstagramFeedService, InstagramFeedServiceDefinition, } from '../servic
  * @order 1
  * @component
  */
-export function Root(props) {
+function Root(props) {
     const { children, instagramFeedServiceConfig, className, ...attrs } = props;
     const attributes = {
         className,
         ...attrs,
     };
-    return (_jsx(WixServices, { servicesMap: createServicesMap().addService(InstagramFeedServiceDefinition, InstagramFeedService, instagramFeedServiceConfig), children: _jsx("div", { ...attributes, children: children }) }));
+    return ((0, jsx_runtime_1.jsx)(services_manager_react_1.WixServices, { servicesMap: (0, services_manager_1.createServicesMap)().addService(index_js_1.InstagramFeedServiceDefinition, index_js_1.InstagramFeedService, instagramFeedServiceConfig), children: (0, jsx_runtime_1.jsx)("div", { ...attributes, children: children }) }));
 }

package/cjs/dist/react/InstagramMedia.js

@@ -1,71 +1,111 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import React from 'react';
-import { AsChildSlot } from '@wix/headless-utils/react';
-import * as CoreInstagramMedia from './core/InstagramMedia.js';
-import { WixServices } from '@wix/services-manager-react';
-import { createServicesMap } from '@wix/services-manager';
-import { InstagramMediaItemServiceDefinition, InstagramMediaItemService, } from '../services/index.js';
-import * as CoreInstagramMedias from './core/InstagramMedias.js';
-import { MediaGallery } from '@wix/headless-media/react';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InstagramMedia = exports.MediaGalleryItems = exports.MediaGalleries = exports.Timestamp = exports.UserName = exports.MediaType = exports.Caption = exports.TestIds = exports.MediaGalleryRepeater = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@wix/headless-utils/react");
+const CoreInstagramMedia = __importStar(require("./core/InstagramMedia.js"));
+const services_manager_react_1 = require("@wix/services-manager-react");
+const services_manager_1 = require("@wix/services-manager");
+const index_js_1 = require("../services/index.js");
+const CoreInstagramMedias = __importStar(require("./core/InstagramMedias.js"));
+const react_3 = require("@wix/headless-media/react");
 /**
  * Repeats children for each Instagram media item, providing a per-item service context.
  */
-export const MediaGalleryRepeater = ({ children, }) => {
-    return (_jsx(CoreInstagramMedias.InstagramMedias, { children: ({ hasItems, mediaItems }) => {
+const MediaGalleryRepeater = ({ children, }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreInstagramMedias.InstagramMedias, { children: ({ hasItems, mediaItems }) => {
             console.log('mediaItems', mediaItems);
             if (!hasItems)
                 return null;
-            return (_jsx(_Fragment, { children: mediaItems.map((mediaItem, index) => {
+            return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: mediaItems.map((mediaItem, index) => {
                     console.log('mediaItem', mediaItem.mediaGalleryItems);
-                    return (_jsx(WixServices, { servicesMap: createServicesMap().addService(InstagramMediaItemServiceDefinition, InstagramMediaItemService, { mediaItem, index }), children: _jsx(MediaGallery.Root, { mediaGalleryServiceConfig: {
+                    return ((0, jsx_runtime_1.jsx)(services_manager_react_1.WixServices, { servicesMap: (0, services_manager_1.createServicesMap)().addService(index_js_1.InstagramMediaItemServiceDefinition, index_js_1.InstagramMediaItemService, { mediaItem, index }), children: (0, jsx_runtime_1.jsx)(react_3.MediaGallery.Root, { mediaGalleryServiceConfig: {
                                 media: mediaItem.mediaGalleryItems,
                             }, children: children }) }, mediaItem.id || index));
                 }) }));
         } }));
 };
-export var TestIds;
+exports.MediaGalleryRepeater = MediaGalleryRepeater;
+var TestIds;
 (function (TestIds) {
     TestIds["instagramMediaCaption"] = "instagram-media-caption";
     TestIds["instagramMediaType"] = "instagram-media-type";
     TestIds["instagramMediaUserName"] = "instagram-media-username";
     TestIds["instagramMediaTimestamp"] = "instagram-media-timestamp";
     TestIds["instagramMediaGalleries"] = "instagram-media-galleries";
-})(TestIds || (TestIds = {}));
-export const Caption = React.forwardRef((props, ref) => {
+})(TestIds || (exports.TestIds = TestIds = {}));
+exports.Caption = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className, ...otherProps } = props;
-    return (_jsx(CoreInstagramMedia.Caption, { children: ({ caption }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.instagramMediaCaption, customElement: children, customElementProps: { caption }, content: caption ?? '', ...otherProps, children: _jsx("span", { children: caption }) })) }));
+    return ((0, jsx_runtime_1.jsx)(CoreInstagramMedia.Caption, { children: ({ caption }) => ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.instagramMediaCaption, customElement: children, customElementProps: { caption }, content: caption ?? '', ...otherProps, children: (0, jsx_runtime_1.jsx)("span", { children: caption }) })) }));
 });
-export const MediaType = React.forwardRef((props, ref) => {
+exports.MediaType = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className, ...otherProps } = props;
-    return (_jsx(CoreInstagramMedia.MediaType, { children: ({ mediaType }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.instagramMediaType, customElement: children, customElementProps: { mediaType }, content: mediaType, ...otherProps, children: _jsx("span", { children: mediaType }) })) }));
+    return ((0, jsx_runtime_1.jsx)(CoreInstagramMedia.MediaType, { children: ({ mediaType }) => ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.instagramMediaType, customElement: children, customElementProps: { mediaType }, content: mediaType, ...otherProps, children: (0, jsx_runtime_1.jsx)("span", { children: mediaType }) })) }));
 });
-export const UserName = React.forwardRef((props, ref) => {
+exports.UserName = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className, ...otherProps } = props;
-    return (_jsx(CoreInstagramMedia.UserName, { children: ({ userName }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.instagramMediaUserName, customElement: children, customElementProps: { userName }, content: userName ?? '', ...otherProps, children: _jsx("span", { children: userName }) })) }));
+    return ((0, jsx_runtime_1.jsx)(CoreInstagramMedia.UserName, { children: ({ userName }) => ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.instagramMediaUserName, customElement: children, customElementProps: { userName }, content: userName ?? '', ...otherProps, children: (0, jsx_runtime_1.jsx)("span", { children: userName }) })) }));
 });
-export const Timestamp = React.forwardRef((props, ref) => {
+exports.Timestamp = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className, ...otherProps } = props;
-    return (_jsx(CoreInstagramMedia.Timestamp, { children: ({ timestamp }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.instagramMediaTimestamp, customElement: children, customElementProps: { timestamp }, content: timestamp, ...otherProps, children: _jsx("time", { dateTime: timestamp, children: timestamp }) })) }));
+    return ((0, jsx_runtime_1.jsx)(CoreInstagramMedia.Timestamp, { children: ({ timestamp }) => ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.instagramMediaTimestamp, customElement: children, customElementProps: { timestamp }, content: timestamp, ...otherProps, children: (0, jsx_runtime_1.jsx)("time", { dateTime: timestamp, children: timestamp }) })) }));
 });
-export const MediaGalleries = React.forwardRef((props, ref) => {
+exports.MediaGalleries = react_1.default.forwardRef((props, ref) => {
     const { children, className, ...otherProps } = props;
-    return (_jsx("div", { ref: ref, className: className, "data-testid": TestIds.instagramMediaGalleries, ...otherProps, children: children }));
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: className, "data-testid": TestIds.instagramMediaGalleries, ...otherProps, children: children }));
 });
-export const MediaGalleryItems = React.forwardRef(({ children, className, ...otherProps }, ref) => {
-    return (_jsx("div", { ref: ref, className: className, ...otherProps, children: children }));
+exports.MediaGalleryItems = react_1.default.forwardRef(({ children, className, ...otherProps }, ref) => {
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: className, ...otherProps, children: children }));
 });
-export const InstagramMedia = {
-    Root: ({ children }) => _jsx(_Fragment, { children: children }),
-    Caption,
-    MediaType,
-    UserName,
-    Timestamp,
-    MediaGalleries,
-    MediaGalleryItems,
-    MediaGalleryRepeater,
+exports.InstagramMedia = {
+    Root: ({ children }) => (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }),
+    Caption: exports.Caption,
+    MediaType: exports.MediaType,
+    UserName: exports.UserName,
+    Timestamp: exports.Timestamp,
+    MediaGalleries: exports.MediaGalleries,
+    MediaGalleryItems: exports.MediaGalleryItems,
+    MediaGalleryRepeater: exports.MediaGalleryRepeater,
     // lowercase aliases (new interface)
-    caption: Caption,
-    mediaType: MediaType,
-    userName: UserName,
-    timestamp: Timestamp,
+    caption: exports.Caption,
+    mediaType: exports.MediaType,
+    userName: exports.UserName,
+    timestamp: exports.Timestamp,
 };

package/cjs/dist/react/InstagramMedias.js

@@ -1,16 +1,55 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import * as CoreInstagramMedias from './core/InstagramMedias.js';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InstagramMedias = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const CoreInstagramMedias = __importStar(require("./core/InstagramMedias.js"));
 /**
  * Container for Instagram media items list.
  * Renders nothing (or emptyState) when there are no media items.
  */
-export const InstagramMedias = React.forwardRef((props, ref) => {
+exports.InstagramMedias = react_1.default.forwardRef((props, ref) => {
     const { children, emptyState } = props;
-    return (_jsx(CoreInstagramMedias.InstagramMedias, { children: ({ hasItems }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreInstagramMedias.InstagramMedias, { children: ({ hasItems }) => {
             if (!hasItems) {
                 return emptyState || null;
             }
-            return _jsx("div", { ref: ref, children: children });
+            return (0, jsx_runtime_1.jsx)("div", { ref: ref, children: children });
         } }));
 });

package/cjs/dist/react/UserName.js

@@ -1,8 +1,47 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { AsChildSlot } from '@wix/headless-utils/react';
-import * as CoreUserName from './core/UserName.js';
-export const UserName = React.forwardRef((props, ref) => {
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserName = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@wix/headless-utils/react");
+const CoreUserName = __importStar(require("./core/UserName.js"));
+exports.UserName = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className, ...otherProps } = props;
-    return (_jsx(CoreUserName.UserName, { unknownLabel: props.unknownLabel, children: ({ displayName, displayValue }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, customElement: children, customElementProps: { displayName }, content: displayValue, ...otherProps, children: _jsx("span", { children: displayValue }) })) }));
+    return ((0, jsx_runtime_1.jsx)(CoreUserName.UserName, { unknownLabel: props.unknownLabel, children: ({ displayName, displayValue }) => ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, customElement: children, customElementProps: { displayName }, content: displayValue, ...otherProps, children: (0, jsx_runtime_1.jsx)("span", { children: displayValue }) })) }));
 });

package/cjs/dist/react/core/InstagramMedia.js

@@ -1,10 +1,17 @@
-import { useService } from '@wix/services-manager-react';
-import { InstagramMediaItemServiceDefinition, InstagramFeedServiceDefinition, } from '../../services/index.js';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Caption = Caption;
+exports.MediaType = MediaType;
+exports.UserName = UserName;
+exports.Timestamp = Timestamp;
+exports.MediaGalleryRepeater = MediaGalleryRepeater;
+const services_manager_react_1 = require("@wix/services-manager-react");
+const index_js_1 = require("../../services/index.js");
 /**
  * Headless component for Instagram media caption
  */
-export function Caption(props) {
-    const mediaItemService = useService(InstagramMediaItemServiceDefinition);
+function Caption(props) {
+    const mediaItemService = (0, services_manager_react_1.useService)(index_js_1.InstagramMediaItemServiceDefinition);
     const { caption } = mediaItemService.mediaItem.get();
     return props.children({
         caption,
@@ -13,8 +20,8 @@ export function Caption(props) {
 /**
  * Headless component for Instagram media type
  */
-export function MediaType(props) {
-    const mediaItemService = useService(InstagramMediaItemServiceDefinition);
+function MediaType(props) {
+    const mediaItemService = (0, services_manager_react_1.useService)(index_js_1.InstagramMediaItemServiceDefinition);
     const { type } = mediaItemService.mediaItem.get();
     return props.children({
         mediaType: type,
@@ -23,8 +30,8 @@ export function MediaType(props) {
 /**
  * Headless component for Instagram media username
  */
-export function UserName(props) {
-    const feedService = useService(InstagramFeedServiceDefinition);
+function UserName(props) {
+    const feedService = (0, services_manager_react_1.useService)(index_js_1.InstagramFeedServiceDefinition);
     const account = feedService.feedData.get().account;
     const userName = account?.instagramInfo?.instagramUsername;
     return props.children({
@@ -34,8 +41,8 @@ export function UserName(props) {
 /**
  * Headless component for Instagram media timestamp
  */
-export function Timestamp(props) {
-    const mediaItemService = useService(InstagramMediaItemServiceDefinition);
+function Timestamp(props) {
+    const mediaItemService = (0, services_manager_react_1.useService)(index_js_1.InstagramMediaItemServiceDefinition);
     const { timestamp } = mediaItemService.mediaItem.get();
     return props.children({
         timestamp,
@@ -44,8 +51,8 @@ export function Timestamp(props) {
 /**
  * Headless component for Instagram media gallery repeater
  */
-export function MediaGalleryRepeater(props) {
-    const mediaItemService = useService(InstagramMediaItemServiceDefinition);
+function MediaGalleryRepeater(props) {
+    const mediaItemService = (0, services_manager_react_1.useService)(index_js_1.InstagramMediaItemServiceDefinition);
     const mediaItem = mediaItemService.mediaItem.get();
     const media = (mediaItem?.type === 'video' ? mediaItem.thumbnailUrl : mediaItem?.mediaUrl)
         ? [

package/cjs/dist/react/core/InstagramMedias.js

@@ -1,11 +1,14 @@
-import { useService } from '@wix/services-manager-react';
-import { InstagramFeedServiceDefinition } from '../../services/index.js';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InstagramMedias = InstagramMedias;
+const services_manager_react_1 = require("@wix/services-manager-react");
+const index_js_1 = require("../../services/index.js");
 /**
  * Headless component for Instagram medias
  * Handles service logic and provides render props with media items data
  */
-export function InstagramMedias(props) {
-    const instagramFeedService = useService(InstagramFeedServiceDefinition);
+function InstagramMedias(props) {
+    const instagramFeedService = (0, services_manager_react_1.useService)(index_js_1.InstagramFeedServiceDefinition);
     const feedData = instagramFeedService.feedData.get();
     const hasItems = feedData.mediaItems.length > 0;
     // Convert Instagram media items to MediaGallery format

package/cjs/dist/react/core/Root.js

@@ -1,8 +1,11 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createServicesMap } from '@wix/services-manager';
-import { WixServices } from '@wix/services-manager-react';
-import { InstagramFeedService, InstagramFeedServiceDefinition, } from '../../services/index.js';
-export function Root(props) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Root = Root;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const services_manager_1 = require("@wix/services-manager");
+const services_manager_react_1 = require("@wix/services-manager-react");
+const index_js_1 = require("../../services/index.js");
+function Root(props) {
     const { children, instagramFeedServiceConfig } = props;
-    return (_jsx(WixServices, { servicesMap: createServicesMap().addService(InstagramFeedServiceDefinition, InstagramFeedService, instagramFeedServiceConfig), children: children }));
+    return ((0, jsx_runtime_1.jsx)(services_manager_react_1.WixServices, { servicesMap: (0, services_manager_1.createServicesMap)().addService(index_js_1.InstagramFeedServiceDefinition, index_js_1.InstagramFeedService, instagramFeedServiceConfig), children: children }));
 }

package/cjs/dist/react/core/UserName.js

@@ -1,12 +1,15 @@
-import { useService } from '@wix/services-manager-react';
-import { InstagramFeedServiceDefinition } from '../../services/index.js';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserName = UserName;
+const services_manager_react_1 = require("@wix/services-manager-react");
+const index_js_1 = require("../../services/index.js");
 /**
  * Headless component for Instagram account username
  * Handles service logic and provides render props with username data
  */
-export function UserName(props) {
+function UserName(props) {
     const { unknownLabel = 'unknown' } = props;
-    const instagramFeedService = useService(InstagramFeedServiceDefinition);
+    const instagramFeedService = (0, services_manager_react_1.useService)(index_js_1.InstagramFeedServiceDefinition);
     const feedData = instagramFeedService.feedData.get();
     const displayName = feedData.account?.instagramInfo?.instagramUsername || unknownLabel;
     const displayValue = `@${displayName}`;

package/cjs/dist/react/core/index.js

@@ -1,5 +1,16 @@
-export { Root } from './Root.js';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MediaGalleryRepeater = exports.InstagramMediaTimestamp = exports.InstagramMediaUserName = exports.InstagramMediaType = exports.InstagramMediaCaption = exports.InstagramMedias = exports.CoreUserName = exports.Root = void 0;
+var Root_js_1 = require("./Root.js");
+Object.defineProperty(exports, "Root", { enumerable: true, get: function () { return Root_js_1.Root; } });
 // New core components
-export { UserName as CoreUserName, } from './UserName.js';
-export { InstagramMedias, } from './InstagramMedias.js';
-export { Caption as InstagramMediaCaption, MediaType as InstagramMediaType, UserName as InstagramMediaUserName, Timestamp as InstagramMediaTimestamp, MediaGalleryRepeater, } from './InstagramMedia.js';
+var UserName_js_1 = require("./UserName.js");
+Object.defineProperty(exports, "CoreUserName", { enumerable: true, get: function () { return UserName_js_1.UserName; } });
+var InstagramMedias_js_1 = require("./InstagramMedias.js");
+Object.defineProperty(exports, "InstagramMedias", { enumerable: true, get: function () { return InstagramMedias_js_1.InstagramMedias; } });
+var InstagramMedia_js_1 = require("./InstagramMedia.js");
+Object.defineProperty(exports, "InstagramMediaCaption", { enumerable: true, get: function () { return InstagramMedia_js_1.Caption; } });
+Object.defineProperty(exports, "InstagramMediaType", { enumerable: true, get: function () { return InstagramMedia_js_1.MediaType; } });
+Object.defineProperty(exports, "InstagramMediaUserName", { enumerable: true, get: function () { return InstagramMedia_js_1.UserName; } });
+Object.defineProperty(exports, "InstagramMediaTimestamp", { enumerable: true, get: function () { return InstagramMedia_js_1.Timestamp; } });
+Object.defineProperty(exports, "MediaGalleryRepeater", { enumerable: true, get: function () { return InstagramMedia_js_1.MediaGalleryRepeater; } });

package/cjs/dist/react/index.js

@@ -1,2 +1,39 @@
-export * as InstagramFeed from './InstagramFeed.js';
-export { InstagramMedia } from './InstagramMedia.js';
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InstagramMedia = exports.InstagramFeed = void 0;
+exports.InstagramFeed = __importStar(require("./InstagramFeed.js"));
+var InstagramMedia_js_1 = require("./InstagramMedia.js");
+Object.defineProperty(exports, "InstagramMedia", { enumerable: true, get: function () { return InstagramMedia_js_1.InstagramMedia; } });

package/cjs/dist/services/index.js

@@ -1,2 +1,10 @@
-export { InstagramFeedService, InstagramFeedServiceDefinition, loadInstagramFeedServiceConfig, } from './instagram-feed-service.js';
-export { InstagramMediaItemService, InstagramMediaItemServiceDefinition, } from './instagram-media-item-service.js';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InstagramMediaItemServiceDefinition = exports.InstagramMediaItemService = exports.loadInstagramFeedServiceConfig = exports.InstagramFeedServiceDefinition = exports.InstagramFeedService = void 0;
+var instagram_feed_service_js_1 = require("./instagram-feed-service.js");
+Object.defineProperty(exports, "InstagramFeedService", { enumerable: true, get: function () { return instagram_feed_service_js_1.InstagramFeedService; } });
+Object.defineProperty(exports, "InstagramFeedServiceDefinition", { enumerable: true, get: function () { return instagram_feed_service_js_1.InstagramFeedServiceDefinition; } });
+Object.defineProperty(exports, "loadInstagramFeedServiceConfig", { enumerable: true, get: function () { return instagram_feed_service_js_1.loadInstagramFeedServiceConfig; } });
+var instagram_media_item_service_js_1 = require("./instagram-media-item-service.js");
+Object.defineProperty(exports, "InstagramMediaItemService", { enumerable: true, get: function () { return instagram_media_item_service_js_1.InstagramMediaItemService; } });
+Object.defineProperty(exports, "InstagramMediaItemServiceDefinition", { enumerable: true, get: function () { return instagram_media_item_service_js_1.InstagramMediaItemServiceDefinition; } });

package/cjs/dist/services/instagram-feed-service.js

@@ -1,7 +1,11 @@
-import { defineService, implementService } from '@wix/services-definitions';
-import { SignalsServiceDefinition, } from '@wix/services-definitions/core-services/signals';
-import { accounts } from '@wix/instagram-account';
-import { media } from '@wix/instagram-media';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InstagramFeedService = exports.InstagramFeedServiceDefinition = void 0;
+exports.loadInstagramFeedServiceConfig = loadInstagramFeedServiceConfig;
+const services_definitions_1 = require("@wix/services-definitions");
+const signals_1 = require("@wix/services-definitions/core-services/signals");
+const instagram_account_1 = require("@wix/instagram-account");
+const instagram_media_1 = require("@wix/instagram-media");
 /**
  * Default Instagram feed data
  */
@@ -13,7 +17,7 @@ const defaultInstagramFeedData = {
  * Service definition for the Instagram Feed service.
  * This defines the reactive API contract for managing Instagram feed data.
  */
-export const InstagramFeedServiceDefinition = defineService('instagram-feed');
+exports.InstagramFeedServiceDefinition = (0, services_definitions_1.defineService)('instagram-feed');
 /**
  * Implementation of the Instagram Feed service that manages reactive Instagram feed data.
  * This service provides signals for feed data, loading state, and error handling,
@@ -47,8 +51,8 @@ export const InstagramFeedServiceDefinition = defineService('instagram-feed');
  * }
  * ```
  */
-export const InstagramFeedService = implementService.withConfig()(InstagramFeedServiceDefinition, ({ getService, config }) => {
-    const signalsService = getService(SignalsServiceDefinition);
+exports.InstagramFeedService = services_definitions_1.implementService.withConfig()(exports.InstagramFeedServiceDefinition, ({ getService, config }) => {
+    const signalsService = getService(signals_1.SignalsServiceDefinition);
     const feedData = signalsService.signal(config.feedData || defaultInstagramFeedData);
     const isLoading = signalsService.signal(!!config.accountId);
     const error = signalsService.signal(null);
@@ -57,9 +61,9 @@ export const InstagramFeedService = implementService.withConfig()(InstagramFeedS
             isLoading.set(true);
             error.set(null);
             // Load Instagram account information
-            const accountResponse = await accounts.getInstagramAccount(accountId);
+            const accountResponse = await instagram_account_1.accounts.getInstagramAccount(accountId);
             // Load Instagram media for the account
-            const mediaResponse = await media.listInstagramAccountMedia(accountId);
+            const mediaResponse = await instagram_media_1.media.listInstagramAccountMedia(accountId);
             // Transform SDK media to our interface format
             const transformedMedia = mediaResponse.media?.map((mediaItem) => ({
                 id: mediaItem._id || mediaItem.mediaId || '',
@@ -149,19 +153,19 @@ export const InstagramFeedService = implementService.withConfig()(InstagramFeedS
  * }
  * ```
  */
-export async function loadInstagramFeedServiceConfig(input) {
+async function loadInstagramFeedServiceConfig(input) {
     try {
         const { accountId, limit } = input;
         if (!accountId) {
             return { type: 'notFound' };
         }
         // Load Instagram account information using SDK
-        const accountResponse = await accounts.getInstagramAccount(accountId);
+        const accountResponse = await instagram_account_1.accounts.getInstagramAccount(accountId);
         if (!accountResponse) {
             return { type: 'notFound' };
         }
         // Load initial media items using SDK
-        const mediaResponse = await media.listInstagramAccountMedia(accountId);
+        const mediaResponse = await instagram_media_1.media.listInstagramAccountMedia(accountId);
         // Transform SDK media to our interface format
         const transformedMedia = mediaResponse.media?.map((mediaItem) => ({
             id: mediaItem._id || mediaItem.mediaId || '',

package/cjs/dist/services/instagram-media-item-service.js

@@ -1,9 +1,12 @@
-import { defineService, implementService } from '@wix/services-definitions';
-import { SignalsServiceDefinition, } from '@wix/services-definitions/core-services/signals';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InstagramMediaItemService = exports.InstagramMediaItemServiceDefinition = void 0;
+const services_definitions_1 = require("@wix/services-definitions");
+const signals_1 = require("@wix/services-definitions/core-services/signals");
 /**
  * Service definition for Instagram Media Item
  */
-export const InstagramMediaItemServiceDefinition = defineService('instagramMediaItem');
+exports.InstagramMediaItemServiceDefinition = (0, services_definitions_1.defineService)('instagramMediaItem');
 /**
  * Implementation of the Instagram Media Item service that manages reactive media item data.
  * This service provides signals for individual media item data and its index position.
@@ -44,8 +47,8 @@ export const InstagramMediaItemServiceDefinition = defineService('instagramMedia
  * }
  * ```
  */
-export const InstagramMediaItemService = implementService.withConfig()(InstagramMediaItemServiceDefinition, ({ getService, config }) => {
-    const signalsService = getService(SignalsServiceDefinition);
+exports.InstagramMediaItemService = services_definitions_1.implementService.withConfig()(exports.InstagramMediaItemServiceDefinition, ({ getService, config }) => {
+    const signalsService = getService(signals_1.SignalsServiceDefinition);
     const mediaItem = signalsService.signal(config.mediaItem);
     const index = signalsService.signal(config.index);
     return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/headless-instagram",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "license": "MIT",
   "type": "module",
   "scripts": {
@@ -9,7 +9,8 @@
     "build:cjs": "tsc -p tsconfig.cjs.json",
     "test": "vitest --run",
     "lint:fix": "prettier --write \"src/**/*.{ts,tsx,js,jsx,json,md}\"",
-    "lint:check": "prettier --check \"src/**/*.{ts,tsx,js,jsx,json,md}\""
+    "lint:check": "prettier --check \"src/**/*.{ts,tsx,js,jsx,json,md}\"",
+    "test:cjs-esm": "npx @wix/cjs-esm-verifier"
   },
   "files": [
     "dist",
@@ -40,6 +41,7 @@
     "@testing-library/react": "^16.3.0",
     "@types/node": "^20.9.0",
     "@vitest/ui": "^3.1.4",
+    "@wix/cjs-esm-verifier": "1.0.0",
     "@wix/headless-components": "0.0.0",
     "jsdom": "^26.1.0",
     "prettier": "^3.4.2",
@@ -49,8 +51,8 @@
   "dependencies": {
     "@radix-ui/react-slot": "^1.2.3",
     "@wix/essentials": "^0.1.24",
-    "@wix/headless-media": "0.0.20",
-    "@wix/headless-utils": "0.0.8",
+    "@wix/headless-media": "0.0.22",
+    "@wix/headless-utils": "0.0.9",
     "@wix/instagram-account": "^1.0.16",
     "@wix/instagram-media": "^1.0.13",
     "@wix/services-definitions": "^1.0.1",
@@ -69,5 +71,5 @@
       "groupId": "com.wixpress.headless-components"
     }
   },
-  "falconPackageHash": "01da1793975eb36673902cbfe974aae63cd59319f1701522b2a40272"
+  "falconPackageHash": "81cb83dbea428aceed9efe0022fea6bd34a9ad4ecb64fbabd62086de"
 }

package/cjs/dist/vitest.setup.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom/vitest';

package/cjs/dist/vitest.setup.js

@@ -1 +0,0 @@
-import '@testing-library/jest-dom/vitest';

package/dist/vitest.setup.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom/vitest';

package/dist/vitest.setup.js

@@ -1 +0,0 @@
-import '@testing-library/jest-dom/vitest';