@stack-spot/portal-components 0.0.17 → 1.0.0

package/dist/components/tour/context.js

@@ -1,48 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { createContext, useContext, useState } from 'react';
-import Tour from 'reactour';
-import { finishTourStep } from './utils.js';
-export const defaultTourConfig = Object.freeze({
-    steps: [],
-    isOpen: true,
-    onRequestClose: () => '',
-    showButtons: false,
-    showNavigation: false,
-    showNavigationNumber: false,
-    showNumber: false,
-    showCloseButton: false,
-    disableFocusLock: true,
-});
-const TourContext = createContext({
-    tourConfig: defaultTourConfig,
-    currentStep: 0,
-});
-export const TourProvider = ({ config, children }) => {
-    const [currentStep, setCurrentStep] = useState(0);
-    const tourConfig = {
-        ...config,
-        goToStep: currentStep,
-        update: `${currentStep}`,
-        nextStep: () => setCurrentStep(currentStep + 1),
-        prevStep: () => setCurrentStep(currentStep - 1),
-        isOpen: !!config.steps.length && (currentStep < config.steps.length),
-    };
-    return _jsxs(TourContext.Provider, { value: {
-            currentStep,
-            tourConfig,
-        }, children: [_jsx(Tour, { ...tourConfig }), children] });
-};
-export const useTour = () => {
-    const { currentStep, tourConfig: { nextStep, prevStep, steps } } = useContext(TourContext);
-    return {
-        currentStep,
-        nextStep,
-        prevStep,
-        steps,
-        finishStep: (stepKey) => {
-            finishTourStep(stepKey);
-            nextStep?.();
-        },
-    };
-};
-//# sourceMappingURL=context.js.map

package/dist/components/tour/context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/components/tour/context.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACtE,OAAO,IAAuB,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAIxC,MAAM,CAAC,MAAM,iBAAiB,GAAe,MAAM,CAAC,MAAM,CAAC;IACzD,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,IAAI;IACZ,cAAc,EAAE,GAAG,EAAE,CAAC,EAAE;IACxB,WAAW,EAAE,KAAK;IAClB,cAAc,EAAE,KAAK;IACrB,oBAAoB,EAAE,KAAK;IAC3B,UAAU,EAAE,KAAK;IACjB,eAAe,EAAE,KAAK;IACtB,gBAAgB,EAAE,IAAI;CACvB,CAAC,CAAA;AAEF,MAAM,WAAW,GAAG,aAAa,CAAkD;IACjF,UAAU,EAAE,iBAAiB;IAC7B,WAAW,EAAE,CAAC;CACf,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,EAA+C,EAAE,EAAE;IAChG,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAA;IACzD,MAAM,UAAU,GAAe;QAC7B,GAAG,MAAM;QACT,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,GAAG,WAAW,EAAE;QACxB,QAAQ,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,WAAW,GAAG,CAAC,CAAC;QAC/C,QAAQ,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,WAAW,GAAG,CAAC,CAAC;QAC/C,MAAM,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC;KACrE,CAAA;IAED,OAAO,MAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE;YAClC,WAAW;YACX,UAAU;SACX,aACC,KAAC,IAAI,OAAK,UAAU,GAAI,EACvB,QAAQ,IACY,CAAA;AACzB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IAC1B,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAC1F,OAAO;QACL,WAAW;QACX,QAAQ;QACR,QAAQ;QACR,KAAK;QACL,UAAU,EAAE,CAAC,OAAe,EAAE,EAAE;YAC9B,cAAc,CAAC,OAAO,CAAC,CAAA;YACvB,QAAQ,EAAE,EAAE,CAAA;QACd,CAAC;KACF,CAAA;AACH,CAAC,CAAA"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tour/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACpE,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AACxD,OAAO,EAAE,YAAY,IAAI,QAAQ,EAAE,CAAA;AACnC,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC,GAAG;IAAE,KAAK,EAAE,YAAY,EAAE,CAAA;CAAE,CAAA"}

package/dist/components/tour/index.js

@@ -1,4 +0,0 @@
-export { StepContainer } from './StepContainer.js';
-export { TourProvider, defaultTourConfig, useTour } from './context.js';
-export { isNewTourStep, tourStepBuilder } from './utils.js';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/tour/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACpE,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/tour/utils.d.ts

@@ -1,13 +0,0 @@
-import { ReactNode } from 'react';
-import { ReactourStep } from 'reactour';
-import { NavigationProps } from './StepNavigation.js';
-export declare const finishTourStep: (key: string) => void;
-export declare const isNewTourStep: (step: ReactourStep) => boolean;
-export declare const hasFinishedTourStep: (key: string) => boolean;
-export declare const tourStepBuilder: ({ selector, position, title, content, style, customNavigation, ...rest }: ReactourStep & {
-    title: string;
-    selector: string;
-    content: ReactNode;
-    customNavigation?: NavigationProps | undefined;
-}) => ReactourStep;
-//# sourceMappingURL=utils.d.ts.map

package/dist/components/tour/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/tour/utils.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAA;AAyBlD,eAAO,MAAM,cAAc,QAAS,MAAM,SAIzC,CAAA;AAED,eAAO,MAAM,aAAa,SAAU,YAAY,YAA6C,CAAA;AAC7F,eAAO,MAAM,mBAAmB,QAAS,MAAM,YAAkC,CAAA;AAEjF,eAAO,MAAM,eAAe;WAQD,MAAM;cAAY,MAAM;aAAW,SAAS;;MAAyC,YAkB9G,CAAA"}

package/dist/components/tour/utils.js

@@ -1,43 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { theme } from '@stack-spot/portal-theme';
-import { StepContainer } from './StepContainer.js';
-const TOUR_COOKIE = 'guided-tour-global';
-const DOMAIN_REGEX = new RegExp(/(\.*(prd|stg|dev)*.stackspot.com)|localhost/);
-const portalUrl = new URL(location.href);
-const cookieDomain = DOMAIN_REGEX.exec(portalUrl.host)?.[0];
-const defaultCookieAttributes = `domain=${cookieDomain}; SameSite=Strict;`;
-const getCookies = () => document.cookie.split('; ').reduce((prev, current) => {
-    const [name, ...value] = current.split('=');
-    prev[name] = value.join('=');
-    return prev;
-}, {});
-const setCookie = (key, value) => {
-    document.cookie = `${key}=${value}; ${defaultCookieAttributes}`;
-};
-const getCookie = (key) => getCookies()[key];
-const getTourCookie = () => {
-    const currentTourObject = getCookie(TOUR_COOKIE);
-    return currentTourObject ? currentTourObject.split(',') : [];
-};
-export const finishTourStep = (key) => {
-    const tourObject = getTourCookie();
-    if (!tourObject.includes(key))
-        tourObject.push(key);
-    setCookie(TOUR_COOKIE, tourObject.toString());
-};
-export const isNewTourStep = (step) => !hasFinishedTourStep(`${step.selector}`);
-export const hasFinishedTourStep = (key) => getTourCookie().includes(key);
-export const tourStepBuilder = ({ selector, position, title, content, style, customNavigation, ...rest }) => ({
-    selector,
-    content: (_jsx(StepContainer, { stepKey: selector, position: position, title: title, customNavigation: customNavigation, children: content })),
-    position,
-    style: {
-        backgroundColor: theme.color.inverse[500],
-        width: '256px',
-        padding: 0,
-        top: ['right', 'left'].includes(position) ? '-3px' : '0',
-        ...(style || {}),
-    },
-    ...(rest || {}),
-});
-//# sourceMappingURL=utils.js.map

package/dist/components/tour/utils.js.map

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

package/dist/layout/src/components/tour/PortalSwitcherStep.d.ts

@@ -1,2 +0,0 @@
-export declare const usePortalSwitcherStep: () => any;
-//# sourceMappingURL=PortalSwitcherStep.d.ts.map

package/dist/layout/src/components/tour/PortalSwitcherStep.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PortalSwitcherStep.d.ts","sourceRoot":"","sources":["../../../../../../layout/src/components/tour/PortalSwitcherStep.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,qBAAqB,WAgBjC,CAAA"}

package/dist/layout/src/components/tour/PortalSwitcherStep.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-//@ts-nocheck
-import { Box, Image, Text } from '@citric/core';
-import { tourStepBuilder } from '@stack-spot/portal-components';
-import { useTranslate } from '@stack-spot/portal-translate';
-export const usePortalSwitcherStep = () => {
-    const t = useTranslate(translations);
-    return tourStepBuilder({
-        selector: '.portal-switcher',
-        title: t.title,
-        content: _jsxs(_Fragment, { children: [_jsx(Image, { src: "https://marketing.stackspot.com/switch-v2.gif", alt: t.imageAlt }), _jsx(Box, { px: 5, py: 3, children: _jsx(Text, { appearance: "microtext1", colorScheme: "inverse.contrastText", children: t.description }) })] }),
-        position: 'right',
-        style: {
-            width: '300px',
-        },
-    });
-};
-const translations = {
-    en: {
-        title: 'Expand Your Horizons with Stackspot',
-        description: 'Easily switch between EDP and AI to enhance your projects. Access a wide range of resources with just one click and take your projects to a new level of efficiency. Start your journey now!',
-        imageAlt: 'GIF describing how to use product switcher and navigate between AI and EDP portals',
-    },
-    pt: {
-        title: 'Expanda Seus Horizontes com Stackspot',
-        description: 'Troque facilmente entre EDP e AI para aprimorar seus projetos. Acesse uma ampla gama de recursos com apenas um clique e leve seus projetos para um novo nível de eficiência. Comece sua jornada agora!',
-        imageAlt: 'GIF mostrando como usar o alternador de produtos e navegar entre os portais AI e EDP',
-    },
-};
-//# sourceMappingURL=PortalSwitcherStep.js.map

package/dist/layout/src/components/tour/PortalSwitcherStep.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PortalSwitcherStep.js","sourceRoot":"","sources":["../../../../../../layout/src/components/tour/PortalSwitcherStep.tsx"],"names":[],"mappings":";AAAA,aAAa;AACb,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAA;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,MAAM,CAAC,GAAG,YAAY,CAAC,YAAY,CAAC,CAAA;IACpC,OAAO,eAAe,CAAC;QACrB,QAAQ,EAAE,kBAAkB;QAC5B,KAAK,EAAE,CAAC,CAAC,KAAK;QACd,OAAO,EAAE,8BACP,KAAC,KAAK,IAAC,GAAG,EAAC,+CAA+C,EAAC,GAAG,EAAE,CAAC,CAAC,QAAQ,GAAI,EAC9E,KAAC,GAAG,IAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YACf,KAAC,IAAI,IAAC,UAAU,EAAC,YAAY,EAAC,WAAW,EAAC,sBAAsB,YAAE,CAAC,CAAC,WAAW,GAAQ,GACnF,IACL;QACH,QAAQ,EAAE,OAAO;QACjB,KAAK,EAAE;YACL,KAAK,EAAE,OAAO;SACf;KACF,CAAC,CAAA;AACJ,CAAC,CAAA;AAKD,MAAM,YAAY,GAAG;IACnB,EAAE,EAAE;QACF,KAAK,EAAE,qCAAqC;QAC5C,WAAW,EAAE,8LAA8L;QAC3M,QAAQ,EAAE,oFAAoF;KAC/F;IACD,EAAE,EAAE;QACF,KAAK,EAAE,uCAAuC;QAC9C,WAAW,EAAE,wMAAwM;QACrN,QAAQ,EAAE,sFAAsF;KACjG;CACF,CAAA"}

package/src/components/Login.tsx

@@ -1,157 +0,0 @@
-/* eslint-disable max-len */
-import { Button, IconBox, Input, Text } from '@citric/core'
-import { Github } from '@citric/icons'
-import { LoadingCircular } from '@citric/ui'
-import { theme } from '@stack-spot/portal-theme'
-import { Dictionary, useTranslate } from '@stack-spot/portal-translate'
-import { useState } from 'react'
-import { styled } from 'styled-components'
-import { BannerWarning } from './BannerWarning'
-import { MiniLogo } from './MiniLogo'
-
-type LoginType = 'sso' | 'idp'
-
-interface BaseData {
-  type: LoginType,
-}
-
-interface SSOData extends BaseData {
-  type: 'sso',
-  email: string,
-}
-
-interface IDPData extends BaseData {
-  type: 'idp',
-  provider: 'external-idp:github',
-}
-
-type LoginData = SSOData | IDPData
-
-interface Props {
-  initialValue?: string,
-  onSubmit: (data: LoginData) => Promise<void>,
-  welcomeText?: string,
-  removeLoadingOnSuccess?: boolean,
-  className?: string,
-  style?: React.CSSProperties,
-  bannerData?: React.ReactNode,
-}
-
-const LoginBox = styled.form`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  gap: 24px;
-
-  header {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 24px;
-  }
-
-  .title {
-    font-size: 1rem;
-  }
-
-  .separator {
-    padding: 0 8px;
-    background-color: ${theme.color.light['400']};
-    color: ${theme.color.light['700']};
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: center;
-    gap: 20px;
-    margin: 0;
-
-    &:before, &:after {
-      content: '';
-      height: 1px;
-      flex: 1;
-      background-color: ${theme.color.light['600']};
-    }
-  }
-
-  .error {
-    color: ${theme.color.danger['500']};
-    line-height: 1.5rem;
-  }
-`
-
-export const Login = ({ onSubmit, initialValue = '', welcomeText, removeLoadingOnSuccess, className, style, bannerData }: Props) => {
-  const t = useTranslate(dictionary)
-  const searchParams = new URLSearchParams(location.search)
-  const [error, setError] = useState(searchParams.get('error_description') || searchParams.get('error') || '')
-  const [loading, setLoading] = useState(false)
-  const [email, setEmail] = useState(initialValue)
-  const disabled = !email.match(/\w+@\w+/)
-
-  async function login(type: LoginType) {
-    setError('')
-    setLoading(true)
-    try {
-      const data: LoginData = type === 'sso' ? { type: 'sso', email } : { type: 'idp', provider: 'external-idp:github' }
-      await onSubmit(data)
-      if (removeLoadingOnSuccess) setLoading(false)
-    } catch (error: any) {
-      setLoading(false)
-      setError(error.message || error.toString())
-    }
-  }
-
-  function submitForm(e: React.FormEvent<HTMLFormElement>) {
-    e.preventDefault()
-    if (disabled) return
-    login('sso')
-  }
-
-  return (
-    <>
-      <LoginBox onSubmit={submitForm} className={className} style={style}>
-        <header>
-          <MiniLogo />
-          <Text className="title">{welcomeText || t.welcome}</Text>
-        </header>
-        <Input name="email" value={email} onChange={e => setEmail(e.target.value)} placeholder={t.placeholder} />
-        <Button colorScheme="primary" disabled={disabled || loading}>
-          {loading ? <LoadingCircular /> : <Text>{t.continue}</Text>}
-        </Button>
-        <p className="separator">{t.or}</p>
-        <Button colorScheme="light" type="button" onClick={() => login('idp')} disabled={loading}>
-          {loading ? <LoadingCircular /> : (
-            <>
-              <IconBox>
-                <Github />
-              </IconBox>
-              <Text>{t.loginWithGithub}</Text>
-            </>
-          )}
-        </Button>
-        {error && <Text className="error">{t.error}: {error}</Text>}
-      </LoginBox>
-      {bannerData ? <BannerWarning>
-        {bannerData}
-      </BannerWarning> : null}
-    </>
-  )
-}
-
-const dictionary = {
-  en: {
-    welcome: 'Welcome to StackSpot',
-    placeholder: 'your@email.com',
-    continue: 'Continue',
-    or: 'or',
-    loginWithGithub: 'Login with Github',
-    error: 'Error while attempting to login',
-  },
-  pt: {
-    welcome: 'Bem vindo à StackSpot',
-    placeholder: 'nome@email.com',
-    continue: 'Continuar',
-    or: 'ou',
-    loginWithGithub: 'Logar com o GitHub',
-    error: 'Erro ao fazer login',
-  },
-} satisfies Dictionary

package/src/components/tour/utils.tsx

@@ -1,65 +0,0 @@
-import { theme } from '@stack-spot/portal-theme'
-import { ReactNode } from 'react'
-import { ReactourStep } from 'reactour'
-import { PointingArrowPosition, StepContainer } from './StepContainer'
-import { NavigationProps } from './StepNavigation'
-
-const TOUR_COOKIE = 'guided-tour-global'
-const DOMAIN_REGEX = new RegExp(/(\.*(prd|stg|dev)*.stackspot.com)|localhost/)
-const portalUrl = new URL(location.href)
-const cookieDomain = DOMAIN_REGEX.exec(portalUrl.host)?.[0]
-const defaultCookieAttributes = `domain=${cookieDomain}; SameSite=Strict;`
-
-const getCookies = (): Record<string, string> => document.cookie.split('; ').reduce((prev, current) => {
-  const [name, ...value] = current.split('=')
-  prev[name] = value.join('=')
-  return prev
-}, {} as Record<string, string>)
-
-const setCookie = (key: string, value: string) => {
-  document.cookie = `${key}=${value}; ${defaultCookieAttributes}`
-}
-
-const getCookie = (key: string) => getCookies()[key]
-
-const getTourCookie = () => {
-  const currentTourObject = getCookie(TOUR_COOKIE)
-  return currentTourObject ? currentTourObject.split(',') : []
-}
-
-export const finishTourStep = (key: string) => {
-  const tourObject: string[] = getTourCookie()
-  if (!tourObject.includes(key)) tourObject.push(key)
-  setCookie(TOUR_COOKIE, tourObject.toString())
-}
-
-export const isNewTourStep = (step: ReactourStep) => !hasFinishedTourStep(`${step.selector}`)
-export const hasFinishedTourStep = (key: string) => getTourCookie().includes(key)
-
-export const tourStepBuilder = ({
-  selector,
-  position,
-  title,
-  content,
-  style,
-  customNavigation,
-  ...rest
-}: ReactourStep & { title: string, selector: string, content: ReactNode, customNavigation?: NavigationProps }): ReactourStep => ({
-  selector,
-  content: (<StepContainer
-    stepKey={selector}
-    position={position as PointingArrowPosition}
-    title={title}
-    customNavigation={customNavigation}>
-    {content}
-  </StepContainer>),
-  position,
-  style: {
-    backgroundColor: theme.color.inverse[500],
-    width: '256px',
-    padding: 0,
-    top: ['right', 'left'].includes(position as PointingArrowPosition) ? '-3px' : '0',
-    ...(style || {}),
-  },
-  ...(rest || {}),
-})