"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var _chunk3VE2MW6Ecjs = require('./chunk-3VE2MW6E.cjs');


var _chunk6HFFGWQXcjs = require('./chunk-6HFFGWQX.cjs');


var _chunkILBP4CTUcjs = require('./chunk-ILBP4CTU.cjs');


var _chunkVLYEKZJ6cjs = require('./chunk-VLYEKZJ6.cjs');


var _chunkJDJJ2Y3Ycjs = require('./chunk-JDJJ2Y3Y.cjs');



var _chunkAEJ7VTL4cjs = require('./chunk-AEJ7VTL4.cjs');


var _chunkJ2EZWKMZcjs = require('./chunk-J2EZWKMZ.cjs');


var _chunkYPB3YRAGcjs = require('./chunk-YPB3YRAG.cjs');


var _chunkDDGSFIWAcjs = require('./chunk-DDGSFIWA.cjs');


var _chunkCH2PLO6Fcjs = require('./chunk-CH2PLO6F.cjs');


var _chunk4BTJNCI2cjs = require('./chunk-4BTJNCI2.cjs');


var _chunkTXDLUYVGcjs = require('./chunk-TXDLUYVG.cjs');


var _chunkZUAO4DW3cjs = require('./chunk-ZUAO4DW3.cjs');


var _chunkMFKERIW4cjs = require('./chunk-MFKERIW4.cjs');


var _chunkKKOBB4X5cjs = require('./chunk-KKOBB4X5.cjs');


var _chunkOA2TKY4Kcjs = require('./chunk-OA2TKY4K.cjs');






var _chunkRSHN4K6Ncjs = require('./chunk-RSHN4K6N.cjs');


var _chunkGH54P25Bcjs = require('./chunk-GH54P25B.cjs');


var _chunk6VA4SAHQcjs = require('./chunk-6VA4SAHQ.cjs');


var _chunkOBHJBBPCcjs = require('./chunk-OBHJBBPC.cjs');


var _chunkKW3JYLRIcjs = require('./chunk-KW3JYLRI.cjs');


var _chunkQQDRBCBYcjs = require('./chunk-QQDRBCBY.cjs');



var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');

// src/components/CardForm/CardForm.tsx
var _react = require('@emotion/react');
var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
var _react3 = require('react');
var _jsxruntime = require('@emotion/react/jsx-runtime');
function resolveProps(args, theme) {
  const paddingTop = resolveCardFormProp(
    args.paddingTop,
    args.kind,
    "paddingTop",
    theme
  );
  const paddingBottom = resolveCardFormProp(
    args.paddingBottom,
    args.kind,
    "paddingBottom",
    theme
  );
  const paddingX = resolveCardFormProp(
    args.paddingX,
    args.kind,
    "paddingX",
    theme
  );
  const textAlign = resolveCardFormProp(
    args.textAlign,
    args.kind,
    "textAlign",
    theme
  );
  const shadow = resolveCardFormProp(args.shadow, args.kind, "shadow", theme);
  const borderRadius = resolveCardFormProp(
    void 0,
    args.kind,
    "borderRadius",
    theme
  );
  const borderWidth = resolveCardFormProp(
    void 0,
    args.kind,
    "borderWidth",
    theme
  );
  const borderColor = resolveCardFormProp(
    void 0,
    args.kind,
    "borderColor",
    theme
  );
  const backgroundColor = resolveCardFormProp(
    void 0,
    args.kind,
    "backgroundColor",
    theme
  );
  const smBackgroundColor = resolveCardFormProp(
    void 0,
    args.kind,
    "smBackgroundColor",
    theme
  );
  const smBorderWidth = resolveCardFormProp(
    void 0,
    args.kind,
    "smBorderWidth",
    theme
  );
  const defaultDescriptionTypographyMap = resolveCardFormProp(
    void 0,
    args.kind,
    "defaultDescriptionTypographyMap",
    theme
  );
  const props = {
    paddingTop,
    paddingBottom,
    paddingX,
    shadow,
    borderRadius,
    borderColor,
    borderWidth,
    textAlign,
    backgroundColor,
    smBackgroundColor,
    smBorderWidth,
    defaultDescriptionTypographyMap
  };
  return props;
}
function CardForm({
  children,
  disabled,
  topContent = null,
  aboveHeaderContent,
  title,
  titleSize = "Large",
  titleMarginLeft,
  description,
  full = false,
  onSubmit,
  titleRightIcon,
  /* In some cases eg third party libs we can't avoid the need for child forms, so the
     top level element must be a div. Avoid using this prop generally except when necessary: */
  hasChildForm,
  wide = false,
  kind = "primary",
  shadow: shadowProp,
  textAlign: textAlignProp,
  paddingTop: paddingTopProp,
  paddingBottom: paddingBottomProp,
  paddingX: paddingXProp,
  belowFormContent,
  belowFormContentGap = 0,
  forceMarginAfterSubtitle = true,
  afterTitleMargin = 40,
  graphicHeader,
  statusHeaderProps,
  centeredContent = false,
  contentMarginTop,
  formButtonTopMargin,
  selectMarginTop,
  smDontAdjustWidth = false
}) {
  const theme = _react.useTheme.call(void 0, );
  const {
    paddingTop,
    paddingBottom,
    paddingX,
    shadow,
    borderRadius,
    borderWidth,
    borderColor,
    textAlign,
    backgroundColor,
    smBackgroundColor,
    smBorderWidth,
    defaultDescriptionTypographyMap
  } = resolveProps(
    {
      kind,
      textAlign: textAlignProp,
      shadow: shadowProp,
      paddingTop: paddingTopProp,
      paddingBottom: paddingBottomProp,
      paddingX: paddingXProp
    },
    theme
  );
  const onSubmitForm = _react3.useCallback.call(void 0, 
    (e) => {
      e.preventDefault();
      if (disabled) {
        return;
      }
      if (onSubmit) {
        onSubmit(e);
      }
    },
    [onSubmit, disabled]
  );
  const formattedDescription = description ? _chunkYPB3YRAGcjs.toReactNodesWithTypographyMap.call(void 0, 
    description,
    defaultDescriptionTypographyMap,
    false
  ) : null;
  const belowFormContentNodes = belowFormContent ? _chunkDDGSFIWAcjs.toReactNodes.call(void 0, belowFormContent) : null;
  const CardFormContentTarget = full ? CardFormContentFull : CardFormContent;
  const headerData = [
    aboveHeaderContent ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react3.Fragment, { children: aboveHeaderContent }, "card-form-above-header") : null,
    title ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
      CardHeadline,
      {
        hasTopContent: Boolean(topContent),
        afterTitleMargin,
        contentMarginTop,
        titleMarginLeft,
        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
          _chunk3VE2MW6Ecjs.Headline,
          {
            content: [
              title,
              ...titleRightIcon ? [_chunkCH2PLO6Fcjs.icon.call(void 0, { name: titleRightIcon.name, ml: 4 })] : []
            ],
            display: "inline-flex",
            size: titleSize
          }
        )
      },
      "card-form-title"
    ) : null,
    formattedDescription ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardFormSubtitle, { children: formattedDescription }, "card-form-subtitle") : null
  ];
  const content = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CardFormContentTarget, { children: [
    topContent,
    centeredContent ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CenteredHeader, { children: headerData }) : headerData,
    children
  ] });
  const commonProps = {
    wide,
    shadow,
    borderRadius,
    borderWidth,
    borderColor,
    textAlign,
    paddingX,
    paddingTop,
    paddingBottom,
    backgroundColor,
    smBackgroundColor,
    smBorderWidth,
    forceMarginAfterSubtitle,
    smDontAdjustWidth
  };
  const Container = full ? CardFormContentFull : CardFormContainer;
  const statusHeader = _react3.useMemo.call(void 0, 
    () => statusHeaderProps ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StatusHeader, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, statusHeaderProps)) : null,
    [statusHeaderProps]
  );
  _react3.useEffect.call(void 0, () => {
    var _a;
    (_a = document.querySelector("meta[name='theme-color']")) == null ? void 0 : _a.setAttribute("content", statusHeader ? theme.linkLight : theme.bg);
    return () => {
      var _a2;
      (_a2 = document.querySelector("meta[name='theme-color']")) == null ? void 0 : _a2.setAttribute("content", theme.bg);
    };
  }, [statusHeader, theme.linkLight, theme.bg]);
  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Container, { paddingBottom, children: [
    hasChildForm ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledCardFormDiv, _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, commonProps), { children: content })) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledCardFormContainer, { full, statusHeader: !!statusHeader, children: [
      statusHeader,
      graphicHeader && graphicHeader,
      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
        StyledCardForm,
        _chunkZ6EUSUADcjs.__spreadProps.call(void 0, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {
          onSubmit: onSubmitForm,
          noValidate: true
        }, commonProps), {
          forceMarginAfterSubtitle,
          graphicHeader: !!graphicHeader,
          statusHeader: !!statusHeader,
          formButtonTopMargin,
          selectMarginTop,
          children: content
        })
      )
    ] }),
    belowFormContentNodes && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BelowCardFormContent, { gap: belowFormContentGap, children: belowFormContentNodes })
  ] });
}
var StatusHeader = ({ content, onClick }) => {
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StatusHeaderContainer, { onClick, children: _chunkDDGSFIWAcjs.toReactNodes.call(void 0, content) });
};
var StatusHeaderContainer = _styled2.default.div`
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  cursor: ${({ onClick }) => onClick ? "pointer" : "default"};
  gap: 2px;
  width: 100%;
  min-height: 49px;
  background-color: ${({ theme }) => theme.linkLight};
  padding: ${_chunkZUAO4DW3cjs.Spacing.px.xs} ${_chunkZUAO4DW3cjs.Spacing.px.lg};

  ${_chunkKW3JYLRIcjs.bp.minSm(`
    margin-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xs};
    width: fit-content;
    border-radius: 32px;
  `)}
`;
var StyledCardFormContainer = _styled2.default.div`
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: ${({ full }) => full ? "100%" : "auto"};
  background-color: ${({ statusHeader, theme }) => statusHeader ? theme.linkLight : theme.bg};
  ${_chunkKW3JYLRIcjs.bp.minSm(`
    background-color: #F9F9F9;
  `)}
`;
var CenteredHeader = _styled2.default.div`
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
  justify-content: center;
`;
var CardFormContainer = _styled2.default.div`
  display: flex;
  flex-direction: column;
`;
var CardFormContent = _styled2.default.div`
  display: flex;
  flex-direction: column;
  align-self: center;
`;
var CardFormContentFull = _styled2.default.div`
  display: flex;
  flex-direction: column;
  align-self: center;
  height: 100%;
  padding-bottom: ${({ paddingBottom }) => paddingBottom != null ? paddingBottom : 0}px;
`;
var BelowCardFormContent = _styled2.default.div`
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: ${({ gap }) => gap}px;
  margin-top: ${_chunkZUAO4DW3cjs.Spacing.px.xl};
  margin-bottom: ${_chunkZUAO4DW3cjs.Spacing.px.xl};
`;
var CardFormSubtitle = _styled2.default.div`
  padding: 0 ${_chunkZUAO4DW3cjs.Spacing.px.xs};
`;
var CardFormButtonRow = _styled2.default.div`
  display: flex;
  justify-content: ${({ justify }) => (
  /* Default left */
  justify === "center" ? "center" : "left"
)};
  margin-top: 32px;
  ${_chunkKKOBB4X5cjs.ButtonSelector.call(void 0, "* + ")} {
    margin-left: 10px;
  }

  &:not(:last-child) {
    margin-bottom: 32px;
  }
`;
var fieldLabelMarginPx = 12;
var CardFormFieldLabel = _styled2.default.label`
  display: block;
  margin-top: ${_chunkAEJ7VTL4cjs.inputSpacingPx}px;
  color: ${({ theme }) => theme.text};
  font-size: ${_chunkMFKERIW4cjs.pxToRems.call(void 0, 14)};
  font-weight: 700;
  & + * {
    margin-top: ${fieldLabelMarginPx}px;
  }
`;
var CardFormNearButtonColumn = _styled2.default.div`
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: ${_chunkZUAO4DW3cjs.Spacing.px.sm};
`;
function CardFormDataFieldValue({ text }) {
  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledCardFormDataFieldValue, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4BTJNCI2cjs.ClipboardTextField, { value: text, icon: true, iconSide: "right" }) });
}
var StyledCardFormDataFieldValue = _styled2.default.div`
  margin-top: 4px;
  color: ${({ theme }) => theme.mcNeutral};
`;
var CardFormFullWidth = _styled2.default.div``;
var CardFormFullTopContent = _styled2.default.div`
  ${({ borderRadius = "16px 16px 0 0" }) => _chunkKW3JYLRIcjs.bp.minSm(`
    overflow: hidden;
    border-radius: ${borderRadius};
  `)}
`;
var StyledCardFormCheckboxParagraph = _styled2.default.div`
  display: flex;
  color: ${({ theme }) => theme.mcNeutral};
`;
var formInset = ({
  wide,
  paddingX,
  paddingTop,
  paddingBottom,
  smDontAdjustWidth,
  graphicHeader
}) => _react.css`
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  padding-right: ${paddingX}px;
  padding-left: ${paddingX}px;
  padding-top: ${paddingTop}px;
  padding-bottom: ${paddingBottom}px;

  ${_chunkKW3JYLRIcjs.bp.minSm(`
    width: ${wide ? 700 : 408}px;
  `)}

  ${graphicHeader || smDontAdjustWidth ? `width: 100%;` : _chunkRSHN4K6Ncjs.standardContentInset.smCSS}

  & ${CardFormFullWidth}, & ${CardFormFullTopContent} {
    ${smDontAdjustWidth ? "" : _chunkKW3JYLRIcjs.bp.sm(`
      padding-right: ${_chunkRSHN4K6Ncjs.standardContentInset.smPx}px;
      padding-left: ${_chunkRSHN4K6Ncjs.standardContentInset.smPx}px;
      margin-left: -${_chunkRSHN4K6Ncjs.standardContentInset.smPx}px;
    `)}

    ${smDontAdjustWidth ? "" : _chunkKW3JYLRIcjs.bp.minSm(`
      padding-right: ${paddingX}px;
      padding-left: ${paddingX}px;
      margin-left: -${paddingX}px;
    `)}
  }

  & ${CardFormFullTopContent} {
    ${_chunkKW3JYLRIcjs.bp.minSm(`
      margin-top: -${paddingTop}px;
    `)}
  }
`;
var StyledCardFormStyle = ({
  theme,
  wide,
  shadow,
  borderRadius,
  borderWidth,
  borderColor,
  textAlign,
  paddingX,
  paddingTop,
  paddingBottom,
  backgroundColor,
  smBackgroundColor,
  smBorderWidth,
  forceMarginAfterSubtitle = true,
  graphicHeader,
  statusHeader,
  formButtonTopMargin = 32,
  selectMarginTop = _chunkAEJ7VTL4cjs.inputSpacingPx,
  smDontAdjustWidth = false
}) => {
  return _react.css`
    ${graphicHeader ? formInset({
    wide,
    paddingX,
    paddingTop,
    paddingBottom,
    graphicHeader,
    smDontAdjustWidth
  }) : formInset({
    wide,
    paddingX,
    paddingTop,
    paddingBottom,
    smDontAdjustWidth
  })}

    ${shadow === "soft" ? _chunkRSHN4K6Ncjs.standardCardShadow : shadow === "hard" ? _chunkRSHN4K6Ncjs.standardCardShadowHard : ""}

    position: relative;
    height: 100%;
    border-style: solid;
    border-width: ${borderWidth}px;
    border-color: ${_chunkOBHJBBPCcjs.getColor.call(void 0, theme, borderColor)};
    background-color: ${_chunkOBHJBBPCcjs.getColor.call(void 0, theme, backgroundColor)};

    ${_chunkKW3JYLRIcjs.bp.sm(`
      box-shadow: none;
      background-color: ${_chunkOBHJBBPCcjs.getColor.call(void 0, theme, smBackgroundColor)};
      border-width: ${smBorderWidth}px;
      border-radius: ${statusHeader ? `${borderRadius}px ${borderRadius}px 0 0` : 0};
      ${statusHeader ? `box-shadow: 0 -0.5px 0 0px ${_chunkOBHJBBPCcjs.getColor.call(void 0, theme, borderColor)};` : ""}
    `)}

    ${_chunkKW3JYLRIcjs.bp.minSm(`
      border-radius: ${graphicHeader ? `0 0 ${borderRadius}px ${borderRadius}px` : `${borderRadius}px`};
    `)}

    ${CardHeadline}, ${CardFormSubtitle} {
      text-align: ${textAlign};
    }

    ${forceMarginAfterSubtitle ? `${CardFormSubtitle.toString()} + * {
      margin-top: 40px !important;
    }` : ""}

    ${CardFormButtonRow}, ${_chunkTXDLUYVGcjs.StyledButtonRowButton} {
      ${_chunkKKOBB4X5cjs.ButtonSelector.call(void 0, )} {
        margin-top: 0;
      }
    }

    ${_chunk6HFFGWQXcjs.StyledSelect}, ${_chunkVLYEKZJ6cjs.ToggleContainer} {
      margin-top: ${selectMarginTop}px;
    }

    ${CardFormFieldLabel} {
      margin-top: ${_chunkAEJ7VTL4cjs.inputSpacingPx}px;

      & + ${_chunk6HFFGWQXcjs.StyledSelect} {
        margin-top: ${fieldLabelMarginPx}px;
      }
    }

    ${_chunkILBP4CTUcjs.TextInputHalfRow} > ${_chunk6HFFGWQXcjs.StyledSelect} {
      margin-top: 0;
    }

    ${_chunkOA2TKY4Kcjs.LoadingWrapper} {
      margin: 32px 0;
      * + * {
        margin-top: 0;
      }
    }

    ${_chunkKKOBB4X5cjs.ButtonSelector.call(void 0, )} ${_chunkOA2TKY4Kcjs.LoadingWrapper} {
      margin: 0;
    }

    ${_chunkJDJJ2Y3Ycjs.StyledFileInput} {
      margin-top: 16px;
    }

    ${CardFormContent} {
      & > ${StyledCardFormCheckboxParagraph} {
        margin-top: 24px;
      }

      & > ${_chunkKKOBB4X5cjs.ButtonSelector.call(void 0, )}, & > ${_chunk6VA4SAHQcjs.select.call(void 0, CardFormNearButtonColumn)} {
        ${formButtonTopMargin !== void 0 ? `margin-top: ${formButtonTopMargin}px;` : _chunkAEJ7VTL4cjs.formButtonTopMarginStyle}
      }
    }
  `;
};
var StyledCardForm = _styled2.default.form(StyledCardFormStyle);
var StyledCardFormDiv = _styled2.default.div(StyledCardFormStyle);
var CardHeadline = _styled2.default.div`
  padding: 0 ${_chunkZUAO4DW3cjs.Spacing.px.xs};

  ${({ hasTopContent, contentMarginTop }) => hasTopContent || contentMarginTop !== void 0 ? `margin-top: ${contentMarginTop != null ? contentMarginTop : 32}px;` : ""}

  & + *:not(${CardFormSubtitle.toString()}) {
    margin-top: ${({ afterTitleMargin }) => afterTitleMargin}px;
  }

  & + ${CardFormSubtitle} {
    margin-top: 12px;
  }

  ${({ titleMarginLeft }) => titleMarginLeft !== void 0 && `margin-left: ${titleMarginLeft}px;`}
`;
function CardFormTextWithLink({
  text,
  toText,
  to
}) {
  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { css: { marginTop: "16px", fontWeight: "600" }, children: [
    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { css: _chunkRSHN4K6Ncjs.mcBold, children: text }),
    " ",
    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGH54P25Bcjs.Link, { to, children: toText })
  ] });
}
function CardFormCheckboxParagraph({
  children,
  onChange,
  checked
}) {
  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledCardFormCheckboxParagraph, { children: [
    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJ2EZWKMZcjs.Checkbox, { checked, onChange, alignItems: "flex-start" }),
    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardFormCheckboxParagraphText, { onClick: () => onChange(!checked), children })
  ] });
}
var CardFormCheckboxParagraphText = _styled2.default.span`
  margin-left: 12px;
  max-width: 350px;
  cursor: pointer;
`;
var CardFormOption = ({
  label,
  description,
  onClick,
  selected = false
}) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, StyledCardFormOption, { onClick, selected, children: [
  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardFormOptionLabel, { children: label }),
  description ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardFormOptionDescription, { children: description }) : null
] });
var StyledCardFormOption = _styled2.default.div`
  border: ${({ theme, selected }) => `${selected ? `2px solid ${theme.info}` : `1px solid ${theme.c1Neutral}`}`};
  ${_chunkRSHN4K6Ncjs.standardBorderRadius.call(void 0, 8)}
  cursor: pointer;
  margin-top: 10px;
  padding: ${({ selected }) => selected ? "15px" : "16px"};
`;
var CardFormOptionLabel = _styled2.default.div`
  font-weight: bold;
`;
var CardFormOptionDescription = _styled2.default.p`
  color: ${_chunkQQDRBCBYcjs.colors.gray40};
  margin: 6px 0 0;
`;
function resolveCardFormProp(prop, kind, defaultKey, theme) {
  var _a;
  return (
    /** props may be unset for a given kind but theme defaults always exist,
     * so this will always resolve a value: */
    prop !== void 0 ? prop : ((_a = theme.cardForm.kinds[kind]) == null ? void 0 : _a[defaultKey]) || theme.cardForm[defaultKey]
  );
}












exports.CardForm = CardForm; exports.CardFormButtonRow = CardFormButtonRow; exports.CardFormFieldLabel = CardFormFieldLabel; exports.CardFormNearButtonColumn = CardFormNearButtonColumn; exports.CardFormDataFieldValue = CardFormDataFieldValue; exports.CardFormFullWidth = CardFormFullWidth; exports.CardFormFullTopContent = CardFormFullTopContent; exports.CardFormTextWithLink = CardFormTextWithLink; exports.CardFormCheckboxParagraph = CardFormCheckboxParagraph; exports.CardFormOption = CardFormOption;
