slice-machine-ui 1.25.1-beta.1 → 1.25.1-beta.3

package/components/Simulator/components/SetupModal/index.tsx

@@ -1,165 +0,0 @@
-import Card from "@components/Card";
-import SliceMachineModal from "@components/SliceMachineModal";
-import { Box, Flex, Heading, Text } from "theme-ui";
-
-import { useEffect } from "react";
-import { Tab, Tabs, TabList, TabPanel } from "react-tabs";
-import { useSelector } from "react-redux";
-import { SliceMachineStoreType } from "@src/redux/type";
-import { selectIsSimulatorAvailableForFramework } from "@src/modules/environment";
-import { selectSetupSteps } from "@src/modules/simulator";
-import { telemetry } from "@src/apiClient";
-
-import HTMLRenderer from "@components/HTMLRenderer";
-
-import TextWithInlineCode from "./TextWithInlineCode";
-
-const TitleCard: React.FC<{
-  number: number;
-  title: string;
-  excerpt?: string;
-}> & { tabsRole: string } = ({ number, title, excerpt, ...rest }) => (
-  <Tab
-    className="react-tabs__vertical__tab"
-    selectedClassName="react-tabs__vertical__tab--selected"
-    {...rest}
-  >
-    <Flex
-      sx={{
-        alignItems: "flex-start",
-      }}
-    >
-      <NumberBox number={number} />
-      <Box sx={{ ml: 3, alignSelf: "center" }}>
-        <Heading
-          as="h4"
-          sx={{ color: "whiteButtonText", fontSize: "14px", fontWeight: "600" }}
-        >
-          <TextWithInlineCode>{title}</TextWithInlineCode>
-        </Heading>
-        {/* eslint-disable-next-line @typescript-eslint/strict-boolean-expressions */}
-        {excerpt && (
-          <Text
-            as="p"
-            sx={{
-              mt: 2,
-              color: "textClear",
-              fontSize: "13px",
-              lineHeight: "24px",
-            }}
-          >
-            <TextWithInlineCode>{excerpt}</TextWithInlineCode>
-          </Text>
-        )}
-      </Box>
-    </Flex>
-  </Tab>
-);
-
-TitleCard.tabsRole = "Tab";
-
-const NumberBox: React.FC<{ number: number }> = ({ number }) => (
-  <Flex
-    sx={{
-      height: "32px",
-      width: "32px",
-      alignItems: "center",
-      justifyContent: "center",
-      border: "1px solid #E4E2E4",
-      borderRadius: "6px",
-      bg: "grey07",
-      color: "textClear",
-      flexShrink: "0",
-      fontSize: "13px",
-    }}
-  >
-    {number}
-  </Flex>
-);
-
-const SetupModal: React.FC<{ isOpen: boolean }> = ({ isOpen }) => {
-  const { isSimulatorAvailableForFramework, setupSteps } = useSelector(
-    (state: SliceMachineStoreType) => ({
-      isSimulatorAvailableForFramework:
-        selectIsSimulatorAvailableForFramework(state),
-      setupSteps: selectSetupSteps(state),
-    }),
-  );
-
-  // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
-  const steps = setupSteps || [];
-
-  useEffect(() => {
-    if (isOpen) void telemetry.track({ event: "slice-simulator:setup" });
-  }, [isOpen]);
-
-  return (
-    <SliceMachineModal isOpen={isOpen}>
-      <Card
-        bodySx={{
-          p: 0,
-          bg: "grey07",
-          height: steps.length === 4 ? "640px" : "480px",
-        }}
-        Header={({ radius }: { radius: string | number }) => (
-          <Flex
-            sx={{
-              position: "sticky",
-              top: 0,
-              zIndex: 1,
-              p: "16px",
-              pl: 4,
-              bg: "grey07",
-              alignItems: "center",
-              justifyContent: "space-between",
-              borderTopLeftRadius: radius,
-              borderTopRightRadius: radius,
-              borderBottom: (t) => `1px solid ${String(t.colors?.borders)}`,
-            }}
-          >
-            <Heading sx={{ fontSize: "14px", fontWeight: "600" }} as="h5">
-              Set up the simulator
-            </Heading>
-          </Flex>
-        )}
-      >
-        <Tabs defaultFocus className="react-tabs__vertical">
-          <TabList className="react-tabs__vertical__tab-list">
-            {steps.map((step, i) => (
-              <TitleCard
-                number={i + 1}
-                key={step.title}
-                title={step.title}
-                excerpt={step.description}
-              />
-            ))}
-          </TabList>
-          {isSimulatorAvailableForFramework ? (
-            <>
-              {steps.map((step) => {
-                return (
-                  <TabPanel
-                    key={step.title}
-                    selectedClassName="react-tabs__vertical__tab-panel--selected"
-                    className="react-tabs__vertical__tab-panel"
-                  >
-                    <HTMLRenderer html={step.body} />
-                  </TabPanel>
-                );
-              })}
-            </>
-          ) : (
-            <TabPanel
-              selectedClassName="react-tabs__vertical__tab-panel--selected"
-              className="react-tabs__vertical__tab-panel"
-            >
-              Framework not supported.
-            </TabPanel>
-          )}
-        </Tabs>
-      </Card>
-    </SliceMachineModal>
-  );
-};
-
-export default SetupModal;

package/out/_next/static/PAJQyEuW0rRHPSn18wYrk/_buildManifest.js

@@ -1 +0,0 @@
-self.__BUILD_MANIFEST=function(s,c,a,e,t,i,b,d,n,u,f,h,l,k,j,p,g,o,r){return{__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":[a,j,p,"static/chunks/pages/index-cf93d16e9c63b6db.js"],"/_error":["static/chunks/pages/_error-69b4f498bafdd188.js"],"/changelog":[s,e,"static/chunks/870-0c7a8a9622de78b7.js","static/chunks/pages/changelog-57289ca6bc99702b.js"],"/changes":[s,t,"static/chunks/8eec4907-b712959d9f984b68.js",i,"static/chunks/918-5bb55fb464e34768.js",c,d,"static/css/838fd8bb5a7c32b0.css","static/chunks/pages/changes-23829ddb11cac992.js"],"/custom-types":[a,j,p,"static/chunks/pages/custom-types-3c8e721ec6802127.js"],"/custom-types/[customTypeId]":[s,n,u,f,h,e,b,i,l,g,c,a,k,o,r,"static/chunks/pages/custom-types/[customTypeId]-97ab3b90b85d645d.js"],"/labs":["static/chunks/pages/labs-49bed0a08da3772c.js"],"/page-types/[pageTypeId]":[s,n,u,f,h,e,b,i,l,g,c,a,k,o,r,"static/chunks/pages/page-types/[pageTypeId]-84a22c5e480d3fa9.js"],"/settings":["static/css/ca32882a5d2d8d88.css","static/chunks/pages/settings-12f209f1d5d42b1c.js"],"/slices":[s,t,b,c,d,"static/css/f8eb526e10bc2441.css","static/chunks/pages/slices-c33645b1828857c4.js"],"/slices/[lib]/[sliceName]/[variation]":[s,t,n,u,f,h,e,b,i,l,c,k,d,"static/css/b22c0750c14cc089.css","static/chunks/pages/slices/[lib]/[sliceName]/[variation]-60858a3cead6dc81.js"],"/slices/[lib]/[sliceName]/[variation]/simulator":[t,"static/chunks/72585f70-28b4d7d5384b3703.js","static/chunks/18539003-a5a5d48f20a7b261.js","static/chunks/777-7bc4ca95c82802e5.js","static/chunks/pages/slices/[lib]/[sliceName]/[variation]/simulator-a8213af71b0a99c9.js"],sortedPages:["/","/_app","/_error","/changelog","/changes","/custom-types","/custom-types/[customTypeId]","/labs","/page-types/[pageTypeId]","/settings","/slices","/slices/[lib]/[sliceName]/[variation]","/slices/[lib]/[sliceName]/[variation]/simulator"]}}("static/chunks/59b4e022-7a3b5554b806349f.js","static/chunks/25-792af14760d9df34.js","static/chunks/799-9bea9069969f5fe0.js","static/chunks/183-4feb6bb3eddbc768.js","static/chunks/c8eae200-966ce352f7b5d2b9.js","static/chunks/543-f8766685f7f451e2.js","static/chunks/50-cfc2514205b86001.js","static/chunks/286-e0950c3083c672e8.js","static/chunks/f36c6662-03bb5e9d9aa0b0aa.js","static/chunks/4c744e84-e3161d754618373f.js","static/chunks/065a3ddb-9a38ca0d60f0bf2f.js","static/chunks/1cc2734a-2c5b6c0367fcde86.js","static/chunks/696-b12edad30a3617e5.js","static/chunks/318-2426f74a0d6c3b89.js","static/chunks/727-df23c133f7cbf952.js","static/css/be1f49e49a5aa7eb.css","static/chunks/474-5a072e6fac61f703.js","static/chunks/904-bed9c8dade39dc27.js","static/css/72465cc1225f28a2.css"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();