@imposium-hub/components 2.14.11 → 2.15.0-1

package/dist/esm/services/Session.js

@@ -0,0 +1,107 @@
+import * as Cookies from 'js-cookie';
+import axios from 'axios';
+export default class SessionService {
+    static LOGIN_STORY_ID_CACHE = 'imp_hub_last_story_id';
+    static LOGIN_ORG_ID_CACHE = 'imp_hub_last_org_id';
+    static SESSION_COOKIE_NAME = 'auth_state';
+    static FRESH_COOKIE = {
+        sub: '',
+        organization_id: '',
+        story_id: ''
+    };
+    /*
+        Get list of accessible services with themes from Imposium API
+    */
+    static getAccessData = (idToken, baseUrl, getTotalRenders = false, accountId) => {
+        return new Promise((resolve, reject) => {
+            let accessUrl = baseUrl ? `${baseUrl}/access` : SessionService.determineAccessUrl();
+            const headers = { Authorization: `Bearer ${idToken}` };
+            if (getTotalRenders) {
+                accessUrl += '?include_total_renders=true';
+            }
+            if (accountId && accountId !== 'undefined') {
+                headers['X-Imposium-Account-Id'] = accountId;
+            }
+            axios
+                .get(accessUrl, { headers })
+                .then((res) => {
+                resolve(res.data ? res.data : []);
+            })
+                .catch((e) => {
+                reject(e);
+            });
+        });
+    };
+    static getSession = () => Cookies.getJSON(SessionService.SESSION_COOKIE_NAME);
+    static removeSession = () => {
+        const domain = SessionService.scrapeDomain();
+        Cookies.remove(SessionService.SESSION_COOKIE_NAME, { domain });
+        SessionService.clearCachedOrgId();
+        SessionService.clearCachedStoryId();
+    };
+    static buildFreshSession = (freshIdentity, orgId = null, storyId = null) => {
+        const { idTokenPayload: { sub, exp } } = freshIdentity;
+        const freshSession = {
+            sub
+        };
+        if (orgId) {
+            freshSession.organization_id = orgId;
+        }
+        if (storyId) {
+            freshSession.story_id = storyId;
+        }
+        SessionService.storeSession(freshSession, exp);
+    };
+    static storeSession = (values, auth0Expiry) => {
+        const cookieData = { ...SessionService.FRESH_COOKIE, ...values };
+        const domain = SessionService.scrapeDomain();
+        const expiry = new Date(auth0Expiry * 1000);
+        Cookies.set(SessionService.SESSION_COOKIE_NAME, cookieData, { domain, expires: expiry });
+    };
+    static cacheOrgId = (organizationId) => {
+        localStorage.setItem(SessionService.LOGIN_ORG_ID_CACHE, organizationId);
+    };
+    static clearCachedOrgId = () => {
+        localStorage.removeItem(SessionService.LOGIN_ORG_ID_CACHE);
+    };
+    static getCachedOrgId = () => {
+        return localStorage.getItem(SessionService.LOGIN_ORG_ID_CACHE);
+    };
+    static cacheStoryId = (storyId) => {
+        localStorage.setItem(SessionService.LOGIN_STORY_ID_CACHE, storyId);
+    };
+    static clearCachedStoryId = () => {
+        localStorage.removeItem(SessionService.LOGIN_STORY_ID_CACHE);
+    };
+    static getCachedStoryId = () => {
+        return localStorage.getItem(SessionService.LOGIN_STORY_ID_CACHE);
+    };
+    static updateSession = (values, auth0Expiry) => {
+        const prevCookieData = SessionService.getSession();
+        const nextCookieData = { ...prevCookieData, ...values };
+        SessionService.storeSession(nextCookieData, auth0Expiry);
+    };
+    /*
+        Determine which domain to assign cookie to
+     */
+    static scrapeDomain = () => {
+        const domainParts = window.location.host.split('.').reverse();
+        return domainParts.length > 2 ? `.${domainParts[1]}.${domainParts[0].split(':')[0]}` : null;
+    };
+    /*
+        Figure out which access endpoint to hit based on env
+    */
+    static determineAccessUrl = () => {
+        const { location: { hostname, host } } = window;
+        if (hostname === 'localhost') {
+            return 'https://api/access';
+        }
+        else if (host.includes('.staging.')) {
+            return 'https://api.staging.imposium.com/access';
+        }
+        else {
+            return 'https://api.imposium.com/access';
+        }
+    };
+}
+//# sourceMappingURL=Session.js.map

package/dist/esm/services/Session.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Session.js","sourceRoot":"","sources":["../../../src/services/Session.ts"],"names":[],"mappings":"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"}

package/dist/styles.css

@@ -2540,6 +2540,37 @@ body a {
   display: flex;
   flex-wrap: wrap;
 }
+.publish-wizard .publish-notes-wrapper {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  margin-top: 14px;
+  width: 100%;
+}
+.publish-wizard .publish-notes-label {
+  font-size: 14px;
+  color: white;
+  font-weight: 600;
+}
+.publish-wizard .publish-notes-textarea {
+  width: 100%;
+  min-height: 72px;
+  box-sizing: border-box;
+  padding: 8px 10px;
+  background: #161616;
+  color: white;
+  border: 1px solid #5f5f5f;
+  border-radius: 3px;
+  font-size: 14px;
+  resize: vertical;
+}
+.publish-wizard .publish-notes-textarea::placeholder {
+  color: #5f5f5f;
+}
+.publish-wizard .publish-notes-textarea:focus {
+  outline: none;
+  border-color: #2d8ceb;
+}
 .publish-wizard .big-link {
   display: flex;
   align-items: center;
@@ -2619,6 +2650,102 @@ body a {
 .crm-publish-name.disabled {
   opacity: 0.5;
 }
+.change-report-tree {
+  background: #161616;
+  border-radius: 4px;
+  padding: 10px;
+  box-sizing: border-box;
+  overflow-y: auto;
+  max-height: 300px;
+  margin-bottom: 12px;
+  color: #dfdfdf;
+}
+.change-report-tree--loading,
+.change-report-tree--empty {
+  color: #B9B8B8;
+  font-style: italic;
+  padding: 10px;
+}
+.change-report-section {
+  margin-bottom: 8px;
+}
+.change-report-section-heading {
+  text-transform: uppercase;
+  font-size: 11px;
+  font-weight: bold;
+  color: #B9B8B8;
+  letter-spacing: 0.05em;
+  padding: 4px 0 2px;
+  border-bottom: 1px solid #5f5f5f;
+  margin-bottom: 4px;
+}
+.change-report-node-row {
+  display: flex;
+  align-items: center;
+  padding: 2px 0;
+  border-radius: 3px;
+}
+.change-report-node-row:hover {
+  background: #353535;
+}
+.change-report-toggle {
+  display: inline-block;
+  width: 16px;
+  font-size: 10px;
+  color: #B9B8B8;
+  cursor: pointer;
+  transition: transform 0.15s ease;
+  flex-shrink: 0;
+}
+.change-report-toggle--expanded {
+  transform: rotate(90deg);
+}
+.change-report-toggle-placeholder {
+  display: inline-block;
+  width: 16px;
+  flex-shrink: 0;
+}
+.change-report-status {
+  display: inline-block;
+  font-size: 10px;
+  font-weight: bold;
+  border-radius: 3px;
+  padding: 1px 5px;
+  margin-right: 6px;
+  flex-shrink: 0;
+}
+.change-report-status--added {
+  background: rgba(86, 176, 94, 0.2);
+  color: #56B05E;
+}
+.change-report-status--removed {
+  background: rgba(175, 17, 38, 0.2);
+  color: #AF1126;
+}
+.change-report-status--modified {
+  background: rgba(143, 123, 37, 0.25);
+  color: #8F7B25;
+}
+.change-report-status--updated {
+  background: rgba(45, 140, 235, 0.2);
+  color: #2d8ceb;
+}
+.change-report-label {
+  font-size: 12px;
+  flex-shrink: 0;
+  margin-right: 6px;
+}
+.change-report-values {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 11px;
+  color: #B9B8B8;
+  flex-wrap: wrap;
+}
+.change-report-value-arrow {
+  color: #5f5f5f;
+}
 .section {
   position: absolute;
   width: 100%;

package/dist/styles.less

@@ -2489,6 +2489,42 @@ body{
         flex-wrap: wrap;
     }
 
+    .publish-notes-wrapper {
+        display: flex;
+        flex-direction: column;
+        gap: 6px;
+        margin-top: 14px;
+        width: 100%;
+    }
+
+    .publish-notes-label {
+        font-size: @sectionFontSize;
+        color: white;
+        font-weight: 600;
+    }
+
+    .publish-notes-textarea {
+        width: 100%;
+        min-height: 72px;
+        box-sizing: border-box;
+        padding: 8px 10px;
+        background: @backgroundDark;
+        color: white;
+        border: 1px solid @backgroundHighlight;
+        border-radius: 3px;
+        font-size: @sectionFontSize;
+        resize: vertical;
+
+        &::placeholder {
+            color: @backgroundHighlight;
+        }
+
+        &:focus {
+            outline: none;
+            border-color: @primary;
+        }
+    }
+
     .big-link{
         display: flex;
         align-items: center;
@@ -2594,6 +2630,122 @@ body{
     }
 }
 
+.change-report-tree {
+    background: @backgroundDark;
+    border-radius: 4px;
+    padding: 10px;
+    box-sizing: border-box;
+    overflow-y: auto;
+    max-height: 300px;
+    margin-bottom: 12px;
+    color: @textDefault;
+
+    &--loading,
+    &--empty {
+        color: @secondary;
+        font-style: italic;
+        padding: 10px;
+    }
+}
+
+.change-report-section {
+    margin-bottom: 8px;
+
+    &-heading {
+        text-transform: uppercase;
+        font-size: 11px;
+        font-weight: bold;
+        color: @secondary;
+        letter-spacing: 0.05em;
+        padding: 4px 0 2px;
+        border-bottom: 1px solid @backgroundHighlight;
+        margin-bottom: 4px;
+    }
+}
+
+.change-report-node {
+    &-row {
+        display: flex;
+        align-items: center;
+        padding: 2px 0;
+        border-radius: 3px;
+
+        &:hover {
+            background: @backgroundLight;
+        }
+    }
+}
+
+.change-report-toggle {
+    display: inline-block;
+    width: 16px;
+    font-size: 10px;
+    color: @secondary;
+    cursor: pointer;
+    transition: transform 0.15s ease;
+    flex-shrink: 0;
+
+    &--expanded {
+        transform: rotate(90deg);
+    }
+}
+
+.change-report-toggle-placeholder {
+    display: inline-block;
+    width: 16px;
+    flex-shrink: 0;
+}
+
+.change-report-status {
+    display: inline-block;
+    font-size: 10px;
+    font-weight: bold;
+    border-radius: 3px;
+    padding: 1px 5px;
+    margin-right: 6px;
+    flex-shrink: 0;
+
+    &--added {
+        background: rgba(86, 176, 94, 0.2);
+        color: @info;
+    }
+
+    &--removed {
+        background: rgba(175, 17, 38, 0.2);
+        color: @danger;
+    }
+
+    &--modified {
+        background: rgba(143, 123, 37, 0.25);
+        color: @warning;
+    }
+
+    &--updated {
+        background: rgba(45, 140, 235, 0.2);
+        color: @primary;
+    }
+}
+
+.change-report-label {
+    font-size: 12px;
+    flex-shrink: 0;
+    margin-right: 6px;
+}
+
+.change-report-values {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    font-size: 11px;
+    color: @secondary;
+    flex-wrap: wrap;
+}
+
+.change-report-value-arrow {
+    color: @backgroundHighlight;
+}
+
+
 @sectionPadding:7px 5px 5px 5px;
 @sectionHeaderHeight:25px;
 @loaderHeight:6px;

package/less/components/change-report.less

@@ -0,0 +1,115 @@
+
+.change-report-tree {
+    background: @backgroundDark;
+    border-radius: 4px;
+    padding: 10px;
+    box-sizing: border-box;
+    overflow-y: auto;
+    max-height: 300px;
+    margin-bottom: 12px;
+    color: @textDefault;
+
+    &--loading,
+    &--empty {
+        color: @secondary;
+        font-style: italic;
+        padding: 10px;
+    }
+}
+
+.change-report-section {
+    margin-bottom: 8px;
+
+    &-heading {
+        text-transform: uppercase;
+        font-size: 11px;
+        font-weight: bold;
+        color: @secondary;
+        letter-spacing: 0.05em;
+        padding: 4px 0 2px;
+        border-bottom: 1px solid @backgroundHighlight;
+        margin-bottom: 4px;
+    }
+}
+
+.change-report-node {
+    &-row {
+        display: flex;
+        align-items: center;
+        padding: 2px 0;
+        border-radius: 3px;
+
+        &:hover {
+            background: @backgroundLight;
+        }
+    }
+}
+
+.change-report-toggle {
+    display: inline-block;
+    width: 16px;
+    font-size: 10px;
+    color: @secondary;
+    cursor: pointer;
+    transition: transform 0.15s ease;
+    flex-shrink: 0;
+
+    &--expanded {
+        transform: rotate(90deg);
+    }
+}
+
+.change-report-toggle-placeholder {
+    display: inline-block;
+    width: 16px;
+    flex-shrink: 0;
+}
+
+.change-report-status {
+    display: inline-block;
+    font-size: 10px;
+    font-weight: bold;
+    border-radius: 3px;
+    padding: 1px 5px;
+    margin-right: 6px;
+    flex-shrink: 0;
+
+    &--added {
+        background: rgba(86, 176, 94, 0.2);
+        color: @info;
+    }
+
+    &--removed {
+        background: rgba(175, 17, 38, 0.2);
+        color: @danger;
+    }
+
+    &--modified {
+        background: rgba(143, 123, 37, 0.25);
+        color: @warning;
+    }
+
+    &--updated {
+        background: rgba(45, 140, 235, 0.2);
+        color: @primary;
+    }
+}
+
+.change-report-label {
+    font-size: 12px;
+    flex-shrink: 0;
+    margin-right: 6px;
+}
+
+.change-report-values {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    font-size: 11px;
+    color: @secondary;
+    flex-wrap: wrap;
+}
+
+.change-report-value-arrow {
+    color: @backgroundHighlight;
+}

package/less/components/publish-wizard.less

@@ -93,6 +93,42 @@
         flex-wrap: wrap;
     }
 
+    .publish-notes-wrapper {
+        display: flex;
+        flex-direction: column;
+        gap: 6px;
+        margin-top: 14px;
+        width: 100%;
+    }
+
+    .publish-notes-label {
+        font-size: @sectionFontSize;
+        color: white;
+        font-weight: 600;
+    }
+
+    .publish-notes-textarea {
+        width: 100%;
+        min-height: 72px;
+        box-sizing: border-box;
+        padding: 8px 10px;
+        background: @backgroundDark;
+        color: white;
+        border: 1px solid @backgroundHighlight;
+        border-radius: 3px;
+        font-size: @sectionFontSize;
+        resize: vertical;
+
+        &::placeholder {
+            color: @backgroundHighlight;
+        }
+
+        &:focus {
+            outline: none;
+            border-color: @primary;
+        }
+    }
+
     .big-link{
         display: flex;
         align-items: center;

package/less/entry.less

@@ -23,6 +23,7 @@
 @import (inline) "components/preview-not-available.less";
 @import (inline) "components/publish-status-indicator.less";
 @import (inline) "components/publish-wizard.less";
+@import (inline) "components/change-report.less";
 @import (inline) "components/section.less";
 @import (inline) "components/shortcut-menu.less";
 @import (inline) "components/spinner.less";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@imposium-hub/components",
-    "version": "2.14.11",
+    "version": "2.15.0-1",
     "description": "React & Typescript component / asset library for Imposium front-ends",
     "main": "./dist/cjs/index.js",
     "module": "./dist/esm/index.js",
@@ -22,11 +22,7 @@
         "release-as": "bash scripts/release-as.sh",
         "format": "prettier --write \"**/*.{,js,json,jsx,ts,tsx,md}\"",
         "check-formatting": "prettier --check \"**/*.{,js,json,jsx,ts,tsx,md}\"",
-        "storybook": "npm run build && start-storybook -p 6066",
-        "test": "vitest",
-        "test:run": "vitest run",
-        "test:coverage": "vitest run --coverage",
-        "test:watch": "vitest --watch"
+        "storybook": "npm run build && start-storybook -p 6066"
     },
     "repository": {
         "type": "git",
@@ -40,15 +36,15 @@
     "homepage": "https://github.com/NickelMedia/Imposium-Hub-Components#readme",
     "dependencies": {
         "@imposium-hub/react-color": "^2.19.4",
-        "@imposium-hub/react-textarea-autocomplete": "^4.9.13-6",
         "@innovid/feature-flags-react": "^1.1.0-6",
+        "@imposium-hub/react-textarea-autocomplete": "^4.9.13-6",
         "ansi_up": "^5.1.0",
         "cogo-toast": "^4.2.3",
         "export-to-csv": "^0.2.1",
         "file-saver": "^2.0.5",
         "imposium-js-sdk": "^3.5.6",
         "js-cookie": "^2.2.1",
-        "lodash": "^4.18.1",
+        "lodash": "^4.17.21",
         "moize": "^6.1.0",
         "moment": "^2.29.1",
         "react-hotkeys-hook": "^4.4.1",
@@ -103,14 +99,12 @@
         "@storybook/addon-storysource": "^8.6.14",
         "@storybook/react": "^8.6.14",
         "@storybook/testing-library": "^0.2.1",
-        "@testing-library/react": "^16.3.2",
         "@types/hoist-non-react-statics": "^3.3.1",
         "@types/offscreencanvas": "^2019.6.4",
         "@types/react": "^18.0.0",
         "@types/resize-observer-browser": "^0.1.5",
         "@typescript-eslint/eslint-plugin": "^5.26.0",
         "@typescript-eslint/parser": "^5.26.0",
-        "@vitest/coverage-v8": "^4.1.3",
         "axios": "^1.9.0",
         "concurrently": "^7.1.0",
         "dpop": "^2.1.1",
@@ -120,7 +114,6 @@
         "eslint-plugin-prefer-arrow": "^1.2.3",
         "eslint-plugin-unused-imports": "^2.0.0",
         "hotkeys-js": "^3.6.12",
-        "jsdom": "^29.0.2",
         "less": "^4.1.2",
         "less-plugin-clean-css": "^1.5.1",
         "localforage": "^1.7.3",
@@ -142,17 +135,13 @@
         "sb": "^8.6.14",
         "smpte-timecode": "^1.2.3",
         "storybook-dark-mode": "^3.0.3",
-        "typescript": "^5.3.3",
-        "vitest": "^4.1.3"
+        "typescript": "^5.3.3"
     },
     "eslintConfig": {
         "root": true,
         "extends": [
             "@imposium-hub/eslint-config/typescript-react"
-        ],
-        "parserOptions": {
-            "project": "./tsconfig.eslint.json"
-        }
+        ]
     },
     "prettier": "@imposium-hub/prettier-config",
     "overrides": {

package/src/components/app-wrapper/AppWrapper.tsx

@@ -381,9 +381,14 @@ export const ERROR_DESCRIPTIONS = {
 export interface AppWrappeErrorProps {
     error: string;
     email: string;
+    onCreateStory?: () => void;
 }
 
-export const AppWrapperErrors: React.FC<AppWrappeErrorProps> = ({ error, email }) => {
+export const AppWrapperErrors: React.FC<AppWrappeErrorProps> = ({
+    error,
+    email,
+    onCreateStory
+}) => {
     return (
         <div className='no-access'>
             <FontAwesomeIcon