@akinon/pz-theme 2.0.95-beta.1 → 2.0.95-rc.0

package/src/blocks/form-state-block.tsx

@@ -1,84 +0,0 @@
-'use client';
-
-import React from 'react';
-
-import { readFormStateKey } from '../auth/form-state-context';
-import { partAttrs } from '../utils';
-import { renderComposedChildren } from './render-composed-children';
-import { BlockRendererProps } from './block-renderer-registry';
-import { DesignerPlaceholder } from './product-block-utils';
-
-/**
- * One SCREEN of a composed form, as a named wrapper whose contents are
- * ordinary child blocks.
- *
- * This is what makes "the confirmation can be a line of text, or a whole
- * component" true: the confirmation is whatever the designer puts in here — a
- * Text block, or an icon and a heading and a Button, or the Form Success block
- * that carries the form's own sentence. Same for the refusal, the busy moment,
- * and the dead-link screen a password reset can land on. Before this, every
- * state except the form itself was the form's own markup with one authored
- * string in it.
- *
- * Deliberately shaped like `otp-phase` and `auth-step`, and for the same
- * reason: the container decides NOTHING about its own visibility. The form it
- * stands in draws the containers whose state matches — see
- * `auth/form-state-context.tsx` — so dropped anywhere else this is just a
- * labelled column whose children always show, which is what keeps it dressable
- * on its own.
- *
- * Properties: formState.
- * Parts: state.
- */
-const FormStateBlock = ({
-  block,
-  placeholderId,
-  sectionId,
-  isDesigner = false,
-  selectedBlockId,
-  currentBreakpoint = 'desktop'
-}: BlockRendererProps) => {
-  const formState = readFormStateKey(block, currentBreakpoint);
-
-  const childBlocks = (block.blocks || [])
-    .filter((childBlock) => (isDesigner ? true : !childBlock.hidden))
-    .sort((a, b) => (a.order || 0) - (b.order || 0));
-
-  // An empty container draws nothing a shopper could see; in the canvas it has
-  // to say what it is waiting for, or adding one looks like nothing happened.
-  if (childBlocks.length === 0 && !isDesigner) return null;
-
-  return (
-    <div
-      data-form-state=""
-      // Fills its block wrapper; see the note in auth-step-block.tsx.
-      className="w-full"
-      data-form-state-key={formState || undefined}
-      {...partAttrs('state')}
-      style={{
-        display: 'flex',
-        flexDirection: 'column',
-        gap: 'var(--form-state-gap, 12px)'
-      }}
-    >
-      {childBlocks.length === 0 ? (
-        <DesignerPlaceholder
-          label={`Form state${
-            formState ? ` · ${formState}` : ''
-          } (drop its content here)`}
-        />
-      ) : (
-        renderComposedChildren({
-          blocks: childBlocks,
-          placeholderId,
-          sectionId,
-          isDesigner,
-          selectedBlockId,
-          currentBreakpoint
-        })
-      )}
-    </div>
-  );
-};
-
-export default FormStateBlock;