slice-machine-ui 1.23.1-beta.4 → 1.23.1-beta.6

package/components/ChangesItems/ChangesItems.tsx

@@ -1,14 +1,12 @@
-import React from "react";
-import { Box, Button, Text } from "theme-ui";
+import React, { Suspense } from "react";
 import { AiFillCamera, AiOutlineExclamationCircle } from "react-icons/ai";
+import { Box, Button, ErrorBoundary, Text } from "@prismicio/editor-ui";
 
 import { ChangesSectionHeader } from "@components/ChangesSectionHeader";
 import { CustomTypeTable } from "@components/CustomTypeTable/changesPage";
-
 import Grid from "@components/Grid";
 import { ComponentUI } from "@lib/models/common/ComponentUI";
 import { ModelStatusInformation } from "@src/hooks/useModelStatus";
-
 import ScreenshotChangesModal from "@components/ScreenshotChangesModal";
 import { countMissingScreenshots } from "@src/domain/slice";
 import { useScreenshotChangesModal } from "@src/hooks/useScreenshotChangesModal";
@@ -16,6 +14,8 @@ import { ModelStatus } from "@lib/models/common/ModelStatus";
 import { LocalOrRemoteCustomType } from "@lib/models/common/ModelData";
 import { SharedSliceCard } from "@src/features/slices/sliceCards/SharedSliceCard";
 
+import { DevCollaborationExperiment } from "./DevCollaborationExperiment";
+
 interface ChangesItemsProps extends ModelStatusInformation {
   unSyncedCustomTypes: LocalOrRemoteCustomType[];
   unSyncedSlices: ComponentUI[];
@@ -38,109 +38,123 @@ export const ChangesItems: React.FC<ChangesItemsProps> = ({
 
   return (
     <>
-      {unSyncedCustomTypes.length > 0 && (
-        <>
-          <ChangesSectionHeader>
-            <Box>
-              <Text variant="heading">Types</Text>
-              <Text variant="grey" sx={{ ml: "8px" }}>
-                {unSyncedCustomTypes.length}
-              </Text>
+      <Box gap={16} alignItems="flex-start">
+        <Box flexDirection="column" flexGrow={1}>
+          {unSyncedCustomTypes.length > 0 && (
+            <Box flexDirection="column">
+              <ChangesSectionHeader>
+                <Box>
+                  <Text variant="h5">Types</Text>
+                  <Text variant="h5" sx={{ marginLeft: 8 }}>
+                    {unSyncedCustomTypes.length}
+                  </Text>
+                </Box>
+              </ChangesSectionHeader>
+              <CustomTypeTable
+                customTypes={unSyncedCustomTypes}
+                modelsStatuses={modelsStatuses}
+                authStatus={authStatus}
+                isOnline={isOnline}
+              />
             </Box>
-          </ChangesSectionHeader>
-          <CustomTypeTable
-            customTypes={unSyncedCustomTypes}
-            modelsStatuses={modelsStatuses}
-            authStatus={authStatus}
-            isOnline={isOnline}
-          />
-        </>
-      )}
-      {unSyncedSlices.length > 0 && (
-        <>
-          <Box sx={{ mb: "8px" }}>
-            <ChangesSectionHeader>
-              <Box>
-                <Text variant="heading">Slices</Text>
-                <Text variant="grey" sx={{ ml: "8px" }}>
-                  {unSyncedSlices.length}
-                </Text>
+          )}
+          {unSyncedSlices.length > 0 && (
+            <>
+              <Box padding={{ bottom: 8 }}>
+                <ChangesSectionHeader>
+                  <Box>
+                    <Text variant="h5">Slices</Text>
+                    <Text variant="h5" sx={{ marginLeft: 8 }}>
+                      {unSyncedSlices.length}
+                    </Text>
+                  </Box>
+                  <Box>
+                    {unSyncedSlices.some(
+                      (slice) =>
+                        countMissingScreenshots(slice) > 0 &&
+                        modelsStatuses.slices[slice.model.id] !==
+                          ModelStatus.Deleted,
+                    ) && (
+                      <Text
+                        color="amber11"
+                        sx={{
+                          marginRight: 8,
+                          alignSelf: "center",
+                        }}
+                      >
+                        <AiOutlineExclamationCircle
+                          size={16}
+                          style={{
+                            marginRight: "4px",
+                            position: "relative",
+                            top: "3px",
+                          }}
+                        />
+                        Missing Screenshots
+                      </Text>
+                    )}
+                    <Button
+                      color="dark"
+                      onClick={() => onOpenModal({ sliceFilterFn: (s) => s })}
+                    >
+                      <AiFillCamera
+                        style={{
+                          color: "#FFF",
+                          fontSize: "15px",
+                          position: "relative",
+                          top: "3px",
+                          marginRight: "4px",
+                        }}
+                      />{" "}
+                      Update all screenshots
+                    </Button>
+                  </Box>
+                </ChangesSectionHeader>
               </Box>
-              <Box>
-                {unSyncedSlices.some(
-                  (slice) =>
-                    countMissingScreenshots(slice) > 0 &&
-                    modelsStatuses.slices[slice.model.id] !==
-                      ModelStatus.Deleted,
-                ) && (
-                  <Text
-                    sx={{
-                      mr: 3,
-                      color: "warning02",
-                      fontSize: "12px",
-                      lineHeight: "16px",
-                      fontWeight: 600,
-                    }}
-                  >
-                    <AiOutlineExclamationCircle
-                      size={16}
-                      style={{
-                        marginRight: "4px",
-                        position: "relative",
-                        top: "3px",
+              <Grid
+                gridGap="32px 16px"
+                elems={unSyncedSlices}
+                gridTemplateMinPx="305px"
+                defineElementKey={(slice) => slice.model.name}
+                renderElem={(slice) => {
+                  const modelStatus = modelsStatuses.slices[slice.model.id];
+                  return (
+                    <SharedSliceCard
+                      action={{
+                        type: "status",
+                        authStatus,
+                        isOnline,
+                        modelStatus,
+                      }}
+                      isDeleted={modelStatus === ModelStatus.Deleted}
+                      mode="navigation"
+                      onUpdateScreenshot={() => {
+                        onOpenModal({
+                          sliceFilterFn: (s) =>
+                            s.filter((e) => e.model.id === slice.model.id),
+                        });
                       }}
+                      slice={slice}
+                      variant="solid"
                     />
-                    Missing Screenshots
-                  </Text>
-                )}
-                <Button
-                  variant="darkSmall"
-                  onClick={() => onOpenModal({ sliceFilterFn: (s) => s })}
-                >
-                  <AiFillCamera
-                    style={{
-                      color: "#FFF",
-                      fontSize: "15px",
-                      position: "relative",
-                      top: "3px",
-                      marginRight: "4px",
-                    }}
-                  />{" "}
-                  Update all screenshots
-                </Button>
-              </Box>
-            </ChangesSectionHeader>
-          </Box>
-          <Grid
-            gridGap="32px 16px"
-            elems={unSyncedSlices}
-            gridTemplateMinPx="305px"
-            defineElementKey={(slice) => slice.model.name}
-            renderElem={(slice) => {
-              const modelStatus = modelsStatuses.slices[slice.model.id];
-              return (
-                <SharedSliceCard
-                  action={{ type: "status", authStatus, isOnline, modelStatus }}
-                  isDeleted={modelStatus === ModelStatus.Deleted}
-                  mode="navigation"
-                  onUpdateScreenshot={() => {
-                    onOpenModal({
-                      sliceFilterFn: (s) =>
-                        s.filter((e) => e.model.id === slice.model.id),
-                    });
-                  }}
-                  slice={slice}
-                  variant="solid"
-                />
-              );
-            }}
-          />
-          <ScreenshotChangesModal
-            slices={sliceFilterFn(screenshotChangesSlices)}
-            defaultVariationSelector={defaultVariationSelector}
-          />
-        </>
-      )}
+                  );
+                }}
+              />
+
+              <ScreenshotChangesModal
+                slices={sliceFilterFn(screenshotChangesSlices)}
+                defaultVariationSelector={defaultVariationSelector}
+              />
+            </>
+          )}
+        </Box>
+
+        <ErrorBoundary>
+          <Suspense>
+            <DevCollaborationExperiment />
+          </Suspense>
+        </ErrorBoundary>
+      </Box>
     </>
   );
 };

package/components/ChangesItems/DevCollaborationExperiment.tsx

@@ -0,0 +1,109 @@
+import { useEffect, useState } from "react";
+import {
+  Box,
+  Button,
+  Dialog,
+  DialogActions,
+  DialogContent,
+  DialogHeader,
+  Text,
+} from "@prismicio/editor-ui";
+
+import { useExperimentVariant } from "@src/hooks/useExperimentVariant";
+import { telemetry } from "@src/apiClient";
+
+type DevCollaborationExperimentPayload = {
+  cardButtonLabel: string;
+  cardDescription: string;
+  cardTitle: string;
+  dialogButtonLabel: string;
+  dialogButtonLink: string;
+  dialogDescription: string;
+  dialogTitle: string;
+};
+
+export function DevCollaborationExperiment() {
+  const devCollaborationExperiment = useExperimentVariant(
+    "slicemachine-dev-collaboration",
+  );
+  const [isExperimentDialogOpen, setIsExperimentDialogOpen] = useState(false);
+  const payload = devCollaborationExperiment?.payload as
+    | DevCollaborationExperimentPayload
+    | undefined;
+
+  useEffect(() => {
+    if (devCollaborationExperiment?.value === "on" && payload !== undefined) {
+      void telemetry.track({ event: "dev-collab:workflow-stub-displayed" });
+    }
+  }, [devCollaborationExperiment, payload]);
+
+  if (devCollaborationExperiment?.value !== "on" || payload === undefined) {
+    return null;
+  }
+
+  return (
+    <>
+      <Box
+        alignItems="flex-start"
+        border={{ bottom: true, left: true, right: true, top: true }}
+        borderRadius={6}
+        borderStyle="dashed"
+        flexDirection="column"
+        flexShrink={0}
+        gap={8}
+        padding={16}
+        width={320}
+      >
+        <Box flexDirection="column" gap={2}>
+          <Text variant="smallBold">{payload.cardTitle}</Text>
+          <Text color="grey11" variant="small">
+            {payload.cardDescription}
+          </Text>
+        </Box>
+        <Button
+          color="grey"
+          onClick={() => {
+            void telemetry.track({
+              event: "dev-collab:set-up-workflow-opened",
+            });
+            setIsExperimentDialogOpen(true);
+          }}
+        >
+          {payload.cardButtonLabel}
+        </Button>
+      </Box>
+      <Dialog
+        onOpenChange={(open) => {
+          if (!open) {
+            setIsExperimentDialogOpen(false);
+          }
+        }}
+        open={isExperimentDialogOpen}
+        size={{ height: "auto", width: 448 }}
+      >
+        <DialogHeader title={payload.dialogTitle} />
+        <DialogContent>
+          <Box flexDirection="column">
+            <Box flexDirection="column" padding={16}>
+              <Text>{payload.dialogDescription}</Text>
+            </Box>
+            <DialogActions
+              cancel={{ text: "Cancel" }}
+              ok={{
+                text: payload.dialogButtonLabel,
+                onClick: () => {
+                  void telemetry.track({
+                    event: "dev-collab:join-beta-clicked",
+                  });
+                  window.open(payload.dialogButtonLink, "_blank");
+                  setIsExperimentDialogOpen(false);
+                },
+              }}
+              size="medium"
+            />
+          </Box>
+        </DialogContent>
+      </Dialog>
+    </>
+  );
+}

package/components/ChangesSectionHeader/ChangesSectionHeader.tsx

@@ -15,6 +15,7 @@ export const ChangesSectionHeader: FC<Props> = ({ children }) => {
         bg: "grey02",
         borderRadius: 4,
         padding: "12px 16px",
+        width: "100%",
       }}
     >
       {children}

package/lib/models/common/widgets/Group/Form.jsx

@@ -0,0 +1,70 @@
+import { Checkbox, Label, Box } from "theme-ui";
+
+import { Col, Flex as FlexGrid } from "@components/Flex";
+import { DefaultFields } from "@lib/forms/defaults";
+import WidgetFormField from "@lib/builders/common/EditModal/Field";
+import { CheckBox } from "@lib/forms/fields";
+import { createFieldNameFromKey } from "@lib/forms";
+
+// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+const FormFields = {
+  ...DefaultFields,
+  repeat: CheckBox("Repeatable", false, true),
+};
+
+const Form = (props) => {
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+  const { initialValues, fields, values, setFieldValue } = props;
+
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+  const {
+    config: { repeat },
+  } = values;
+
+  return (
+    <FlexGrid>
+      {
+        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
+        Object.entries(FormFields)
+          .filter(([key]) => key !== "repeat")
+          .map(([key, field]) => (
+            <Col key={key}>
+              <WidgetFormField
+                fieldName={createFieldNameFromKey(key)}
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+                formField={field}
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+                fields={fields}
+                // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+                initialValues={initialValues}
+              />
+            </Col>
+          ))
+      }
+
+      <Col>
+        <Box
+          sx={{
+            mt: 2,
+            alignItems: "center",
+            display: "flex",
+            height: "130%",
+          }}
+        >
+          <Label variant="label.border" sx={{ mb: 0 }}>
+            <Checkbox
+              // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+              checked={repeat}
+              // eslint-disable-next-line @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-call, @typescript-eslint/strict-boolean-expressions
+              onChange={() => setFieldValue("config.repeat", !repeat)}
+            />
+            Repeatable
+          </Label>
+        </Box>
+      </Col>
+    </FlexGrid>
+  );
+};
+
+export { FormFields };
+export default Form;

package/lib/models/common/widgets/Group/index.ts

@@ -1,9 +1,9 @@
 import * as yup from "yup";
-import { DefaultFields } from "@lib/forms/defaults";
 import { MdPlaylistAdd } from "react-icons/md";
 import { Widget } from "../Widget";
 import CustomListItem from "./ListItem";
 import { GroupSM } from "@lib/models/common/Group";
+import Form, { FormFields } from "./Form";
 
 const Meta = {
   icon: MdPlaylistAdd,
@@ -20,18 +20,20 @@ const schema = yup.object().shape({
     fields: yup.array(),
     label: yup.string(),
     placeholder: yup.string(),
+    repeat: yup.boolean().optional(),
   }),
 });
 
 export const GroupWidget: Widget<GroupSM, typeof schema> = {
   Meta,
-  // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-  FormFields: DefaultFields,
+  Form,
+  FormFields,
   schema,
   create: (label: string) => ({
     type: "Group",
     config: {
       label,
+      repeat: true,
       fields: [],
     },
   }),

package/out/404.html

@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/200244e3e0463c39.css" as="style"/><link rel="stylesheet" href="/_next/static/css/200244e3e0463c39.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-6fc45ce12a6c566a.js" defer=""></script><script src="/_next/static/chunks/pages/_error-69b4f498bafdd188.js" defer=""></script><script src="/_next/static/N2MQkjqkeMvE9gtxiUiFA/_buildManifest.js" defer=""></script><script src="/_next/static/N2MQkjqkeMvE9gtxiUiFA/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"N2MQkjqkeMvE9gtxiUiFA","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>
+<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/200244e3e0463c39.css" as="style"/><link rel="stylesheet" href="/_next/static/css/200244e3e0463c39.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-358df5effd039a09.js" defer=""></script><script src="/_next/static/chunks/pages/_error-69b4f498bafdd188.js" defer=""></script><script src="/_next/static/akCjk1pN7Am7MahoLgKug/_buildManifest.js" defer=""></script><script src="/_next/static/akCjk1pN7Am7MahoLgKug/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"akCjk1pN7Am7MahoLgKug","runtimeConfig":{"sentryEnvironment":"beta"},"nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>

package/out/_next/static/{N2MQkjqkeMvE9gtxiUiFA → akCjk1pN7Am7MahoLgKug}/_buildManifest.js

@@ -1 +1 @@
-self.__BUILD_MANIFEST=function(s,c,a,e,t,i,f,b,n,u,d,h,l,k,j,p,g,o,r){return{__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":[a,j,p,"static/chunks/pages/index-64cfb8b0948ba8ef.js"],"/_error":["static/chunks/pages/_error-69b4f498bafdd188.js"],"/changelog":[s,e,"static/chunks/870-0c7a8a9622de78b7.js","static/chunks/pages/changelog-afd18276fe018b24.js"],"/changes":[s,t,"static/chunks/8eec4907-b712959d9f984b68.js",i,"static/chunks/918-5bb55fb464e34768.js",c,b,"static/css/37153180c3b0dd66.css","static/chunks/pages/changes-898f58035cfafe03.js"],"/custom-types":[a,j,p,"static/chunks/pages/custom-types-94b8f8dbf7727412.js"],"/custom-types/[customTypeId]":[s,n,u,d,h,e,f,i,l,g,c,a,k,o,r,"static/chunks/pages/custom-types/[customTypeId]-3f862ad6111a1fc0.js"],"/labs":["static/chunks/pages/labs-ee206005948f8e87.js"],"/page-types/[pageTypeId]":[s,n,u,d,h,e,f,i,l,g,c,a,k,o,r,"static/chunks/pages/page-types/[pageTypeId]-d1ffca11c42f2603.js"],"/slices":[s,t,f,c,b,"static/css/f8eb526e10bc2441.css","static/chunks/pages/slices-e9c70c082ca3e3f9.js"],"/slices/[lib]/[sliceName]/[variation]":[s,t,n,u,d,h,e,f,i,l,c,k,b,"static/css/b22c0750c14cc089.css","static/chunks/pages/slices/[lib]/[sliceName]/[variation]-b2a9d773ce5d7739.js"],"/slices/[lib]/[sliceName]/[variation]/simulator":[t,"static/chunks/72585f70-28b4d7d5384b3703.js","static/chunks/18539003-5cc559566b738915.js","static/chunks/376-7e784d6069e01654.js","static/chunks/pages/slices/[lib]/[sliceName]/[variation]/simulator-897ca93c114a1435.js"],sortedPages:["/","/_app","/_error","/changelog","/changes","/custom-types","/custom-types/[customTypeId]","/labs","/page-types/[pageTypeId]","/slices","/slices/[lib]/[sliceName]/[variation]","/slices/[lib]/[sliceName]/[variation]/simulator"]}}("static/chunks/59b4e022-7a3b5554b806349f.js","static/chunks/25-37d6fa7f064be04b.js","static/chunks/731-501990ebe6a71b32.js","static/chunks/183-4feb6bb3eddbc768.js","static/chunks/c8eae200-966ce352f7b5d2b9.js","static/chunks/543-f8766685f7f451e2.js","static/chunks/50-cfc2514205b86001.js","static/chunks/286-ed90373e9a469944.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-541db69860d31138.js","static/chunks/727-2016e98f80ea6a62.js","static/css/be1f49e49a5aa7eb.css","static/chunks/474-5a072e6fac61f703.js","static/chunks/904-4c4d0a2183ae9a27.js","static/css/72465cc1225f28a2.css"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();
+self.__BUILD_MANIFEST=function(s,c,a,e,t,i,f,b,n,u,d,h,l,k,j,p,g,o,r){return{__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":[a,j,p,"static/chunks/pages/index-64cfb8b0948ba8ef.js"],"/_error":["static/chunks/pages/_error-69b4f498bafdd188.js"],"/changelog":[s,e,"static/chunks/870-0c7a8a9622de78b7.js","static/chunks/pages/changelog-afd18276fe018b24.js"],"/changes":[s,t,"static/chunks/8eec4907-b712959d9f984b68.js",i,"static/chunks/918-5bb55fb464e34768.js",c,b,"static/css/37153180c3b0dd66.css","static/chunks/pages/changes-2a976f9efeb719aa.js"],"/custom-types":[a,j,p,"static/chunks/pages/custom-types-94b8f8dbf7727412.js"],"/custom-types/[customTypeId]":[s,n,u,d,h,e,f,i,l,g,c,a,k,o,r,"static/chunks/pages/custom-types/[customTypeId]-3f862ad6111a1fc0.js"],"/labs":["static/chunks/pages/labs-ee206005948f8e87.js"],"/page-types/[pageTypeId]":[s,n,u,d,h,e,f,i,l,g,c,a,k,o,r,"static/chunks/pages/page-types/[pageTypeId]-d1ffca11c42f2603.js"],"/slices":[s,t,f,c,b,"static/css/f8eb526e10bc2441.css","static/chunks/pages/slices-e9c70c082ca3e3f9.js"],"/slices/[lib]/[sliceName]/[variation]":[s,t,n,u,d,h,e,f,i,l,c,k,b,"static/css/b22c0750c14cc089.css","static/chunks/pages/slices/[lib]/[sliceName]/[variation]-b2a9d773ce5d7739.js"],"/slices/[lib]/[sliceName]/[variation]/simulator":[t,"static/chunks/72585f70-28b4d7d5384b3703.js","static/chunks/18539003-5cc559566b738915.js","static/chunks/376-7e784d6069e01654.js","static/chunks/pages/slices/[lib]/[sliceName]/[variation]/simulator-897ca93c114a1435.js"],sortedPages:["/","/_app","/_error","/changelog","/changes","/custom-types","/custom-types/[customTypeId]","/labs","/page-types/[pageTypeId]","/slices","/slices/[lib]/[sliceName]/[variation]","/slices/[lib]/[sliceName]/[variation]/simulator"]}}("static/chunks/59b4e022-7a3b5554b806349f.js","static/chunks/25-37d6fa7f064be04b.js","static/chunks/731-501990ebe6a71b32.js","static/chunks/183-4feb6bb3eddbc768.js","static/chunks/c8eae200-966ce352f7b5d2b9.js","static/chunks/543-f8766685f7f451e2.js","static/chunks/50-cfc2514205b86001.js","static/chunks/286-ed90373e9a469944.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-ce7e74f18f2d5b22.js","static/chunks/727-3a3bc32518778317.js","static/css/be1f49e49a5aa7eb.css","static/chunks/474-5a072e6fac61f703.js","static/chunks/904-9a4c1264727ae89a.js","static/css/72465cc1225f28a2.css"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();