@stack-spot/portal-layout 2.25.0 → 2.25.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [2.25.1](https://github.com/stack-spot/portal-commons/compare/portal-layout@v2.25.0...portal-layout@v2.25.1) (2025-02-10)
+
+
+### Bug Fixes
+
+* typeform to be agnostic ([#707](https://github.com/stack-spot/portal-commons/issues/707)) ([25d438b](https://github.com/stack-spot/portal-commons/commit/25d438b51de83d9b656abf8d6125addeaa63de99))
+
 ## [2.25.0](https://github.com/stack-spot/portal-commons/compare/portal-layout@v2.24.1...portal-layout@v2.25.0) (2025-02-07)
 
 

package/dist/components/TypeForm/index.d.ts

@@ -1,9 +1,6 @@
 export interface TypeFormProps {
     dataTfLive: string;
-    orgId: string;
-    userId: string;
-    appId?: string;
-    infraId?: string;
+    hiddenProps: Record<string, string | number>;
 }
-export declare const TypeForm: ({ dataTfLive, orgId, userId, appId, infraId, }: TypeFormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TypeForm: ({ dataTfLive, hiddenProps, }: TypeFormProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/TypeForm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TypeForm/index.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,aAAa;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,QAAQ,mDAMlB,aAAa,4CAgCf,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TypeForm/index.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,aAAa;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;CAC9C;AAED,eAAO,MAAM,QAAQ,iCAGlB,aAAa,4CAiCf,CAAA"}

package/dist/components/TypeForm/index.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Flex } from '@citric/core';
 import { LoadingCircular } from '@citric/ui';
 import { useEffect, useMemo, useState } from 'react';
-export const TypeForm = ({ dataTfLive, orgId, userId, appId, infraId, }) => {
+export const TypeForm = ({ dataTfLive, hiddenProps, }) => {
     const [isLoading, setIsLoading] = useState(true);
     useEffect(() => {
         window.tf?.load();
@@ -10,7 +10,10 @@ export const TypeForm = ({ dataTfLive, orgId, userId, appId, infraId, }) => {
             setIsLoading(false);
         }, 2000);
     }, []);
-    const typeform = useMemo(() => _jsx(Box, { children: appId ? _jsx("div", { "data-tf-live": dataTfLive, "data-tf-hidden": `org_id=${orgId},user_id=${userId},app_id=${appId}` }) : _jsx("div", { "data-tf-live": dataTfLive, "data-tf-hidden": `org_id=${orgId},user_id=${userId},infra_id=${infraId}` }) }), []);
+    const hiddenPropsString = useMemo(() => Object.entries(hiddenProps)
+        .map(([key, value]) => `${key}=${value}`)
+        .join(','), [hiddenProps]);
+    const typeform = useMemo(() => _jsx(Box, { children: _jsx("div", { "data-tf-live": dataTfLive, "data-tf-hidden": hiddenPropsString }) }), [dataTfLive, hiddenPropsString]);
     return (_jsxs(Box, { sx: { minWidth: '650px', minHeight: '500px' }, children: [isLoading && _jsx(Flex, { alignItems: "center", justifyContent: "center", w: "12", sx: { height: '100%' }, children: _jsx(LoadingCircular, {}) }), _jsx(Box, { sx: { opacity: isLoading ? '0' : 1 }, children: typeform })] }));
 };
 //# sourceMappingURL=index.js.map

package/dist/components/TypeForm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TypeForm/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAUpD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,UAAU,EACV,KAAK,EACL,MAAM,EACN,KAAK,EACL,OAAO,GACO,EAAE,EAAE;IAGlB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAEhD,SAAS,CAAC,GAAG,EAAE;QACZ,MAAc,CAAC,EAAE,EAAE,IAAI,EAAE,CAAA;QAC1B,UAAU,CAAC,GAAG,EAAE;YACd,YAAY,CAAC,KAAK,CAAC,CAAA;QACrB,CAAC,EAAE,IAAI,CAAC,CAAA;IACV,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAC,GAAG,cAChC,KAAK,CAAC,CAAC,CAAC,8BACO,UAAU,oBACR,UAAU,KAAK,YAAY,MAAM,WAAW,KAAK,EAAE,GACnE,CAAC,CAAC,CAAC,8BACW,UAAU,oBACR,UAAU,KAAK,YAAY,MAAM,aAAa,OAAO,EAAE,GACvE,GACE,EAAE,EAAE,CAAC,CAAA;IAEX,OAAO,CACL,MAAC,GAAG,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,aAC/C,SAAS,IAAI,KAAC,IAAI,IAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,EAAC,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,YAC3F,KAAC,eAAe,KAAG,GACd,EACP,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,YACtC,QAAQ,GACL,IACF,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TypeForm/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAOpD,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACvB,UAAU,EACV,WAAW,GACG,EAAE,EAAE;IAGlB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAEhD,SAAS,CAAC,GAAG,EAAE;QACZ,MAAc,CAAC,EAAE,EAAE,IAAI,EAAE,CAAA;QAC1B,UAAU,CAAC,GAAG,EAAE;YACd,YAAY,CAAC,KAAK,CAAC,CAAA;QACrB,CAAC,EAAE,IAAI,CAAC,CAAA;IACV,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC;SAChE,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,GAAG,IAAI,KAAK,EAAE,CAAC;SACxC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAE5B,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,KAAC,GAAG,cACjC,8BACgB,UAAU,oBACR,iBAAiB,GACjC,GACE,EAAE,CAAC,UAAU,EAAE,iBAAiB,CAAC,CAAC,CAAA;IAExC,OAAO,CACL,MAAC,GAAG,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,aAC/C,SAAS,IAAI,KAAC,IAAI,IAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,EAAC,CAAC,EAAC,IAAI,EAAC,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,YAC3F,KAAC,eAAe,KAAG,GACd,EACP,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,YACtC,QAAQ,GACL,IACF,CACP,CAAA;AACH,CAAC,CAAA"}

package/dist/components/TypeForm/show-typeform-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"show-typeform-modal.d.ts","sourceRoot":"","sources":["../../../src/components/TypeForm/show-typeform-modal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,aAAa,EAAE,MAAM,GAAG,CAAA;AAE3C,eAAO,MAAM,iBAAiB,wBAAyB,aAAa,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,SAOvF,CAAA"}
+{"version":3,"file":"show-typeform-modal.d.ts","sourceRoot":"","sources":["../../../src/components/TypeForm/show-typeform-modal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,aAAa,EAAE,MAAM,GAAG,CAAA;AAE3C,eAAO,MAAM,iBAAiB,wBAAyB,aAAa,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,SAMvF,CAAA"}

package/dist/components/TypeForm/show-typeform-modal.js

@@ -2,10 +2,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { overlay } from '../../LayoutOverlayManager.js';
 import { TypeForm } from './index.js';
 export const showTypeFormModal = ({ title, ...props }) => {
-    const { dataTfLive, orgId, userId, appId, infraId } = props;
     overlay.showModal({
         title: title,
-        children: _jsx(TypeForm, { dataTfLive: dataTfLive, orgId: orgId, userId: userId, appId: appId, infraId: infraId }),
+        children: _jsx(TypeForm, { ...props }),
         size: 'large',
     });
 };

package/dist/components/TypeForm/show-typeform-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"show-typeform-modal.js","sourceRoot":"","sources":["../../../src/components/TypeForm/show-typeform-modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAiB,MAAM,GAAG,CAAA;AAE3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAqC,EAAE,EAAE;IAC1F,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IAC3D,OAAO,CAAC,SAAS,CAAC;QAChB,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,KAAC,QAAQ,IAAC,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAI;QAC5G,IAAI,EAAE,OAAO;KACd,CAAC,CAAA;AACJ,CAAC,CAAA"}
+{"version":3,"file":"show-typeform-modal.js","sourceRoot":"","sources":["../../../src/components/TypeForm/show-typeform-modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,QAAQ,EAAiB,MAAM,GAAG,CAAA;AAE3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAqC,EAAE,EAAE;IAC1F,OAAO,CAAC,SAAS,CAAC;QAChB,KAAK,EAAE,KAAK;QACZ,QAAQ,EAAE,KAAC,QAAQ,OAAK,KAAK,GAAI;QACjC,IAAI,EAAE,OAAO;KACd,CAAC,CAAA;AACJ,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stack-spot/portal-layout",
-  "version": "2.25.0",
+  "version": "2.25.1",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/TypeForm/index.tsx

@@ -4,18 +4,12 @@ import { useEffect, useMemo, useState } from 'react'
 
 export interface TypeFormProps {
   dataTfLive: string,
-  orgId: string,
-  userId: string,
-  appId?: string,
-  infraId?: string,
+  hiddenProps: Record<string, string | number>,
 }
 
 export const TypeForm = ({
   dataTfLive,
-  orgId,
-  userId,
-  appId,
-  infraId,
+  hiddenProps,
 }: TypeFormProps) => {
 
 
@@ -28,15 +22,16 @@ export const TypeForm = ({
     }, 2000)
   }, [])
 
+  const hiddenPropsString = useMemo(() => Object.entries(hiddenProps)
+    .map(([key, value]) => `${key}=${value}`)
+    .join(','), [hiddenProps])
+
   const typeform = useMemo(() => <Box>
-    {appId ? <div
-      data-tf-live={dataTfLive}
-      data-tf-hidden={`org_id=${orgId},user_id=${userId},app_id=${appId}`}
-    /> : <div
+    <div
       data-tf-live={dataTfLive}
-      data-tf-hidden={`org_id=${orgId},user_id=${userId},infra_id=${infraId}`}
-    />}
-  </Box>, [])
+      data-tf-hidden={hiddenPropsString}
+    />
+  </Box>, [dataTfLive, hiddenPropsString])
 
   return (
     <Box sx={{ minWidth: '650px', minHeight: '500px' }}>

package/src/components/TypeForm/show-typeform-modal.tsx

@@ -2,10 +2,9 @@ import { overlay } from '../../LayoutOverlayManager'
 import { TypeForm, TypeFormProps } from '.'
 
 export const showTypeFormModal = ({ title, ...props }: TypeFormProps & { title: string }) => {
-  const { dataTfLive, orgId, userId, appId, infraId } = props
   overlay.showModal({
     title: title,
-    children: <TypeForm dataTfLive={dataTfLive} orgId={orgId} userId={userId} appId={appId} infraId={infraId} />,
+    children: <TypeForm {...props} />,
     size: 'large',
   })
 }