import { defineComponent, ref, watch, computed, unref, mergeProps, isRef, withCtx, createVNode, createBlock, createCommentVNode, openBlock, resolveDynamicComponent, Fragment, renderList, Transition, createTextVNode, toDisplayString, renderSlot, toRaw, useSSRContext } from 'vue';
import { ssrRenderComponent, ssrRenderList, ssrRenderVNode, ssrRenderAttrs, ssrInterpolate, ssrRenderSlot, ssrRenderClass, ssrRenderAttr, ssrIncludeBooleanAttr, ssrRenderStyle } from 'vue/server-renderer';
import { useForwardPropsEmits, StepperRoot, useForwardProps, StepperItem, StepperSeparator, StepperTrigger, useDateFormatter, CalendarRoot, CalendarHeader, CalendarPrev, CalendarNext, CalendarHeading, CalendarGrid, CalendarGridHead, CalendarGridRow, CalendarHeadCell, CalendarGridBody, CalendarCell, CalendarCellTrigger } from 'reka-ui';
import { c as cn } from './utils-H80jjgLf.mjs';
import { u as useThrottleFn, r as reactiveOmit } from './index-B_IDLhd1.mjs';
import { a as _export_sfc, k as useRoute, m as useState, d as useI18n, _ as __nuxt_component_0$1, n as navigateTo } from './server.mjs';
import { u as useUtmPayload, _ as _sfc_main$2$1, a as _sfc_main$3$1, b as _sfc_main$E, c as _sfc_main$1$1 } from './useUtmPayload-DlQ2OH8k.mjs';
import { _ as _sfc_main$D } from './FormLabel-PCaiHQXT.mjs';
import { useForm, Field } from 'vee-validate';
import { _ as _sfc_main$2$2, a as _sfc_main$F, b as _sfc_main$1$2 } from './PopoverTrigger-D3Tywx5m.mjs';
import { _ as _sfc_main$G, b as buttonVariants } from './index-m9AqQ9dr.mjs';
import _sfc_main$H from './FlagComponent-tWUs0Zo0.mjs';
import { _ as _sfc_main$d$1, a as _sfc_main$a$1, b as _sfc_main$c$1, c as _sfc_main$8$1, d as _sfc_main$b$1, e as _sfc_main$9$1, f as _sfc_main$7$1, g as _sfc_main$2$3, h as _sfc_main$1$3, i as _sfc_main$6$1, j as _sfc_main$5$1, k as _sfc_main$I } from './Textarea-D5DXsU7G.mjs';
import { toTypedSchema } from '@vee-validate/zod';
import PhoneInput from 'base-vue-phone-input';
import { b as useFocus, c as useVModel, g as createReusableTemplate } from './index-Cce4iXMN.mjs';
import { ChevronsUpDown, ChevronDownIcon, ChevronLeft, ChevronRight } from 'lucide-vue-next';
import * as z from 'zod';
import { toast } from 'vue-sonner';
import { b as useCountriesQuery, a as useServicesQuery } from './contact-k0MTtZDV.mjs';
import { u as useApi } from './useApi-Dv-cyvzn.mjs';
import { CalendarDate, today, getLocalTimeZone } from '@internationalized/date';
import { createYearRange, toDate, createYear } from 'reka-ui/date';
import { _ as _sfc_main$J } from './Separator-DFabXytB.mjs';

const _sfc_main$C = /* @__PURE__ */ defineComponent({
  __name: "Stepper",
  __ssrInlineRender: true,
  props: {
    defaultValue: {},
    orientation: {},
    dir: {},
    modelValue: {},
    linear: { type: Boolean },
    asChild: { type: Boolean },
    as: {},
    class: {}
  },
  emits: ["update:modelValue"],
  setup(__props, { emit: __emit }) {
    const props = __props;
    const emits = __emit;
    const delegatedProps = reactiveOmit(props, "class");
    const forwarded = useForwardPropsEmits(delegatedProps, emits);
    return (_ctx, _push, _parent, _attrs) => {
      _push(ssrRenderComponent(unref(StepperRoot), mergeProps({
        class: unref(cn)(
          "flex gap-2",
          props.class
        )
      }, unref(forwarded), _attrs), {
        default: withCtx((slotProps, _push2, _parent2, _scopeId) => {
          if (_push2) {
            ssrRenderSlot(_ctx.$slots, "default", slotProps, null, _push2, _parent2, _scopeId);
          } else {
            return [
              renderSlot(_ctx.$slots, "default", slotProps)
            ];
          }
        }),
        _: 3
      }, _parent));
    };
  }
});
const _sfc_setup$C = _sfc_main$C.setup;
_sfc_main$C.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/stepper/Stepper.vue");
  return _sfc_setup$C ? _sfc_setup$C(props, ctx) : void 0;
};
const _sfc_main$B = /* @__PURE__ */ defineComponent({
  __name: "StepperItem",
  __ssrInlineRender: true,
  props: {
    step: {},
    disabled: { type: Boolean },
    completed: { type: Boolean },
    asChild: { type: Boolean },
    as: {},
    class: {}
  },
  setup(__props) {
    const props = __props;
    const delegatedProps = reactiveOmit(props, "class");
    const forwarded = useForwardProps(delegatedProps);
    return (_ctx, _push, _parent, _attrs) => {
      _push(ssrRenderComponent(unref(StepperItem), mergeProps(unref(forwarded), {
        class: unref(cn)("flex items-center gap-2 group data-[disabled]:pointer-events-none", props.class)
      }, _attrs), {
        default: withCtx((slotProps, _push2, _parent2, _scopeId) => {
          if (_push2) {
            ssrRenderSlot(_ctx.$slots, "default", slotProps, null, _push2, _parent2, _scopeId);
          } else {
            return [
              renderSlot(_ctx.$slots, "default", slotProps)
            ];
          }
        }),
        _: 3
      }, _parent));
    };
  }
});
const _sfc_setup$B = _sfc_main$B.setup;
_sfc_main$B.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/stepper/StepperItem.vue");
  return _sfc_setup$B ? _sfc_setup$B(props, ctx) : void 0;
};
const _sfc_main$A = /* @__PURE__ */ defineComponent({
  __name: "StepperSeparator",
  __ssrInlineRender: true,
  props: {
    orientation: {},
    decorative: { type: Boolean },
    asChild: { type: Boolean },
    as: {},
    class: {}
  },
  setup(__props) {
    const props = __props;
    const delegatedProps = reactiveOmit(props, "class");
    const forwarded = useForwardProps(delegatedProps);
    return (_ctx, _push, _parent, _attrs) => {
      _push(ssrRenderComponent(unref(StepperSeparator), mergeProps(unref(forwarded), {
        class: unref(cn)(
          "bg-muted",
          // Disabled
          "group-data-[disabled]:bg-muted group-data-[disabled]:opacity-50",
          // Completed
          "group-data-[state=completed]:bg-accent",
          props.class
        )
      }, _attrs), null, _parent));
    };
  }
});
const _sfc_setup$A = _sfc_main$A.setup;
_sfc_main$A.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/stepper/StepperSeparator.vue");
  return _sfc_setup$A ? _sfc_setup$A(props, ctx) : void 0;
};
const _sfc_main$z = /* @__PURE__ */ defineComponent({
  __name: "StepperTrigger",
  __ssrInlineRender: true,
  props: {
    asChild: { type: Boolean },
    as: {},
    class: {}
  },
  setup(__props) {
    const props = __props;
    const delegatedProps = reactiveOmit(props, "class");
    const forwarded = useForwardProps(delegatedProps);
    return (_ctx, _push, _parent, _attrs) => {
      _push(ssrRenderComponent(unref(StepperTrigger), mergeProps(unref(forwarded), {
        class: unref(cn)("p-1 flex flex-col items-center text-center gap-1 rounded-md", props.class)
      }, _attrs), {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
          } else {
            return [
              renderSlot(_ctx.$slots, "default")
            ];
          }
        }),
        _: 3
      }, _parent));
    };
  }
});
const _sfc_setup$z = _sfc_main$z.setup;
_sfc_main$z.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/stepper/StepperTrigger.vue");
  return _sfc_setup$z ? _sfc_setup$z(props, ctx) : void 0;
};
const _sfc_main$y = {};
function _sfc_ssrRender$a(_ctx, _push, _parent, _attrs) {
  _push(`<svg${ssrRenderAttrs(mergeProps({
    width: "2",
    height: "28",
    viewBox: "0 0 24 24",
    fill: "none",
    xmlns: "http://www.w3.org/2000/svg"
  }, _attrs))}><path opacity="0.09" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="url(#paint0_linear_76_1656)"></path><path d="M23.8003 14.1896C23.3565 16.574 22.2013 18.7681 20.4866 20.4834C18.7718 22.1986 16.578 23.3545 14.1937 23.7989L7.03125 16.635L16.7484 7.1377L23.8003 14.1896Z" fill="url(#paint1_linear_76_1656)"></path><path opacity="0.47" d="M12 18.7969C15.7538 18.7969 18.7969 15.7538 18.7969 12C18.7969 8.24619 15.7538 5.20312 12 5.20312C8.24619 5.20312 5.20312 8.24619 5.20312 12C5.20312 15.7538 8.24619 18.7969 12 18.7969Z" fill="url(#paint2_linear_76_1656)"></path><defs><linearGradient id="paint0_linear_76_1656" x1="0" y1="12" x2="24" y2="12" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="white"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint1_linear_76_1656" x1="11.8336" y1="11.8308" x2="20.4862" y2="20.4839" gradientUnits="userSpaceOnUse"><stop stop-color="#1F2A37" stop-opacity="0.09"></stop><stop offset="1" stop-color="#353552" stop-opacity="0.15"></stop></linearGradient><linearGradient id="paint2_linear_76_1656" x1="5.20312" y1="12" x2="18.7969" y2="12" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="white"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient></defs></svg>`);
}
const _sfc_setup$y = _sfc_main$y.setup;
_sfc_main$y.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/svg/CampaignForm/InactiveStep.vue");
  return _sfc_setup$y ? _sfc_setup$y(props, ctx) : void 0;
};
const InactiveStep = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["ssrRender", _sfc_ssrRender$a]]);
const _sfc_main$x = {};
function _sfc_ssrRender$9(_ctx, _push, _parent, _attrs) {
  _push(`<svg${ssrRenderAttrs(mergeProps({
    width: "24",
    height: "24",
    viewBox: "0 0 24 24",
    fill: "none",
    xmlns: "http://www.w3.org/2000/svg"
  }, _attrs))}><g clip-path="url(#clip0_76_1646)"><path d="M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12ZM5.4453 12C5.4453 15.6201 8.37994 18.5547 12 18.5547C15.6201 18.5547 18.5547 15.6201 18.5547 12C18.5547 8.37994 15.6201 5.4453 12 5.4453C8.37994 5.4453 5.4453 8.37994 5.4453 12Z" fill="url(#paint0_linear_76_1646)" fill-opacity="0.5"></path><path d="M23.8003 14.1896C23.3565 16.574 22.2013 18.7681 20.4866 20.4834C18.7718 22.1986 16.578 23.3545 14.1937 23.7989L7.03125 16.635L16.7484 7.1377L23.8003 14.1896Z" fill="url(#paint1_linear_76_1646)"></path></g><defs><linearGradient id="paint0_linear_76_1646" x1="0" y1="12" x2="24" y2="12" gradientUnits="userSpaceOnUse"><stop stop-color="#00BED7"></stop><stop offset="0.5" stop-color="#6489E3"></stop><stop offset="1" stop-color="#C853EF"></stop></linearGradient><linearGradient id="paint1_linear_76_1646" x1="11.8336" y1="11.8308" x2="20.4862" y2="20.4839" gradientUnits="userSpaceOnUse"><stop stop-color="#1F2A37" stop-opacity="0.09"></stop><stop offset="1" stop-color="#353552" stop-opacity="0.15"></stop></linearGradient><clipPath id="clip0_76_1646"><rect width="24" height="24" fill="white"></rect></clipPath></defs></svg>`);
}
const _sfc_setup$x = _sfc_main$x.setup;
_sfc_main$x.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/svg/CampaignForm/ActiveStep.vue");
  return _sfc_setup$x ? _sfc_setup$x(props, ctx) : void 0;
};
const ActiveStep = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["ssrRender", _sfc_ssrRender$9]]);
const _sfc_main$w = {};
function _sfc_ssrRender$8(_ctx, _push, _parent, _attrs) {
  _push(`<svg${ssrRenderAttrs(mergeProps({
    width: "28",
    height: "28",
    viewBox: "0 0 24 24",
    fill: "none",
    xmlns: "http://www.w3.org/2000/svg"
  }, _attrs))}><g clip-path="url(#clip0_76_1638)"><path d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="url(#paint0_linear_76_1638)" fill-opacity="0.5"></path><path d="M23.8003 14.1896C23.3565 16.574 22.2013 18.7681 20.4866 20.4834C18.7718 22.1986 16.578 23.3545 14.1937 23.7989L7.03125 16.635L16.7484 7.1377L23.8003 14.1896Z" fill="url(#paint1_linear_76_1638)"></path><path d="M12 18.7969C15.7538 18.7969 18.7969 15.7538 18.7969 12C18.7969 8.24619 15.7538 5.20312 12 5.20312C8.24619 5.20312 5.20312 8.24619 5.20312 12C5.20312 15.7538 8.24619 18.7969 12 18.7969Z" fill="url(#paint2_linear_76_1638)"></path><path d="M14.1636 8.83175L10.8823 12.113L9.83563 11.0663C9.70993 10.9406 9.53946 10.87 9.36172 10.87C9.18398 10.87 9.01352 10.9406 8.88782 11.0663L8.07125 11.8828C7.94559 12.0085 7.875 12.179 7.875 12.3568C7.875 12.5345 7.94559 12.705 8.07125 12.8307L9.59188 14.3513L9.80797 14.5674L10.4089 15.1683C10.5346 15.294 10.7051 15.3646 10.8828 15.3646C11.0606 15.3646 11.231 15.294 11.3567 15.1683L15.9284 10.5966C16.0541 10.4709 16.1247 10.3004 16.1247 10.1227C16.1247 9.94495 16.0541 9.77448 15.9284 9.64878L15.1114 8.83175C14.9857 8.70609 14.8152 8.6355 14.6375 8.6355C14.4598 8.6355 14.2893 8.70609 14.1636 8.83175Z" fill="url(#paint3_linear_76_1638)"></path></g><defs><linearGradient id="paint0_linear_76_1638" x1="0" y1="12" x2="24" y2="12" gradientUnits="userSpaceOnUse"><stop stop-color="#00BED7"></stop><stop offset="0.5" stop-color="#6489E3"></stop><stop offset="1" stop-color="#C853EF"></stop></linearGradient><linearGradient id="paint1_linear_76_1638" x1="11.8336" y1="11.8308" x2="20.4862" y2="20.4839" gradientUnits="userSpaceOnUse"><stop stop-color="#1F2A37" stop-opacity="0.09"></stop><stop offset="1" stop-color="#353552" stop-opacity="0.15"></stop></linearGradient><linearGradient id="paint2_linear_76_1638" x1="7.19391" y1="7.19391" x2="16.8061" y2="16.8061" gradientUnits="userSpaceOnUse"><stop stop-color="#6BBCD4"></stop><stop offset="1" stop-color="#00BED7"></stop></linearGradient><linearGradient id="paint3_linear_76_1638" x1="10.3557" y1="9.59" x2="13.6406" y2="12.8749" gradientUnits="userSpaceOnUse"><stop stop-color="#E1F8FE"></stop><stop offset="1" stop-color="#83E2FC"></stop></linearGradient><clipPath id="clip0_76_1638"><rect width="24" height="24" fill="white"></rect></clipPath></defs></svg>`);
}
const _sfc_setup$w = _sfc_main$w.setup;
_sfc_main$w.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/svg/CampaignForm/CompleteStep.vue");
  return _sfc_setup$w ? _sfc_setup$w(props, ctx) : void 0;
};
const CompleteStep = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["ssrRender", _sfc_ssrRender$8]]);
const _sfc_main$v = /* @__PURE__ */ defineComponent({
  __name: "FormTitle",
  __ssrInlineRender: true,
  props: {
    icon: {},
    title: {},
    step: {}
  },
  setup(__props) {
    return (_ctx, _push, _parent, _attrs) => {
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "flex gap-2 items-center" }, _attrs))}><div>`);
      ssrRenderVNode(_push, createVNode(resolveDynamicComponent(_ctx.icon), null, null), _parent);
      _push(`</div><div class="flex flex-col gap-0"><span class="text-[13px] leading-[24px] dark-text-gradient">${ssrInterpolate(_ctx.step)}</span><h3 class="dark-text-gradient text-center text-[24px] leading-[32px]">${ssrInterpolate(_ctx.title)}</h3></div></div>`);
    };
  }
});
const _sfc_setup$v = _sfc_main$v.setup;
_sfc_main$v.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/campaign/campaignForm/FormTitle.vue");
  return _sfc_setup$v ? _sfc_setup$v(props, ctx) : void 0;
};
const _sfc_main$u = {};
function _sfc_ssrRender$7(_ctx, _push, _parent, _attrs) {
  _push(`<svg${ssrRenderAttrs(mergeProps({
    width: "46",
    height: "46",
    viewBox: "0 0 46 46",
    fill: "none",
    xmlns: "http://www.w3.org/2000/svg"
  }, _attrs))}><path d="M20.6999 26.4493C20.6999 26.8727 21.0431 27.216 21.4666 27.216C21.89 27.216 22.2332 26.8727 22.2332 26.4493C22.2332 23.9132 19.8872 21.8171 16.8666 21.5089V20.6993C16.8666 20.2759 16.5233 19.9326 16.0999 19.9326C15.6765 19.9326 15.3332 20.2759 15.3332 20.6993V21.5089C12.3126 21.8156 9.96655 23.9132 9.96655 26.4493C9.96655 28.9854 12.3126 31.0815 15.3332 31.3897V38.2805C13.1613 38.006 11.4999 36.5885 11.4999 34.8826C11.4999 34.4592 11.1566 34.116 10.7332 34.116C10.3098 34.116 9.96655 34.4592 9.96655 34.8826C9.96655 37.4188 12.3126 39.5148 15.3332 39.823V40.6326C15.3332 41.056 15.6765 41.3993 16.0999 41.3993C16.5233 41.3993 16.8666 41.056 16.8666 40.6326V39.823C19.8872 39.5164 22.2332 37.4188 22.2332 34.8826C22.2332 32.3465 19.8872 30.2504 16.8666 29.9422V23.0514C19.0385 23.3259 20.6999 24.7435 20.6999 26.4493ZM11.4999 26.4493C11.4999 24.7435 13.1613 23.3259 15.3332 23.0514V29.8472C13.1613 29.5727 11.4999 28.1551 11.4999 26.4493ZM20.6999 34.8826C20.6999 36.5885 19.0385 38.006 16.8666 38.2805V31.4848C19.0385 31.7592 20.6999 33.1768 20.6999 34.8826Z" fill="url(#paint0_linear_24_2137)"></path><path d="M2.76006 23.132C2.37601 22.9537 1.9202 23.1206 1.74192 23.5046C0.588027 25.9879 -0.00659208 28.6943 5.51224e-05 31.4327C5.51224e-05 41.098 5.41656 45.9993 16.1001 45.9993C18.2588 46.0333 20.4127 45.7851 22.5071 45.261C22.9163 45.1522 23.1599 44.7323 23.051 44.323C22.9422 43.9138 22.5223 43.6703 22.113 43.7791C20.1464 44.2648 18.1255 44.4956 16.1001 44.466C6.29822 44.466 1.53339 40.2026 1.53339 31.4327C1.51959 28.9162 2.06616 26.4283 3.13342 24.1493C3.31104 23.7653 3.14394 23.31 2.76006 23.132Z" fill="url(#paint1_linear_24_2137)"></path><path d="M43.7001 19.166H26.8334C25.5632 19.166 24.5334 20.1958 24.5334 21.466V43.6994C24.5334 44.9696 25.5632 45.9993 26.8334 45.9993H43.7001C44.9704 45.9993 46.0001 44.9696 46.0001 43.6994V21.466C46.0001 20.1958 44.9704 19.166 43.7001 19.166ZM44.4668 43.6994C44.4668 44.1228 44.1235 44.466 43.7001 44.466H26.8334C26.41 44.466 26.0668 44.1228 26.0668 43.6994V21.466C26.0668 21.0426 26.41 20.6993 26.8334 20.6993H43.7001C44.1235 20.6993 44.4668 21.0426 44.4668 21.466V43.6994Z" fill="url(#paint2_linear_24_2137)"></path><path d="M29.9 29.1328H40.6334C41.4802 29.1328 42.1667 28.4463 42.1667 27.5995V24.5328C42.1667 23.686 41.4802 22.9995 40.6334 22.9995H29.9C29.0532 22.9995 28.3667 23.686 28.3667 24.5328V27.5995C28.3667 28.4463 29.0532 29.1328 29.9 29.1328ZM29.9 24.5328H40.6334V27.5995H29.9V24.5328Z" fill="url(#paint3_linear_24_2137)"></path><path d="M31.4334 31.4326H29.1334C28.7099 31.4326 28.3667 31.7759 28.3667 32.1993C28.3667 32.6227 28.7099 32.966 29.1334 32.966H31.4334C31.8568 32.966 32.2 32.6227 32.2 32.1993C32.2 31.7759 31.8568 31.4326 31.4334 31.4326Z" fill="url(#paint4_linear_24_2137)"></path><path d="M31.4334 34.4995H29.1334C28.7099 34.4995 28.3667 34.8428 28.3667 35.2662C28.3667 35.6896 28.7099 36.0328 29.1334 36.0328H31.4334C31.8568 36.0328 32.2 35.6896 32.2 35.2662C32.2 34.8428 31.8568 34.4995 31.4334 34.4995Z" fill="url(#paint5_linear_24_2137)"></path><path d="M31.4334 37.5659H29.1334C28.7099 37.5659 28.3667 37.9092 28.3667 38.3326C28.3667 38.756 28.7099 39.0993 29.1334 39.0993H31.4334C31.8568 39.0993 32.2 38.756 32.2 38.3326C32.2 37.9092 31.8568 37.5659 31.4334 37.5659Z" fill="url(#paint6_linear_24_2137)"></path><path d="M31.4334 40.6328H29.1334C28.7099 40.6328 28.3667 40.9761 28.3667 41.3995C28.3667 41.8229 28.7099 42.1661 29.1334 42.1661H31.4334C31.8568 42.1661 32.2 41.8229 32.2 41.3995C32.2 40.9761 31.8568 40.6328 31.4334 40.6328Z" fill="url(#paint7_linear_24_2137)"></path><path d="M36.8001 31.4326H34.5001C34.0766 31.4326 33.7334 31.7759 33.7334 32.1993C33.7334 32.6227 34.0766 32.966 34.5001 32.966H36.8001C37.2235 32.966 37.5667 32.6227 37.5667 32.1993C37.5667 31.7759 37.2235 31.4326 36.8001 31.4326Z" fill="url(#paint8_linear_24_2137)"></path><path d="M36.8001 34.4995H34.5001C34.0766 34.4995 33.7334 34.8428 33.7334 35.2662C33.7334 35.6896 34.0766 36.0328 34.5001 36.0328H36.8001C37.2235 36.0328 37.5667 35.6896 37.5667 35.2662C37.5667 34.8428 37.2235 34.4995 36.8001 34.4995Z" fill="url(#paint9_linear_24_2137)"></path><path d="M36.8001 37.5659H34.5001C34.0766 37.5659 33.7334 37.9092 33.7334 38.3326C33.7334 38.756 34.0766 39.0993 34.5001 39.0993H36.8001C37.2235 39.0993 37.5667 38.756 37.5667 38.3326C37.5667 37.9092 37.2235 37.5659 36.8001 37.5659Z" fill="url(#paint10_linear_24_2137)"></path><path d="M36.8001 40.6328H34.5001C34.0766 40.6328 33.7334 40.9761 33.7334 41.3995C33.7334 41.8229 34.0766 42.1661 34.5001 42.1661H36.8001C37.2235 42.1661 37.5667 41.8229 37.5667 41.3995C37.5667 40.9761 37.2235 40.6328 36.8001 40.6328Z" fill="url(#paint11_linear_24_2137)"></path><path d="M42.1665 31.4326H39.8665C39.4431 31.4326 39.0999 31.7759 39.0999 32.1993C39.0999 32.6227 39.4431 32.966 39.8665 32.966H42.1665C42.5899 32.966 42.9332 32.6227 42.9332 32.1993C42.9332 31.7759 42.5899 31.4326 42.1665 31.4326Z" fill="url(#paint12_linear_24_2137)"></path><path d="M42.1665 34.4995H39.8665C39.4431 34.4995 39.0999 34.8428 39.0999 35.2662C39.0999 35.6896 39.4431 36.0328 39.8665 36.0328H42.1665C42.5899 36.0328 42.9332 35.6896 42.9332 35.2662C42.9332 34.8428 42.5899 34.4995 42.1665 34.4995Z" fill="url(#paint13_linear_24_2137)"></path><path d="M42.1665 37.5659H39.8665C39.4431 37.5659 39.0999 37.9092 39.0999 38.3326C39.0999 38.756 39.4431 39.0993 39.8665 39.0993H42.1665C42.5899 39.0993 42.9332 38.756 42.9332 38.3326C42.9332 37.9092 42.5899 37.5659 42.1665 37.5659Z" fill="url(#paint14_linear_24_2137)"></path><path d="M42.1665 40.6328H39.8665C39.4431 40.6328 39.0999 40.9761 39.0999 41.3995C39.0999 41.8229 39.4431 42.1661 39.8665 42.1661H42.1665C42.5899 42.1661 42.9332 41.8229 42.9332 41.3995C42.9332 40.9761 42.5899 40.6328 42.1665 40.6328Z" fill="url(#paint15_linear_24_2137)"></path><path d="M4.84926 0.967645C2.83063 2.81684 6.37723 8.52084 8.46716 11.4993H8.05009C7.33791 11.4967 6.65421 11.7788 6.15106 12.2829C5.64962 12.7881 5.36778 13.4708 5.36676 14.1827C5.37006 15.138 5.88263 16.0191 6.71149 16.4942C5.81659 17.4407 4.97355 18.435 4.18609 19.4727C3.93204 19.8114 4.00069 20.292 4.33943 20.546C4.67816 20.8001 5.15871 20.7314 5.41276 20.3927C6.35975 19.1538 7.38401 17.9759 8.47943 16.866H24.1501C25.1088 16.866 25.9946 16.3546 26.4739 15.5243C26.9533 14.6941 26.9533 13.6712 26.4739 12.841C25.9946 12.0108 25.1088 11.4993 24.1501 11.4993H23.733C25.8222 8.52084 29.3688 2.81761 27.3517 0.967645C26.424 0.118178 25.343 0.737644 24.3901 1.27968C23.5235 1.87315 22.5145 2.22511 21.4668 2.29934C20.6351 2.29759 19.8422 1.94718 19.281 1.33334C18.442 0.480384 17.2957 0 16.0993 0C14.9029 0 13.7566 0.480384 12.9177 1.33334C12.3556 1.94816 11.5611 2.29866 10.7281 2.29934C9.68092 2.22588 8.67244 1.87384 7.80706 1.27968C6.85486 0.736111 5.77463 0.118944 4.84926 0.967645ZM24.9651 13.3685C25.2949 13.6975 25.3937 14.1931 25.2151 14.6234C25.0366 15.0537 24.616 15.3338 24.1501 15.3327H8.05009C7.41497 15.3327 6.90009 14.8178 6.90009 14.1827C6.90009 13.5476 7.41497 13.0327 8.05009 13.0327H24.1501C24.4554 13.0328 24.7483 13.1535 24.9651 13.3685ZM10.7281 3.83268C11.9249 3.83251 13.0716 3.35158 13.9105 2.49791C14.4704 1.88281 15.2637 1.5322 16.0955 1.5322C16.9273 1.5322 17.7206 1.88281 18.2805 2.49791C19.1205 3.35224 20.2686 3.83319 21.4668 3.83268C22.7831 3.76352 24.0566 3.3414 25.1537 2.61061C25.5037 2.36355 25.8997 2.18915 26.3182 2.09771C27.1048 2.81838 25.0256 7.16461 21.847 11.4993H19.9334V7.66601C19.9334 7.24259 19.5902 6.89934 19.1668 6.89934C18.7433 6.89934 18.4001 7.24259 18.4001 7.66601V11.4993H13.8001V7.66601C13.8001 7.24259 13.4568 6.89934 13.0334 6.89934C12.61 6.89934 12.2668 7.24259 12.2668 7.66601V11.4993H10.3562C7.17763 7.16461 5.09843 2.81838 5.89576 2.08621C6.30564 2.19569 6.69434 2.37293 7.04576 2.61061C8.14115 3.34131 9.41314 3.76345 10.7281 3.83268Z" fill="url(#paint16_linear_24_2137)"></path><defs><linearGradient id="paint0_linear_24_2137" x1="9.96655" y1="30.666" x2="22.2332" y2="30.666" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint1_linear_24_2137" x1="0" y1="34.5315" x2="23.077" y2="34.5315" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint2_linear_24_2137" x1="24.5334" y1="32.5827" x2="46.0001" y2="32.5827" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint3_linear_24_2137" x1="28.3667" y1="26.0662" x2="42.1667" y2="26.0662" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint4_linear_24_2137" x1="28.3667" y1="32.1993" x2="32.2" y2="32.1993" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint5_linear_24_2137" x1="28.3667" y1="35.2662" x2="32.2" y2="35.2662" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint6_linear_24_2137" x1="28.3667" y1="38.3326" x2="32.2" y2="38.3326" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint7_linear_24_2137" x1="28.3667" y1="41.3995" x2="32.2" y2="41.3995" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint8_linear_24_2137" x1="33.7334" y1="32.1993" x2="37.5667" y2="32.1993" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint9_linear_24_2137" x1="33.7334" y1="35.2662" x2="37.5667" y2="35.2662" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint10_linear_24_2137" x1="33.7334" y1="38.3326" x2="37.5667" y2="38.3326" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint11_linear_24_2137" x1="33.7334" y1="41.3995" x2="37.5667" y2="41.3995" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint12_linear_24_2137" x1="39.0999" y1="32.1993" x2="42.9332" y2="32.1993" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint13_linear_24_2137" x1="39.0999" y1="35.2662" x2="42.9332" y2="35.2662" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint14_linear_24_2137" x1="39.0999" y1="38.3326" x2="42.9332" y2="38.3326" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint15_linear_24_2137" x1="39.0999" y1="41.3995" x2="42.9332" y2="41.3995" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint16_linear_24_2137" x1="4.03271" y1="10.3497" x2="27.9514" y2="10.3497" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient></defs></svg>`);
}
const _sfc_setup$u = _sfc_main$u.setup;
_sfc_main$u.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/svg/CampaignForm/Budget.vue");
  return _sfc_setup$u ? _sfc_setup$u(props, ctx) : void 0;
};
const Budget = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["ssrRender", _sfc_ssrRender$7]]);
const _sfc_main$t = {};
function _sfc_ssrRender$6(_ctx, _push, _parent, _attrs) {
  _push(`<svg${ssrRenderAttrs(mergeProps({
    width: "46",
    height: "46",
    viewBox: "0 0 46 46",
    fill: "none",
    xmlns: "http://www.w3.org/2000/svg"
  }, _attrs))}><g clip-path="url(#clip0_76_1434)"><path d="M15.7638 9.15169C14.3607 9.68169 13.3554 11.0275 13.3554 12.6135C13.3554 13.2243 13.5181 13.7927 13.7807 14.3017C12.6678 14.7295 11.8716 15.8025 11.8716 17.065C11.8716 18.3279 12.6678 19.4006 13.7807 19.8288C13.5181 20.3378 13.3554 20.9061 13.3554 21.5166C13.3554 23.1029 14.3607 24.4487 15.7638 24.9784C15.6526 25.2892 15.5812 25.6196 15.5812 25.9681C15.5812 27.6048 16.9122 28.9358 18.5489 28.9358C18.9184 28.9358 19.2687 28.8593 19.5951 28.7362C20.0758 29.7284 21.084 30.4196 22.2585 30.4196C23.8952 30.4196 25.2262 29.0887 25.2262 27.4519V6.67814C25.2262 5.04178 23.8952 3.71045 22.2585 3.71045C21.084 3.71045 20.0758 4.40202 19.5951 5.3939C19.2687 5.27073 18.9184 5.19429 18.5489 5.19429C16.9122 5.19429 15.5812 6.52562 15.5812 8.16198C15.5812 8.51084 15.6526 8.84087 15.7638 9.15169ZM18.5489 6.67814C19.3672 6.67814 20.0327 7.34362 20.0327 8.16198H21.5166C21.5166 7.44904 21.2532 6.80203 20.8326 6.29015C21.0047 5.66125 21.5752 5.19429 22.2585 5.19429C23.0768 5.19429 23.7423 5.85978 23.7423 6.67814V27.4519C23.7423 28.2703 23.0768 28.9358 22.2585 28.9358C21.5752 28.9358 21.0047 28.4692 20.8326 27.8399C21.2532 27.328 21.5166 26.6814 21.5166 25.9681H20.0327C20.0327 26.7865 19.3672 27.4519 18.5489 27.4519C17.7305 27.4519 17.065 26.7865 17.065 25.9681C17.065 25.1497 17.7305 24.4843 18.5489 24.4843V23.0004C17.8262 23.0004 17.1719 23.2707 16.6571 23.701C15.6243 23.5087 14.8393 22.6045 14.8393 21.5166C14.8393 20.2896 15.838 19.2908 17.065 19.2908C18.2924 19.2908 19.2908 20.2896 19.2908 21.5166H20.7746C20.7746 19.4712 19.1108 17.807 17.065 17.807C16.2267 17.807 15.4609 18.0971 14.8393 18.5684V18.5489C14.0209 18.5489 13.3554 17.8834 13.3554 17.065C13.3554 16.2467 14.0209 15.5812 14.8393 15.5812V15.562C15.4609 16.0333 16.2267 16.3231 17.065 16.3231C19.1108 16.3231 20.7746 14.6592 20.7746 12.6135H19.2908C19.2908 13.8409 18.2924 14.8393 17.065 14.8393C15.838 14.8393 14.8393 13.8409 14.8393 12.6135C14.8393 11.526 15.6243 10.6218 16.6571 10.4294C17.1719 10.8598 17.8262 11.1297 18.5489 11.1297V9.64582C17.7305 9.64582 17.065 8.98034 17.065 8.16198C17.065 7.34362 17.7305 6.67814 18.5489 6.67814Z" fill="url(#paint0_linear_76_1434)"></path><path d="M33.3873 5.19429C33.0177 5.19429 32.6678 5.27073 32.3414 5.3939C31.8603 4.40202 30.8521 3.71045 29.6776 3.71045C28.0409 3.71045 26.71 5.04178 26.71 6.67814V27.4519C26.71 29.0887 28.0409 30.4196 29.6776 30.4196C30.8521 30.4196 31.8603 29.7284 32.3414 28.7362C32.6678 28.8593 33.0177 28.9358 33.3873 28.9358C35.024 28.9358 36.3549 27.6048 36.3549 25.9681C36.3549 25.6196 36.2839 25.2892 36.1724 24.9784C37.5754 24.4487 38.5807 23.1029 38.5807 21.5166C38.5807 20.9061 38.4184 20.3378 38.1558 19.8288C39.2686 19.4006 40.0645 18.3279 40.0645 17.065C40.0645 15.8025 39.2686 14.7295 38.1558 14.3017C38.4184 13.7927 38.5807 13.2243 38.5807 12.6135C38.5807 11.0275 37.5754 9.68169 36.1724 9.15169C36.2839 8.84087 36.3549 8.51084 36.3549 8.16198C36.3549 6.52562 35.024 5.19429 33.3873 5.19429ZM37.0969 12.6135C37.0969 13.8409 36.0985 14.8393 34.8711 14.8393C33.6441 14.8393 32.6453 13.8409 32.6453 12.6135H31.1615C31.1615 14.6592 32.8257 16.3231 34.8711 16.3231C35.7094 16.3231 36.4752 16.0333 37.0969 15.562V15.5812C37.9152 15.5812 38.5807 16.2467 38.5807 17.065C38.5807 17.8834 37.9152 18.5489 37.0969 18.5489V18.5684C36.4752 18.0971 35.7094 17.807 34.8711 17.807C32.8257 17.807 31.1615 19.4712 31.1615 21.5166H32.6453C32.6453 20.2896 33.6441 19.2908 34.8711 19.2908C36.0985 19.2908 37.0969 20.2896 37.0969 21.5166C37.0969 22.6045 36.3118 23.5087 35.2794 23.701C34.7642 23.2707 34.11 23.0004 33.3873 23.0004V24.4843C34.2056 24.4843 34.8711 25.1497 34.8711 25.9681C34.8711 26.7865 34.2056 27.4519 33.3873 27.4519C32.5689 27.4519 31.9034 26.7865 31.9034 25.9681H30.4196C30.4196 26.6814 30.6829 27.328 31.1035 27.8399C30.9315 28.4692 30.3609 28.9358 29.6776 28.9358C28.8593 28.9358 28.1938 28.2703 28.1938 27.4519V6.67814C28.1938 5.85978 28.8593 5.19429 29.6776 5.19429C30.3609 5.19429 30.9315 5.66125 31.1035 6.29015C30.6829 6.80203 30.4196 7.44904 30.4196 8.16198H31.9034C31.9034 7.34362 32.5689 6.67814 33.3873 6.67814C34.2056 6.67814 34.8711 7.34362 34.8711 8.16198C34.8711 8.98034 34.2056 9.64582 33.3873 9.64582V11.1297C34.11 11.1297 34.7642 10.8598 35.2794 10.4294C36.3118 10.6218 37.0969 11.526 37.0969 12.6135Z" fill="url(#paint1_linear_76_1434)"></path><path d="M37.651 4.62774C34.1841 1.36915 29.6435 -0.264671 24.8782 0.0352853L24.9703 1.51587C29.3243 1.24526 33.4687 2.73417 36.6352 5.70874C39.8033 8.68584 41.5483 12.7197 41.5483 17.0651C41.5483 22.3016 38.9382 27.1574 34.566 30.0549C33.0579 31.0547 31.9167 32.4809 31.2136 34.1293H20.6915C19.9786 32.469 18.8331 31.0326 17.3224 30.0237C12.8166 27.0122 10.2275 21.9828 10.3959 16.568L8.9128 16.522C8.72804 22.4516 11.5642 27.9602 16.4983 31.2569C17.588 31.9854 18.4582 32.9773 19.0646 34.1293H17.0649V35.6131H19.6565C19.8004 36.0938 19.9156 36.5865 19.9739 37.097H18.5487V38.5808H20.0326V40.8066C20.0326 41.217 20.3651 41.5485 20.7745 41.5485H21.5164C21.5164 44.0036 23.5129 46 25.9679 46C28.423 46 30.4195 44.0036 30.4195 41.5485H31.1614C31.5711 41.5485 31.9033 41.217 31.9033 40.8066V38.5808H33.3872V37.097H31.9555C32.008 36.5872 32.1127 36.0931 32.2536 35.6131H34.871V34.1293H32.839C33.4368 32.9899 34.3019 32.0104 35.3861 31.2924C40.1735 28.1175 43.0321 22.7994 43.0321 17.0651C43.0321 12.3748 41.0705 7.84104 37.651 4.62774ZM25.9679 44.5162C24.3312 44.5162 23.0002 43.1852 23.0002 41.5485H28.9356C28.9356 43.1852 27.6047 44.5162 25.9679 44.5162ZM30.4195 40.0646H21.5164V38.5808H30.4195V40.0646ZM30.4724 37.097H21.457C21.4074 36.5919 21.3273 36.0956 21.2056 35.6131H30.7031C30.585 36.0949 30.5166 36.5934 30.4724 37.097Z" fill="url(#paint2_linear_76_1434)"></path><path d="M8.16209 5.19418C9.79881 5.19418 11.1298 6.52551 11.1298 8.16187C11.1298 8.57232 11.4623 8.90379 11.8717 8.90379C12.2814 8.90379 12.6136 8.57232 12.6136 8.16187C12.6136 6.52551 13.9446 5.19418 15.5813 5.19418C15.991 5.19418 16.3232 4.86271 16.3232 4.45226C16.3232 4.04218 15.991 3.71034 15.5813 3.71034C13.9446 3.71034 12.6136 2.37937 12.6136 0.742654C12.6136 0.332568 12.2814 0.000732422 11.8717 0.000732422C11.4623 0.000732422 11.1298 0.332568 11.1298 0.742654C11.1298 2.37937 9.79881 3.71034 8.16209 3.71034C7.75273 3.71034 7.42017 4.04218 7.42017 4.45226C7.42017 4.86271 7.75273 5.19418 8.16209 5.19418ZM11.8717 3.20063C12.2014 3.69621 12.6277 4.12296 13.1233 4.45226C12.6277 4.78192 12.2014 5.20831 11.8717 5.70389C11.5424 5.20831 11.1156 4.78192 10.6201 4.45226C11.1156 4.12296 11.5424 3.69621 11.8717 3.20063Z" fill="url(#paint3_linear_76_1434)"></path><path d="M11.1296 12.6134C11.5394 12.6134 11.8716 12.2819 11.8716 11.8715C11.8716 11.4614 11.5394 11.1295 11.1296 11.1295C9.49292 11.1295 8.16196 9.79856 8.16196 8.16184C8.16196 7.75176 7.82976 7.41992 7.42003 7.41992C7.01067 7.41992 6.67811 7.75176 6.67811 8.16184C6.67811 9.79856 5.34715 11.1295 3.71043 11.1295C3.30107 11.1295 2.96851 11.4614 2.96851 11.8715C2.96851 12.2819 3.30107 12.6134 3.71043 12.6134C5.34715 12.6134 6.67811 13.9447 6.67811 15.5811C6.67811 15.9915 7.01067 16.323 7.42003 16.323C7.82976 16.323 8.16196 15.9915 8.16196 15.5811C8.16196 13.9447 9.49292 12.6134 11.1296 12.6134ZM7.42003 13.1231C7.09073 12.6275 6.66398 12.2011 6.1684 11.8715C6.66398 11.5422 7.09001 11.1154 7.42003 10.6198C7.7497 11.1154 8.17608 11.5414 8.67167 11.8715C8.17608 12.2011 7.7497 12.6275 7.42003 13.1231Z" fill="url(#paint4_linear_76_1434)"></path></g><defs><linearGradient id="paint0_linear_76_1434" x1="11.8716" y1="17.065" x2="25.2262" y2="17.065" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint1_linear_76_1434" x1="26.71" y1="17.065" x2="40.0645" y2="17.065" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint2_linear_76_1434" x1="8.9043" y1="23.0001" x2="43.0321" y2="23.0001" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint3_linear_76_1434" x1="7.42017" y1="4.45226" x2="16.3232" y2="4.45226" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint4_linear_76_1434" x1="2.96851" y1="11.8715" x2="11.8716" y2="11.8715" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><clipPath id="clip0_76_1434"><rect width="46" height="46" fill="white"></rect></clipPath></defs></svg>`);
}
const _sfc_setup$t = _sfc_main$t.setup;
_sfc_main$t.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/svg/CampaignForm/Idea.vue");
  return _sfc_setup$t ? _sfc_setup$t(props, ctx) : void 0;
};
const Idea = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["ssrRender", _sfc_ssrRender$6]]);
const _sfc_main$s = {};
function _sfc_ssrRender$5(_ctx, _push, _parent, _attrs) {
  _push(`<svg${ssrRenderAttrs(mergeProps({
    width: "46",
    height: "46",
    viewBox: "0 0 46 46",
    fill: "none",
    xmlns: "http://www.w3.org/2000/svg"
  }, _attrs))}><g clip-path="url(#clip0_76_1495)"><path d="M25.4937 21.2959C25.4937 19.919 24.3774 18.8027 23.0005 18.8027C21.6236 18.8027 20.5073 19.919 20.5073 21.2959V32.1868C20.5073 33.5637 21.6236 34.6799 23.0005 34.6799C24.3774 34.6799 25.4937 33.5637 25.4937 32.1868V21.2959Z" fill="url(#paint0_linear_76_1495)"></path><path d="M23.0004 16.8546C22.4524 16.8578 21.9158 16.6983 21.4587 16.3962C21.0015 16.0941 20.6443 15.663 20.4324 15.1577C20.2204 14.6523 20.1633 14.0954 20.2683 13.5576C20.3732 13.0197 20.6355 12.5252 21.0218 12.1365C21.4082 11.7479 21.9012 11.4828 22.4384 11.3747C22.9756 11.2666 23.5328 11.3204 24.0394 11.5294C24.546 11.7384 24.9791 12.093 25.2839 12.5484C25.5887 13.0038 25.7514 13.5395 25.7514 14.0875C25.7526 14.8189 25.4637 15.521 24.948 16.0398C24.4323 16.5585 23.7319 16.8516 23.0004 16.8546Z" fill="url(#paint1_linear_76_1495)"></path><path d="M23 2.51562C27.726 2.51842 32.3057 4.15484 35.9633 7.14765C39.621 10.1405 42.1315 14.3056 43.0698 18.9376C44.008 23.5695 43.3163 28.3834 41.1116 32.5636C38.907 36.7439 35.3251 40.0336 30.9727 41.8753C25.9667 43.9898 20.3257 44.029 15.2907 41.9844C10.2558 39.9398 6.23923 35.9788 4.12473 30.9727C2.01023 25.9667 1.97097 20.3257 4.01559 15.2907C6.06021 10.2558 10.0212 6.23923 15.0273 4.12473C17.5494 3.0571 20.2612 2.50979 23 2.51562ZM23 0C10.2979 0 0 10.2979 0 23C0 35.7021 10.2979 46 23 46C35.7021 46 46 35.7021 46 23C46 10.2979 35.7021 0 23 0Z" fill="url(#paint2_linear_76_1495)"></path></g><defs><linearGradient id="paint0_linear_76_1495" x1="20.5073" y1="26.7413" x2="25.4937" y2="26.7413" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint1_linear_76_1495" x1="20.217" y1="14.0875" x2="25.7514" y2="14.0875" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint2_linear_76_1495" x1="0" y1="23" x2="46" y2="23" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><clipPath id="clip0_76_1495"><rect width="46" height="46" fill="white"></rect></clipPath></defs></svg>`);
}
const _sfc_setup$s = _sfc_main$s.setup;
_sfc_main$s.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/svg/CampaignForm/ExclamationPoint.vue");
  return _sfc_setup$s ? _sfc_setup$s(props, ctx) : void 0;
};
const ExclamationPoint = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["ssrRender", _sfc_ssrRender$5]]);
const _sfc_main$r = {};
function _sfc_ssrRender$4(_ctx, _push, _parent, _attrs) {
  _push(`<svg${ssrRenderAttrs(mergeProps({
    width: "46",
    height: "46",
    viewBox: "0 0 46 46",
    fill: "none",
    xmlns: "http://www.w3.org/2000/svg"
  }, _attrs))}><path d="M9.41282 17.3008H6.47556C5.84944 17.3008 5.33984 17.8104 5.33984 18.4365V21.3805C5.33984 22.0066 5.84944 22.5162 6.47556 22.5162H9.41282C10.0393 22.5162 10.5489 22.0066 10.5489 21.3805V18.4365C10.5489 17.8104 10.0393 17.3008 9.41282 17.3008ZM9.46771 21.3804C9.46771 21.4114 9.44418 21.4349 9.41282 21.4349H6.47556C6.44456 21.4349 6.42102 21.4114 6.42102 21.3804V18.4364C6.42102 18.4054 6.44456 18.3819 6.47556 18.3819H9.41282C9.44418 18.3819 9.46771 18.4054 9.46771 18.4364V21.3804Z" fill="url(#paint0_linear_45_959)"></path><path d="M17.925 17.3008H14.9878C14.3616 17.3008 13.8521 17.8104 13.8521 18.4365V21.3805C13.8521 22.0066 14.3616 22.5162 14.9878 22.5162H17.925C18.5511 22.5162 19.0607 22.0066 19.0607 21.3805V18.4365C19.0607 17.8104 18.5511 17.3008 17.925 17.3008ZM17.9796 21.3804C17.9796 21.4121 17.9567 21.4349 17.925 21.4349H14.9878C14.9568 21.4349 14.9332 21.4114 14.9332 21.3804V18.4364C14.9332 18.4054 14.9568 18.3819 14.9878 18.3819H17.925C17.9567 18.3819 17.9796 18.4048 17.9796 18.4364V21.3804Z" fill="url(#paint1_linear_45_959)"></path><path d="M23.5 22.5157H26.4372C27.0634 22.5157 27.5729 22.0061 27.5729 21.38V18.436C27.5729 17.8099 27.0634 17.3003 26.4372 17.3003H23.5C22.8739 17.3003 22.3643 17.8099 22.3643 18.436V21.38C22.3643 22.0061 22.8739 22.5157 23.5 22.5157ZM23.4454 18.436C23.4454 18.4043 23.4683 18.3815 23.5 18.3815H26.4372C26.4682 18.3815 26.4918 18.405 26.4918 18.436V21.38C26.4918 21.411 26.4682 21.4345 26.4372 21.4345H23.5C23.4683 21.4345 23.4454 21.4116 23.4454 21.38V18.436Z" fill="url(#paint2_linear_45_959)"></path><path d="M32.0123 22.5157H34.9496C35.5757 22.5157 36.0853 22.0061 36.0853 21.38V18.436C36.0853 17.8099 35.5757 17.3003 34.9496 17.3003H32.0123C31.3858 17.3003 30.8762 17.8099 30.8762 18.436V21.38C30.8762 22.0061 31.3859 22.5157 32.0123 22.5157ZM31.9574 18.436C31.9574 18.405 31.9809 18.3815 32.0123 18.3815H34.9496C34.9806 18.3815 35.0041 18.405 35.0041 18.436V21.38C35.0041 21.411 34.9806 21.4345 34.9496 21.4345H32.0123C31.9809 21.4345 31.9574 21.411 31.9574 21.38V18.436Z" fill="url(#paint3_linear_45_959)"></path><path d="M9.41282 24.7505H6.47556C5.84944 24.7505 5.33984 25.2601 5.33984 25.8862V28.8302C5.33984 29.4563 5.84944 29.9659 6.47556 29.9659H9.41282C10.0393 29.9659 10.5489 29.4563 10.5489 28.8302V25.8862C10.5489 25.2601 10.0393 24.7505 9.41282 24.7505ZM9.46771 28.8302C9.46771 28.8612 9.44418 28.8847 9.41282 28.8847H6.47556C6.44456 28.8847 6.42102 28.8612 6.42102 28.8302V25.8862C6.42102 25.8552 6.44456 25.8317 6.47556 25.8317H9.41282C9.44418 25.8317 9.46771 25.8552 9.46771 25.8862V28.8302Z" fill="url(#paint4_linear_45_959)"></path><path d="M17.925 24.7505H14.9878C14.3616 24.7505 13.8521 25.2601 13.8521 25.8862V28.8302C13.8521 29.4563 14.3616 29.9659 14.9878 29.9659H17.925C18.5511 29.9659 19.0607 29.4563 19.0607 28.8302V25.8862C19.0607 25.2601 18.5511 24.7505 17.925 24.7505ZM17.9796 28.8302C17.9796 28.8619 17.9567 28.8847 17.925 28.8847H14.9878C14.9568 28.8847 14.9332 28.8612 14.9332 28.8302V25.8862C14.9332 25.8552 14.9568 25.8317 14.9878 25.8317H17.925C17.9567 25.8317 17.9796 25.8546 17.9796 25.8862V28.8302Z" fill="url(#paint5_linear_45_959)"></path><path d="M9.41282 32.2007H6.47556C5.84944 32.2007 5.33984 32.7103 5.33984 33.3364V36.2804C5.33984 36.9065 5.84944 37.4161 6.47556 37.4161H9.41282C10.0393 37.4161 10.5489 36.9065 10.5489 36.2804V33.3364C10.5489 32.7103 10.0393 32.2007 9.41282 32.2007ZM9.46771 36.2803C9.46771 36.3113 9.44418 36.3348 9.41282 36.3348H6.47556C6.44456 36.3348 6.42102 36.3113 6.42102 36.2803V33.3363C6.42102 33.3053 6.44456 33.2818 6.47556 33.2818H9.41282C9.44418 33.2818 9.46771 33.3053 9.46771 33.3363V36.2803Z" fill="url(#paint6_linear_45_959)"></path><path d="M17.925 32.2007H14.9878C14.3616 32.2007 13.8521 32.7103 13.8521 33.3364V36.2804C13.8521 36.9065 14.3616 37.4161 14.9878 37.4161H17.925C18.5511 37.4161 19.0607 36.9065 19.0607 36.2804V33.3364C19.0607 32.7103 18.5511 32.2007 17.925 32.2007ZM17.9796 36.2803C17.9796 36.312 17.9567 36.3348 17.925 36.3348H14.9878C14.9568 36.3348 14.9332 36.3113 14.9332 36.2803V33.3363C14.9332 33.3053 14.9568 33.2818 14.9878 33.2818H17.925C17.9567 33.2818 17.9796 33.3047 17.9796 33.3363V36.2803Z" fill="url(#paint7_linear_45_959)"></path><path d="M41.3096 24.8333C41.3096 18.8655 41.3096 13.5537 41.3096 7.5911C41.3096 5.99826 40.0134 4.70209 38.4205 4.70209H34.9684V3.08804C34.9684 2.03373 34.1204 1.14355 33.0239 1.14355C31.9515 1.14355 31.0794 2.01603 31.0794 3.08804V4.702H26.7608V3.08804C26.7608 2.03373 25.9129 1.14355 24.8163 1.14355C23.7439 1.14355 22.8718 2.01603 22.8718 3.08804V4.702H18.5532V3.08804C18.5532 2.03373 17.7053 1.14355 16.6087 1.14355C15.5363 1.14355 14.6642 2.01603 14.6642 3.08804V4.702H10.3456V3.08804C10.3456 2.03373 9.49768 1.14355 8.40114 1.14355C7.32876 1.14355 6.45665 2.01603 6.45665 3.08804V4.702H3.00485C1.41165 4.702 0.115479 5.99817 0.115479 7.59101V39.2992C0.115479 40.8924 1.41165 42.1886 3.00485 42.1886H27.6273C29.5632 43.8476 32.071 44.8566 34.8137 44.8566C40.918 44.8566 45.8842 39.8869 45.8842 33.7783C45.8844 30.1021 44.0759 26.8478 41.3096 24.8333ZM33.0239 2.22473C33.509 2.22473 33.8872 2.61573 33.8872 3.08804V8.70391C33.8872 9.17999 33.5002 9.56695 33.0243 9.56713C32.5483 9.56695 32.1613 9.17999 32.1613 8.70391C32.1613 8.63131 32.1606 2.72256 32.1606 3.08804C32.1606 2.61187 32.5477 2.22473 33.0239 2.22473ZM23.9531 3.08804C23.9531 2.61187 24.3402 2.22473 24.8164 2.22473C25.3015 2.22473 25.6797 2.61573 25.6797 3.08804C25.6797 3.16064 25.6778 9.07613 25.6779 8.70391C25.6779 9.17981 25.2912 9.5665 24.8155 9.56704C24.3397 9.5665 23.9531 9.17981 23.9531 8.70391V3.08804ZM16.6088 2.22473C17.0939 2.22473 17.4721 2.61573 17.4721 3.08804V8.70391C17.4721 9.17972 17.0854 9.56641 16.6099 9.56695C16.1343 9.56632 15.7473 9.17963 15.7473 8.70391C15.7473 8.63158 15.7454 2.81977 15.7455 3.08804C15.7455 2.61187 16.1326 2.22473 16.6088 2.22473ZM7.53801 3.08804C7.53801 2.61187 7.92515 2.22473 8.40132 2.22473C8.88638 2.22473 9.26463 2.61573 9.26463 3.08804C9.26463 3.16064 9.26391 9.07613 9.26391 8.70391C9.26391 9.17999 8.87695 9.56695 8.40096 9.56713C7.92497 9.56695 7.53801 9.17999 7.53801 8.70391V3.08804ZM1.19675 7.59101C1.19675 6.59402 2.00795 5.78309 3.00503 5.78309H6.45611V8.70382C6.45611 9.77583 7.32858 10.6483 8.4006 10.6483H8.40096C8.40096 10.6483 8.40114 10.6483 8.40132 10.6483C9.47369 10.6483 10.3458 9.77583 10.3458 8.70382V5.78318H14.6644V8.70391C14.6644 9.77592 15.5365 10.6484 16.6089 10.6484C16.6093 10.6484 16.6096 10.6483 16.61 10.6483C16.6103 10.6483 16.6107 10.6484 16.6111 10.6484C17.6834 10.6484 18.5555 9.77592 18.5555 8.70391V5.78318H22.8699V8.70391C22.8699 9.77592 23.7424 10.6484 24.8148 10.6484C24.8151 10.6484 24.8153 10.6483 24.8157 10.6483C24.816 10.6483 24.8162 10.6484 24.8166 10.6484C25.889 10.6484 26.7611 9.77592 26.7611 8.70391V5.78318H31.0797V8.70391C31.0797 9.77592 31.9518 10.6484 33.0242 10.6484H33.0245C33.0245 10.6484 33.0247 10.6484 33.0249 10.6484C34.0969 10.6484 34.9694 9.77592 34.9694 8.70391V5.78318H38.4208C39.4178 5.78318 40.2287 6.59402 40.2287 7.5911V13.0869H1.19675V7.59101ZM3.00503 41.1075C2.00804 41.1075 1.19675 40.2963 1.19675 39.2992V14.168H40.2285V24.1208C38.3046 23.0414 35.9926 22.5262 33.6612 22.7685C33.6523 22.7695 33.6436 22.7715 33.6347 22.7725C31.3293 23.0179 29.1688 24.0053 27.4958 25.4813C27.3317 25.0558 26.9211 24.7519 26.4385 24.7519H23.5013C22.8751 24.7519 22.3656 25.2615 22.3656 25.8876V28.8312C22.3656 29.4577 22.8751 29.9673 23.5013 29.9673H24.4236C23.9254 31.3165 23.7591 32.5855 23.7484 33.6782C23.7226 36.5167 24.7882 39.1544 26.5191 41.1076H3.00503V41.1075ZM26.493 26.4834C25.8543 27.21 25.2848 28.0688 24.885 28.8861H23.5012C23.4695 28.8861 23.4466 28.8629 23.4466 28.8312V25.8876C23.4466 25.8559 23.4696 25.8331 23.5012 25.8331H26.4384C26.4702 25.8331 26.493 25.856 26.493 25.8876V26.4834ZM34.8139 43.7755C29.3264 43.7755 24.7698 39.2651 24.8291 33.6884C24.8751 28.6116 28.7487 24.3849 33.7576 23.8462C33.763 23.8456 33.7683 23.8443 33.7736 23.8437C39.6209 23.2245 44.8033 27.8361 44.8033 33.7783C44.8033 39.2908 40.3221 43.7755 34.8139 43.7755Z" fill="url(#paint8_linear_45_959)"></path><path d="M34.8139 26.6641C34.5154 26.6641 34.2733 26.9062 34.2733 27.2047V33.5585L31.5053 36.3265C31.2941 36.5376 31.2941 36.8797 31.5053 37.0909C31.7164 37.302 32.0585 37.302 32.2697 37.0909L35.1961 34.1645C35.2974 34.0631 35.3545 33.9255 35.3545 33.7823V27.2046C35.3545 26.9062 35.1123 26.6641 34.8139 26.6641Z" fill="url(#paint9_linear_45_959)"></path><defs><linearGradient id="paint0_linear_45_959" x1="5.33984" y1="19.9085" x2="10.5489" y2="19.9085" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint1_linear_45_959" x1="13.8521" y1="19.9085" x2="19.0607" y2="19.9085" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint2_linear_45_959" x1="22.3643" y1="19.908" x2="27.5729" y2="19.908" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint3_linear_45_959" x1="30.8762" y1="19.908" x2="36.0853" y2="19.908" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint4_linear_45_959" x1="5.33984" y1="27.3582" x2="10.5489" y2="27.3582" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint5_linear_45_959" x1="13.8521" y1="27.3582" x2="19.0607" y2="27.3582" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint6_linear_45_959" x1="5.33984" y1="34.8084" x2="10.5489" y2="34.8084" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint7_linear_45_959" x1="13.8521" y1="34.8084" x2="19.0607" y2="34.8084" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint8_linear_45_959" x1="0.115479" y1="23.0001" x2="45.8842" y2="23.0001" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint9_linear_45_959" x1="31.3469" y1="31.9566" x2="35.3545" y2="31.9566" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient></defs></svg>`);
}
const _sfc_setup$r = _sfc_main$r.setup;
_sfc_main$r.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/svg/CampaignForm/Calender.vue");
  return _sfc_setup$r ? _sfc_setup$r(props, ctx) : void 0;
};
const Calender = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["ssrRender", _sfc_ssrRender$4]]);
const _sfc_main$q = {};
function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs) {
  _push(`<svg${ssrRenderAttrs(mergeProps({
    width: "46",
    height: "46",
    viewBox: "0 0 46 46",
    fill: "none",
    xmlns: "http://www.w3.org/2000/svg"
  }, _attrs))}><g clip-path="url(#clip0_20_1940)"><path d="M35.6257 5.13852L38.1103 0.673828" stroke="url(#paint0_linear_20_1940)" stroke-width="1.34767" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M39.5605 8.53768L44.0676 6.13086" stroke="url(#paint1_linear_20_1940)" stroke-width="1.34767" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M10.3739 5.13852L7.8894 0.673828" stroke="url(#paint2_linear_20_1940)" stroke-width="1.34767" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M6.4389 8.53768L1.93188 6.13086" stroke="url(#paint3_linear_20_1940)" stroke-width="1.34767" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M20.5783 18.1636H16.1744C15.3359 18.1636 14.6499 18.8496 14.6499 19.688V24.092C14.6499 24.9304 15.3359 25.6165 16.1744 25.6165H20.5783C21.4168 25.6165 22.1028 24.9305 22.1028 24.092V19.688C22.1028 18.8495 21.4168 18.1636 20.5783 18.1636Z" stroke="url(#paint4_linear_20_1940)" stroke-width="1.34767" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M17.1394 21.7832L18.2135 22.8573L19.5851 21.4856" stroke="url(#paint5_linear_20_1940)" stroke-width="1.34767" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M17.1394 32.2095L18.2135 33.2836L19.5851 31.9119" stroke="url(#paint6_linear_20_1940)" stroke-width="1.34767" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M25.3474 24.6023H29.2703" stroke="url(#paint7_linear_20_1940)" stroke-width="1.34767" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M25.3474 21.8899H32.1979" stroke="url(#paint8_linear_20_1940)" stroke-width="1.34767" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M25.3474 19.1775H32.1979" stroke="url(#paint9_linear_20_1940)" stroke-width="1.34767" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M25.3474 35.3101H29.2703" stroke="url(#paint10_linear_20_1940)" stroke-width="1.34767" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M25.3474 32.5977H32.1979" stroke="url(#paint11_linear_20_1940)" stroke-width="1.34767" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M25.3474 29.8853H32.1979" stroke="url(#paint12_linear_20_1940)" stroke-width="1.34767" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M41.9646 24.686L43.9151 22.7848C46.1874 20.5699 44.9335 16.7108 41.7932 16.2545L33.1715 15.0016C31.9245 14.8205 30.8465 14.0372 30.2888 12.9072L26.4329 5.09462C25.0286 2.24906 20.9708 2.24906 19.5665 5.09462L15.7107 12.9073C15.153 14.0373 14.075 14.8206 12.828 15.0017L4.20626 16.2546C1.06601 16.7109 -0.187858 20.57 2.0844 22.7849L8.32312 28.8662C9.22543 29.7458 9.63719 31.0131 9.42426 32.255L7.95144 40.8419C7.41506 43.9695 10.6977 46.3545 13.5065 44.8779L21.2181 40.8237C22.3334 40.2373 23.6659 40.2373 24.7812 40.8237L32.4928 44.8779C35.3015 46.3545 38.5842 43.9695 38.0479 40.8419L36.5751 32.255C36.3621 31.013 36.7739 29.7458 37.6762 28.8662L39.7101 26.8837" stroke="url(#paint13_linear_20_1940)" stroke-width="1.34767" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M22.1028 30.7438V30.1141C22.1028 29.2756 21.4168 28.5896 20.5783 28.5896H16.1744C15.3359 28.5896 14.6499 29.2756 14.6499 30.1141V34.518C14.6499 35.3565 15.3359 36.0425 16.1744 36.0425H20.5783C21.4168 36.0425 22.1028 35.3565 22.1028 34.518V33.8883" stroke="url(#paint14_linear_20_1940)" stroke-width="1.34767" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path></g><defs><linearGradient id="paint0_linear_20_1940" x1="35.6257" y1="2.90618" x2="38.1103" y2="2.90618" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint1_linear_20_1940" x1="39.5605" y1="7.33427" x2="44.0676" y2="7.33427" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint2_linear_20_1940" x1="7.8894" y1="2.90618" x2="10.3739" y2="2.90618" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint3_linear_20_1940" x1="1.93188" y1="7.33427" x2="6.4389" y2="7.33427" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint4_linear_20_1940" x1="14.6499" y1="21.89" x2="22.1028" y2="21.89" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint5_linear_20_1940" x1="17.1394" y1="22.1715" x2="19.5851" y2="22.1715" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint6_linear_20_1940" x1="17.1394" y1="32.5977" x2="19.5851" y2="32.5977" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint7_linear_20_1940" x1="25.3474" y1="25.1023" x2="29.2703" y2="25.1023" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint8_linear_20_1940" x1="25.3474" y1="22.3899" x2="32.1979" y2="22.3899" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint9_linear_20_1940" x1="25.3474" y1="19.6775" x2="32.1979" y2="19.6775" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint10_linear_20_1940" x1="25.3474" y1="35.8101" x2="29.2703" y2="35.8101" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint11_linear_20_1940" x1="25.3474" y1="33.0977" x2="32.1979" y2="33.0977" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint12_linear_20_1940" x1="25.3474" y1="30.3853" x2="32.1979" y2="30.3853" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint13_linear_20_1940" x1="0.924072" y1="24.1433" x2="45.0754" y2="24.1433" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint14_linear_20_1940" x1="14.6499" y1="32.316" x2="22.1028" y2="32.316" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><clipPath id="clip0_20_1940"><rect width="46" height="46" fill="white"></rect></clipPath></defs></svg>`);
}
const _sfc_setup$q = _sfc_main$q.setup;
_sfc_main$q.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/svg/CampaignForm/Star.vue");
  return _sfc_setup$q ? _sfc_setup$q(props, ctx) : void 0;
};
const Star = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["ssrRender", _sfc_ssrRender$3]]);
const _sfc_main$p = {};
function _sfc_ssrRender$2(_ctx, _push, _parent, _attrs) {
  _push(`<svg${ssrRenderAttrs(mergeProps({
    width: "46",
    height: "46",
    viewBox: "0 0 46 46",
    fill: "none",
    xmlns: "http://www.w3.org/2000/svg"
  }, _attrs))}><path d="M39.5312 7.1875H35.9375V6.46875C35.9375 5.89688 35.7103 5.34843 35.3059 4.94405C34.9016 4.53968 34.3531 4.3125 33.7812 4.3125C33.2094 4.3125 32.6609 4.53968 32.2566 4.94405C31.8522 5.34843 31.625 5.89688 31.625 6.46875V7.1875H25.1562V6.46875C25.1562 5.89688 24.9291 5.34843 24.5247 4.94405C24.1203 4.53968 23.5719 4.3125 23 4.3125C22.4281 4.3125 21.8797 4.53968 21.4753 4.94405C21.0709 5.34843 20.8438 5.89688 20.8438 6.46875V7.1875H14.375V6.46875C14.375 5.89688 14.1478 5.34843 13.7434 4.94405C13.3391 4.53968 12.7906 4.3125 12.2188 4.3125C11.6469 4.3125 11.0984 4.53968 10.6941 4.94405C10.2897 5.34843 10.0625 5.89688 10.0625 6.46875V7.1875H6.46875C5.51573 7.18784 4.60185 7.56658 3.92797 8.24047C3.25408 8.91435 2.87534 9.82823 2.875 10.7812V38.0938C2.87534 39.0468 3.25408 39.9607 3.92797 40.6345C4.60185 41.3084 5.51573 41.6872 6.46875 41.6875H31.625C32.3877 41.6878 33.1193 41.3853 33.6591 40.8466L42.2841 32.2216C42.8228 31.6818 43.1253 30.9502 43.125 30.1875V10.7812C43.1247 9.82823 42.7459 8.91435 42.072 8.24047C41.3982 7.56658 40.4843 7.18784 39.5312 7.1875ZM33.0625 6.46875C33.0625 6.27813 33.1382 6.09531 33.273 5.96052C33.4078 5.82573 33.5906 5.75 33.7812 5.75C33.9719 5.75 34.1547 5.82573 34.2895 5.96052C34.4243 6.09531 34.5 6.27813 34.5 6.46875V9.34375C34.5 9.53437 34.4243 9.71719 34.2895 9.85198C34.1547 9.98677 33.9719 10.0625 33.7812 10.0625C33.5906 10.0625 33.4078 9.98677 33.273 9.85198C33.1382 9.71719 33.0625 9.53437 33.0625 9.34375V6.46875ZM22.2812 6.46875C22.2812 6.27813 22.357 6.09531 22.4918 5.96052C22.6266 5.82573 22.8094 5.75 23 5.75C23.1906 5.75 23.3734 5.82573 23.5082 5.96052C23.643 6.09531 23.7188 6.27813 23.7188 6.46875V9.34375C23.7188 9.53437 23.643 9.71719 23.5082 9.85198C23.3734 9.98677 23.1906 10.0625 23 10.0625C22.8094 10.0625 22.6266 9.98677 22.4918 9.85198C22.357 9.71719 22.2812 9.53437 22.2812 9.34375V6.46875ZM11.5 6.46875C11.5 6.27813 11.5757 6.09531 11.7105 5.96052C11.8453 5.82573 12.0281 5.75 12.2188 5.75C12.4094 5.75 12.5922 5.82573 12.727 5.96052C12.8618 6.09531 12.9375 6.27813 12.9375 6.46875V9.34375C12.9375 9.53437 12.8618 9.71719 12.727 9.85198C12.5922 9.98677 12.4094 10.0625 12.2188 10.0625C12.0281 10.0625 11.8453 9.98677 11.7105 9.85198C11.5757 9.71719 11.5 9.53437 11.5 9.34375V6.46875ZM34.5 37.9716V35.2188C34.5017 34.6474 34.7294 34.0999 35.1334 33.6959C35.5374 33.2919 36.0849 33.0642 36.6562 33.0625H39.4091L34.5 37.9716ZM41.6875 30.1875C41.6847 30.5679 41.5324 30.9319 41.2634 31.2009C40.9944 31.4699 40.6304 31.6222 40.25 31.625H36.6562C35.7032 31.6253 34.7894 32.0041 34.1155 32.678C33.4416 33.3519 33.0628 34.2657 33.0625 35.2188V38.8125C33.0597 39.1929 32.9074 39.5569 32.6384 39.8259C32.3694 40.0949 32.0054 40.2472 31.625 40.25H6.46875C5.89739 40.2483 5.34991 40.0206 4.9459 39.6166C4.54189 39.2126 4.31417 38.6651 4.3125 38.0938V15.8125H41.6875V30.1875ZM41.6875 14.375H4.3125V10.7812C4.31417 10.2099 4.54188 9.66241 4.94589 9.25839C5.34991 8.85438 5.89739 8.62667 6.46875 8.625H10.0625V9.34375C10.0625 9.91562 10.2897 10.4641 10.6941 10.8684C11.0984 11.2728 11.6469 11.5 12.2188 11.5C12.7906 11.5 13.3391 11.2728 13.7434 10.8684C14.1478 10.4641 14.375 9.91562 14.375 9.34375V8.625H20.8438V9.34375C20.8438 9.91562 21.0709 10.4641 21.4753 10.8684C21.8797 11.2728 22.4281 11.5 23 11.5C23.5719 11.5 24.1203 11.2728 24.5247 10.8684C24.9291 10.4641 25.1562 9.91562 25.1562 9.34375V8.625H31.625V9.34375C31.625 9.91562 31.8522 10.4641 32.2566 10.8684C32.6609 11.2728 33.2094 11.5 33.7812 11.5C34.3531 11.5 34.9016 11.2728 35.3059 10.8684C35.7103 10.4641 35.9375 9.91562 35.9375 9.34375V8.625H39.5312C40.1026 8.62667 40.6501 8.85438 41.0541 9.25839C41.4581 9.66241 41.6858 10.2099 41.6875 10.7812V14.375Z" fill="url(#paint0_linear_43_935)"></path><path d="M19.4062 25.5019C19.5006 25.5019 19.5941 25.4834 19.6813 25.4473C19.7686 25.4111 19.8478 25.3582 19.9146 25.2915C19.9813 25.2247 20.0343 25.1454 20.0704 25.0582C20.1065 24.971 20.125 24.8775 20.125 24.7831C20.1252 24.356 20.2205 23.9342 20.4039 23.5485C20.5873 23.1627 20.8543 22.8226 21.1854 22.5529C21.5165 22.2831 21.9036 22.0903 22.3184 21.9887C22.7333 21.887 23.1656 21.8789 23.5839 21.965C26.2438 22.423 26.6875 26.2642 24.2605 27.3682C23.5775 27.7437 23.0235 28.3161 22.6705 29.0109C22.3174 29.7058 22.1818 30.4908 22.2812 31.2638C22.285 31.4519 22.3624 31.6311 22.4968 31.7628C22.6312 31.8945 22.8118 31.9683 23 31.9683C23.1882 31.9682 23.3688 31.8945 23.5032 31.7627C23.6376 31.631 23.715 31.4519 23.7187 31.2637C23.6278 30.762 23.6913 30.2445 23.9007 29.7795C24.1101 29.3146 24.4556 28.9241 24.8916 28.6597C28.5564 26.9507 27.8656 21.2769 23.8577 20.5541C23.2318 20.4327 22.5869 20.4505 21.9687 20.6064C21.3505 20.7623 20.7742 21.0523 20.2807 21.456C19.7872 21.8596 19.3886 22.367 19.1133 22.942C18.838 23.517 18.6926 24.1456 18.6875 24.7831C18.6874 24.8775 18.706 24.971 18.7421 25.0582C18.7782 25.1455 18.8311 25.2247 18.8979 25.2915C18.9646 25.3582 19.0439 25.4112 19.1311 25.4473C19.2183 25.4834 19.3118 25.5019 19.4062 25.5019Z" fill="url(#paint1_linear_43_935)"></path><path d="M23 35.7437C23.4962 35.7437 23.8984 35.3414 23.8984 34.8452C23.8984 34.349 23.4962 33.9468 23 33.9468C22.5038 33.9468 22.1016 34.349 22.1016 34.8452C22.1016 35.3414 22.5038 35.7437 23 35.7437Z" fill="url(#paint2_linear_43_935)"></path><defs><linearGradient id="paint0_linear_43_935" x1="2.875" y1="23" x2="43.125" y2="23" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint1_linear_43_935" x1="18.6875" y1="26.2214" x2="27.2881" y2="26.2214" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint2_linear_43_935" x1="22.1016" y1="34.8452" x2="23.8984" y2="34.8452" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient></defs></svg>`);
}
const _sfc_setup$p = _sfc_main$p.setup;
_sfc_main$p.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/svg/CampaignForm/WhenCalender.vue");
  return _sfc_setup$p ? _sfc_setup$p(props, ctx) : void 0;
};
const WhenCalender = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["ssrRender", _sfc_ssrRender$2]]);
const _sfc_main$o = /* @__PURE__ */ defineComponent({
  __name: "RadioInput",
  __ssrInlineRender: true,
  props: {
    id: {},
    value: {},
    text: {},
    icon: {},
    modelValue: {},
    name: { default: "radio-group" }
  },
  emits: ["update:modelValue"],
  setup(__props, { emit: __emit }) {
    const props = __props;
    const isSelected = computed(() => props.modelValue === props.value);
    return (_ctx, _push, _parent, _attrs) => {
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "radio-wrapper" }, _attrs))} data-v-8c2bbe56><input type="radio"${ssrRenderAttr("id", props.id)}${ssrRenderAttr("name", props.name)}${ssrRenderAttr("value", props.value)}${ssrIncludeBooleanAttr(unref(isSelected)) ? " checked" : ""} class="radio-input" data-v-8c2bbe56><label${ssrRenderAttr("for", props.id)} class="${ssrRenderClass([{ "radio-label-selected": unref(isSelected) }, "radio-label"])}" data-v-8c2bbe56>`);
      if (unref(isSelected)) {
        _push(`<span class="gradient-border" data-v-8c2bbe56></span>`);
      } else {
        _push(`<!---->`);
      }
      _push(`<div class="radio-content" data-v-8c2bbe56>`);
      if (_ctx.icon) {
        ssrRenderVNode(_push, createVNode(resolveDynamicComponent(_ctx.icon), { class: "radio-icon" }, null), _parent);
      } else {
        _push(`<!---->`);
      }
      _push(`<span class="radio-text dark-text" data-v-8c2bbe56>${ssrInterpolate(_ctx.text)}</span></div><div class="radio-indicator" data-v-8c2bbe56>`);
      if (unref(isSelected)) {
        _push(`<div class="radio-dot" data-v-8c2bbe56></div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`</div></label></div>`);
    };
  }
});
const _sfc_setup$o = _sfc_main$o.setup;
_sfc_main$o.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/campaign/campaignForm/components/RadioInput.vue");
  return _sfc_setup$o ? _sfc_setup$o(props, ctx) : void 0;
};
const RadioInput = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-8c2bbe56"]]);
const _sfc_main$n = {};
function _sfc_ssrRender$1(_ctx, _push, _parent, _attrs) {
  _push(`<svg${ssrRenderAttrs(mergeProps({
    width: "24",
    height: "24",
    viewBox: "0 0 24 24",
    fill: "none",
    xmlns: "http://www.w3.org/2000/svg"
  }, _attrs))}><g clip-path="url(#clip0_9_974)"><path d="M12 24C18.6273 24 24 18.6273 24 12C24 5.37266 18.6273 0 12 0C5.37266 0 0 5.37266 0 12C0.0074219 18.6242 5.37578 23.9926 12 24ZM12 0.8C18.1855 0.8 23.2 5.81445 23.2 12C23.2 18.1855 18.1855 23.2 12 23.2C5.81445 23.2 0.8 18.1855 0.8 12C0.807031 5.81738 5.81738 0.807031 12 0.8Z" fill="url(#paint0_linear_9_974)"></path><path d="M12 18.8C14.2885 18.7923 16.4383 17.7017 17.7961 15.8595C17.8635 15.7675 17.8885 15.6511 17.8649 15.5396C17.4 13.4191 15.8307 11.7125 13.7565 11.072C14.9387 10.2957 15.4711 8.8355 15.0658 7.48042C14.6608 6.12554 13.4143 5.19702 12 5.19702C10.5858 5.19702 9.33927 6.12554 8.93419 7.48042C8.52892 8.8355 9.06134 10.2957 10.2436 11.072C8.16974 11.7125 6.6004 13.4185 6.13517 15.5388C6.11154 15.6503 6.13654 15.7667 6.20392 15.8587C7.56154 17.7013 9.71134 18.7921 12 18.8ZM9.60001 8.39995C9.60001 7.07456 10.6746 5.99995 12 5.99995C13.3254 5.99995 14.4 7.07456 14.4 8.39995C14.4 9.72534 13.3254 10.8 12 10.8C10.675 10.7986 9.60138 9.72495 9.60001 8.39995ZM12 11.6C14.3789 11.6099 16.4508 13.2259 17.0401 15.5308C15.8313 17.0884 13.9701 18 11.9985 18C10.0266 18 8.16564 17.0884 6.95685 15.5308C7.5463 13.2248 9.61994 11.6085 12 11.6Z" fill="url(#paint1_linear_9_974)"></path></g><defs><linearGradient id="paint0_linear_9_974" x1="0" y1="12" x2="24" y2="12" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint1_linear_9_974" x1="6.12646" y1="11.9985" x2="17.8736" y2="11.9985" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><clipPath id="clip0_9_974"><rect width="24" height="24" fill="white"></rect></clipPath></defs></svg>`);
}
const _sfc_setup$n = _sfc_main$n.setup;
_sfc_main$n.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/svg/CampaignForm/Individual.vue");
  return _sfc_setup$n ? _sfc_setup$n(props, ctx) : void 0;
};
const Individual = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["ssrRender", _sfc_ssrRender$1]]);
const _sfc_main$m = {};
function _sfc_ssrRender(_ctx, _push, _parent, _attrs) {
  _push(`<svg${ssrRenderAttrs(mergeProps({
    width: "24",
    height: "24",
    viewBox: "0 0 24 24",
    fill: "none",
    xmlns: "http://www.w3.org/2000/svg"
  }, _attrs))}><mask id="mask0_9_1056" style="${ssrRenderStyle({ "mask-type": "luminance" })}" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><path d="M0 0H24V24H0V0Z" fill="white"></path></mask><g mask="url(#mask0_9_1056)"><path d="M13.6439 23.1099H3.17651V5.67386C3.17651 5.18505 3.48865 4.75089 3.95197 4.59517L13.6439 1.33736V23.1099Z" stroke="url(#paint0_linear_9_1056)" stroke-width="0.703125" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M19.535 20.9227V23.1099H13.6438V11.2969H20.144C20.5747 11.2969 20.9235 11.6456 20.9235 12.0764V18.3295" stroke="url(#paint1_linear_9_1056)" stroke-width="0.703125" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M13.644 23.1099H23.1199C23.4119 23.1099 23.6485 22.8732 23.6485 22.5813V20.9228H13.644V23.1099Z" stroke="url(#paint2_linear_9_1056)" stroke-width="0.703125" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M21.4926 18.2451H21.691C22.7721 18.2451 23.6484 19.1214 23.6484 20.2025V20.9228H19.5352V20.2025C19.5352 19.1214 20.4115 18.2451 21.4926 18.2451Z" stroke="url(#paint3_linear_9_1056)" stroke-width="0.703125" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M0.880125 23.1099H3.17653V20.9228H0.351562V22.5813C0.351562 22.8732 0.588187 23.1099 0.880125 23.1099Z" stroke="url(#paint4_linear_9_1056)" stroke-width="0.703125" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M2.90016 18.2451H3.17658V20.9228H0.351562V20.7937C0.351562 19.3861 1.49264 18.2451 2.90016 18.2451Z" stroke="url(#paint5_linear_9_1056)" stroke-width="0.703125" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M17.284 11.2966H13.644V1.33729L16.9369 4.52024C17.1587 4.73464 17.284 5.02996 17.284 5.33849V9.63941" stroke="url(#paint6_linear_9_1056)" stroke-width="0.703125" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M5.73706 3.99512V1.6209C5.73706 1.2173 6.06425 0.890116 6.46831 0.890116H6.54237C6.94597 0.890116 7.27315 1.2173 7.27315 1.6209V3.47855" stroke="url(#paint7_linear_9_1056)" stroke-width="0.703125" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M13.6439 3.99477L5.73706 6.65259" stroke="url(#paint8_linear_9_1056)" stroke-width="0.703125" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M13.6439 6.52505L5.73706 9.18286" stroke="url(#paint9_linear_9_1056)" stroke-width="0.703125" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M13.6439 9.05532L5.73706 11.7131" stroke="url(#paint10_linear_9_1056)" stroke-width="0.703125" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M13.6439 11.5856L5.73706 14.2434" stroke="url(#paint11_linear_9_1056)" stroke-width="0.703125" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M7.04234 16.3349L5.73706 16.7737" stroke="url(#paint12_linear_9_1056)" stroke-width="0.703125" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M13.6439 14.1158L8.6167 15.8057" stroke="url(#paint13_linear_9_1056)" stroke-width="0.703125" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.90359 23.1099H5.73706V20.1232C5.73706 19.8917 5.89128 19.6885 6.11431 19.6262L9.38651 18.7127C9.64629 18.6401 9.90359 18.8355 9.90359 19.1052V23.1099Z" stroke="url(#paint14_linear_9_1056)" stroke-width="0.703125" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M18.983 14.1965H15.5353C15.402 14.1965 15.2939 14.0885 15.2939 13.9552V13.109C15.2939 12.9757 15.402 12.8676 15.5353 12.8676H18.983C19.1163 12.8676 19.2243 12.9757 19.2243 13.109V13.9552C19.2243 14.0885 19.1163 14.1965 18.983 14.1965Z" stroke="url(#paint15_linear_9_1056)" stroke-width="0.703125" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M18.983 16.8699H15.5353C15.402 16.8699 15.2939 16.7618 15.2939 16.6285V15.7823C15.2939 15.649 15.402 15.541 15.5353 15.541H18.983C19.1163 15.541 19.2243 15.649 19.2243 15.7823V16.6285C19.2243 16.7618 19.1163 16.8699 18.983 16.8699Z" stroke="url(#paint16_linear_9_1056)" stroke-width="0.703125" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M16.6756 19.5706H15.5353C15.402 19.5706 15.2939 19.4625 15.2939 19.3292V18.483C15.2939 18.3497 15.402 18.2416 15.5353 18.2416H16.6756C16.8089 18.2416 16.917 18.3497 16.917 18.483V19.3292C16.917 19.4625 16.8089 19.5706 16.6756 19.5706Z" stroke="url(#paint17_linear_9_1056)" stroke-width="0.703125" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path><path d="M7.82031 19.1499V23.1099" stroke="url(#paint18_linear_9_1056)" stroke-width="0.703125" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path></g><defs><linearGradient id="paint0_linear_9_1056" x1="3.17651" y1="12.2236" x2="13.6439" y2="12.2236" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint1_linear_9_1056" x1="13.6438" y1="17.2034" x2="20.9235" y2="17.2034" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint2_linear_9_1056" x1="13.644" y1="22.0163" x2="23.6485" y2="22.0163" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint3_linear_9_1056" x1="19.5352" y1="19.584" x2="23.6484" y2="19.584" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint4_linear_9_1056" x1="0.351562" y1="22.0163" x2="3.17653" y2="22.0163" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint5_linear_9_1056" x1="0.351562" y1="19.584" x2="3.17658" y2="19.584" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint6_linear_9_1056" x1="13.644" y1="6.31696" x2="17.284" y2="6.31696" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint7_linear_9_1056" x1="5.73706" y1="2.44262" x2="7.27315" y2="2.44262" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint8_linear_9_1056" x1="5.73706" y1="5.32368" x2="13.6439" y2="5.32368" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint9_linear_9_1056" x1="5.73706" y1="7.85395" x2="13.6439" y2="7.85395" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint10_linear_9_1056" x1="5.73706" y1="10.3842" x2="13.6439" y2="10.3842" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint11_linear_9_1056" x1="5.73706" y1="12.9145" x2="13.6439" y2="12.9145" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint12_linear_9_1056" x1="5.73706" y1="16.5543" x2="7.04234" y2="16.5543" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint13_linear_9_1056" x1="8.6167" y1="14.9607" x2="13.6439" y2="14.9607" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint14_linear_9_1056" x1="5.73706" y1="20.9037" x2="9.90359" y2="20.9037" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint15_linear_9_1056" x1="15.2939" y1="13.5321" x2="19.2243" y2="13.5321" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint16_linear_9_1056" x1="15.2939" y1="16.2054" x2="19.2243" y2="16.2054" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint17_linear_9_1056" x1="15.2939" y1="18.9061" x2="16.917" y2="18.9061" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient><linearGradient id="paint18_linear_9_1056" x1="7.82031" y1="21.1299" x2="8.82031" y2="21.1299" gradientUnits="userSpaceOnUse"><stop stop-color="#999999"></stop><stop offset="0.5" stop-color="currentColor"></stop><stop offset="1" stop-color="#999999"></stop></linearGradient></defs></svg>`);
}
const _sfc_setup$m = _sfc_main$m.setup;
_sfc_main$m.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/svg/CampaignForm/Campony.vue");
  return _sfc_setup$m ? _sfc_setup$m(props, ctx) : void 0;
};
const Campony = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["ssrRender", _sfc_ssrRender]]);
const _sfc_main$l = /* @__PURE__ */ defineComponent({
  __name: "BioStep",
  __ssrInlineRender: true,
  props: {
    next: { type: Function },
    prev: { type: Function },
    isNextDisabled: { type: Boolean },
    isPrevDisabled: { type: Boolean }
  },
  setup(__props) {
    const props = __props;
    const { t } = useI18n();
    const { data: countries } = useCountriesQuery();
    const { data: services } = useServicesQuery();
    const phoneInput = ref(null);
    const { focused } = useFocus(phoneInput);
    const open = ref(false);
    const phoneResult = ref();
    ref("");
    ref("");
    const loading = ref(false);
    const formSubmitted = useState("form-submitted", () => false);
    const formSchema = computed(() => createFormSchema(t));
    function onPhoneUpdate(res) {
      phoneResult.value = res;
    }
    function createFormSchema(t2) {
      return toTypedSchema(
        z.object({
          full_name: z.string({ required_error: t2("schemaErrors.required_field_error") }).min(3, t2("schemaErrors.min")),
          email: z.string({ required_error: t2("schemaErrors.email_required_error") }).email(t2("schemaErrors.email_invalid_error")),
          phone: z.string({ required_error: t2("schemaErrors.required_field_error") }).min(1, t2("schemaErrors.required_field_error")).refine(
            () => {
              var _a;
              return ((_a = phoneResult.value) == null ? void 0 : _a.isValid) === true;
            },
            t2("schemaErrors.phone_invalid_error")
          ),
          service_id: z.number({ required_error: t2("schemaErrors.required_field_error") }).min(1, t2("schemaErrors.min_service")),
          type: z.enum(["individual", "company"], {
            required_error: t2("schemaErrors.required_field_error")
          })
        })
      );
    }
    const { handleSubmit, resetForm } = useForm({
      validationSchema: formSchema,
      validateOnMount: false
    });
    function handleSuccess() {
      const route = useRoute();
      if (route.path !== "/campaign-v2/stepper-form") {
        navigateTo("/campaign-v2/stepper-form");
      } else {
        props.next();
      }
    }
    const throttledSubmit = useThrottleFn(
      handleSubmit(async (values) => {
        var _a, _b, _c, _d;
        try {
          loading.value = true;
          const { post } = useApi();
          const { getUTMPayload } = useUtmPayload();
          const utm = getUTMPayload();
          const payload = {
            full_name: values.full_name,
            email: values.email,
            phone: (_a = phoneResult.value) == null ? void 0 : _a.formatInternational,
            country_code: (_b = phoneResult.value) == null ? void 0 : _b.countryCode,
            service_id: values.service_id,
            type: values.type,
            utm
          };
          const response = await post("contact_us_stepper?step=1", payload);
          const orderId = (_d = (_c = response == null ? void 0 : response.data) == null ? void 0 : _c.data) == null ? void 0 : _d.order_id;
          const formState = useState("campaign-form");
          formState.value = { ...formState.value, ...payload, order_id: orderId };
          formSubmitted.value = true;
          handleSuccess();
        } catch (err) {
          console.error(err);
          toast.error("Error submitting form");
        } finally {
          loading.value = false;
        }
      }),
      3e3
    );
    return (_ctx, _push, _parent, _attrs) => {
      const _component_FormField = Field;
      const _component_FormItem = _sfc_main$2$1;
      const _component_FormLabel = _sfc_main$D;
      const _component_FormControl = _sfc_main$3$1;
      const _component_Input = _sfc_main$E;
      const _component_FormMessage = _sfc_main$1$1;
      const _component_ClientOnly = __nuxt_component_0$1;
      const _component_Popover = _sfc_main$2$2;
      const _component_PopoverTrigger = _sfc_main$F;
      const _component_Button = _sfc_main$G;
      const _component_ContactFlagComponent = _sfc_main$H;
      const _component_PopoverContent = _sfc_main$1$2;
      const _component_Command = _sfc_main$d$1;
      const _component_CommandInput = _sfc_main$a$1;
      const _component_CommandEmpty = _sfc_main$c$1;
      const _component_CommandList = _sfc_main$8$1;
      const _component_CommandGroup = _sfc_main$b$1;
      const _component_CommandItem = _sfc_main$9$1;
      const _component_Select = _sfc_main$7$1;
      const _component_SelectTrigger = _sfc_main$2$3;
      const _component_SelectValue = _sfc_main$1$3;
      const _component_SelectContent = _sfc_main$6$1;
      const _component_SelectItem = _sfc_main$5$1;
      _push(`<div${ssrRenderAttrs(mergeProps({ class: "w-full" }, _attrs))}><form class="mx-auto w-full space-y-3"><div class="grid grid-cols-1 gap-4 md:grid-cols-2">`);
      _push(ssrRenderComponent(_component_FormField, {
        name: "full_name",
        "validate-on-blur": true,
        "validate-on-input": false
      }, {
        default: withCtx(({ componentField }, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(ssrRenderComponent(_component_FormItem, null, {
              default: withCtx((_, _push3, _parent3, _scopeId2) => {
                if (_push3) {
                  _push3(ssrRenderComponent(_component_FormLabel, { class: "text-primary capitalize" }, {
                    default: withCtx((_2, _push4, _parent4, _scopeId3) => {
                      if (_push4) {
                        _push4(`${ssrInterpolate(_ctx.$t("labels.full_name_label"))}`);
                      } else {
                        return [
                          createTextVNode(toDisplayString(_ctx.$t("labels.full_name_label")), 1)
                        ];
                      }
                    }),
                    _: 2
                  }, _parent3, _scopeId2));
                  _push3(ssrRenderComponent(_component_FormControl, null, {
                    default: withCtx((_2, _push4, _parent4, _scopeId3) => {
                      if (_push4) {
                        _push4(ssrRenderComponent(_component_Input, mergeProps({ class: "!bg-background border-input-border focus-visible:border-input-border h-[50px] rounded-sm border p-3 placeholder:text-[12px] focus-visible:ring-0" }, componentField, {
                          placeholder: _ctx.$t("placeholders.name")
                        }), null, _parent4, _scopeId3));
                      } else {
                        return [
                          createVNode(_component_Input, mergeProps({ class: "!bg-background border-input-border focus-visible:border-input-border h-[50px] rounded-sm border p-3 placeholder:text-[12px] focus-visible:ring-0" }, componentField, {
                            placeholder: _ctx.$t("placeholders.name")
                          }), null, 16, ["placeholder"])
                        ];
                      }
                    }),
                    _: 2
                  }, _parent3, _scopeId2));
                  _push3(`<div class="text-destructive min-h-[20px] !text-sm"${_scopeId2}>`);
                  _push3(ssrRenderComponent(_component_FormMessage, null, null, _parent3, _scopeId2));
                  _push3(`</div>`);
                } else {
                  return [
                    createVNode(_component_FormLabel, { class: "text-primary capitalize" }, {
                      default: withCtx(() => [
                        createTextVNode(toDisplayString(_ctx.$t("labels.full_name_label")), 1)
                      ]),
                      _: 1
                    }),
                    createVNode(_component_FormControl, null, {
                      default: withCtx(() => [
                        createVNode(_component_Input, mergeProps({ class: "!bg-background border-input-border focus-visible:border-input-border h-[50px] rounded-sm border p-3 placeholder:text-[12px] focus-visible:ring-0" }, componentField, {
                          placeholder: _ctx.$t("placeholders.name")
                        }), null, 16, ["placeholder"])
                      ]),
                      _: 2
                    }, 1024),
                    createVNode("div", { class: "text-destructive min-h-[20px] !text-sm" }, [
                      createVNode(_component_FormMessage)
                    ])
                  ];
                }
              }),
              _: 2
            }, _parent2, _scopeId));
          } else {
            return [
              createVNode(_component_FormItem, null, {
                default: withCtx(() => [
                  createVNode(_component_FormLabel, { class: "text-primary capitalize" }, {
                    default: withCtx(() => [
                      createTextVNode(toDisplayString(_ctx.$t("labels.full_name_label")), 1)
                    ]),
                    _: 1
                  }),
                  createVNode(_component_FormControl, null, {
                    default: withCtx(() => [
                      createVNode(_component_Input, mergeProps({ class: "!bg-background border-input-border focus-visible:border-input-border h-[50px] rounded-sm border p-3 placeholder:text-[12px] focus-visible:ring-0" }, componentField, {
                        placeholder: _ctx.$t("placeholders.name")
                      }), null, 16, ["placeholder"])
                    ]),
                    _: 2
                  }, 1024),
                  createVNode("div", { class: "text-destructive min-h-[20px] !text-sm" }, [
                    createVNode(_component_FormMessage)
                  ])
                ]),
                _: 2
              }, 1024)
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(ssrRenderComponent(_component_FormField, { name: "phone" }, {
        default: withCtx(({ componentField }, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(ssrRenderComponent(_component_FormItem, null, {
              default: withCtx((_, _push3, _parent3, _scopeId2) => {
                if (_push3) {
                  _push3(ssrRenderComponent(_component_FormLabel, { class: "text-primary capitalize" }, {
                    default: withCtx((_2, _push4, _parent4, _scopeId3) => {
                      if (_push4) {
                        _push4(`${ssrInterpolate(_ctx.$t("labels.phone_label"))}`);
                      } else {
                        return [
                          createTextVNode(toDisplayString(_ctx.$t("labels.phone_label")), 1)
                        ];
                      }
                    }),
                    _: 2
                  }, _parent3, _scopeId2));
                  _push3(ssrRenderComponent(_component_FormControl, null, {
                    default: withCtx((_2, _push4, _parent4, _scopeId3) => {
                      if (_push4) {
                        _push4(ssrRenderComponent(_component_ClientOnly, null, {}, _parent4, _scopeId3));
                      } else {
                        return [
                          createVNode(_component_ClientOnly, null, {
                            default: withCtx(() => [
                              createVNode(unref(PhoneInput), {
                                noUseBrowserLocale: "",
                                fetchCountry: "",
                                "country-code": "SA",
                                "country-locale": _ctx.$i18n.locale,
                                class: "flex items-center",
                                "only-countries": [
                                  "SA",
                                  "EG",
                                  "AE",
                                  "KW",
                                  "QA",
                                  "BH",
                                  "JO",
                                  "MA",
                                  "PS",
                                  "TN",
                                  "DZ",
                                  "KM",
                                  "DJ",
                                  "IQ",
                                  "LB",
                                  "LY",
                                  "MR",
                                  "OM",
                                  "SD",
                                  "SY",
                                  "YE"
                                ],
                                onUpdate: onPhoneUpdate
                              }, {
                                selector: withCtx(({ inputValue, updateInputValue, countries: countries2 }) => [
                                  createVNode(_component_Popover, null, {
                                    default: withCtx(() => [
                                      createVNode(_component_PopoverTrigger, null, {
                                        default: withCtx(() => [
                                          createVNode(_component_Button, {
                                            type: "button",
                                            class: "!bg-background border-input-border focus-visible:border-input-border border-e-none h-[50px] rounded-sm rounded-e-none border p-3 placeholder:text-[12px] focus-visible:ring-0"
                                          }, {
                                            default: withCtx(() => [
                                              createVNode(_component_ContactFlagComponent, { country: inputValue }, null, 8, ["country"]),
                                              createVNode(unref(ChevronsUpDown), { class: "text-foreground h-4 w-4 opacity-50" })
                                            ]),
                                            _: 2
                                          }, 1024)
                                        ]),
                                        _: 2
                                      }, 1024),
                                      createVNode(_component_PopoverContent, {
                                        align: "start",
                                        class: "!bg-background border-input-border ws-scrollbar w-[287px] rounded-sm p-0 sm:w-[540px] md:w-[325px] lg:w-[455px] xl:w-[270px] 2xl:w-[335px]"
                                      }, {
                                        default: withCtx(() => [
                                          createVNode(_component_Command, {
                                            dir: _ctx.$i18n.locale === "ar" ? "rtl" : "ltr"
                                          }, {
                                            default: withCtx(() => [
                                              createVNode(_component_CommandInput, {
                                                placeholder: _ctx.$t("placeholders.country")
                                              }, null, 8, ["placeholder"]),
                                              createVNode(_component_CommandEmpty, null, {
                                                default: withCtx(() => [
                                                  createTextVNode(toDisplayString(_ctx.$t("placeholders.noResult")), 1)
                                                ]),
                                                _: 1
                                              }),
                                              createVNode(_component_CommandList, null, {
                                                default: withCtx(() => [
                                                  createVNode(_component_CommandGroup, null, {
                                                    default: withCtx(() => [
                                                      (openBlock(true), createBlock(Fragment, null, renderList(countries2, (option) => {
                                                        return openBlock(), createBlock(_component_CommandItem, {
                                                          key: option.iso2,
                                                          value: option.iso2,
                                                          class: "gap-2",
                                                          onSelect: () => {
                                                            updateInputValue(option.iso2);
                                                            open.value = false;
                                                            focused.value = true;
                                                          }
                                                        }, {
                                                          default: withCtx(() => [
                                                            createVNode(_component_ContactFlagComponent, {
                                                              country: option == null ? void 0 : option.iso2
                                                            }, null, 8, ["country"]),
                                                            createVNode("span", { class: "flex-1 text-sm" }, toDisplayString(option.name), 1),
                                                            createVNode("span", { class: "text-foreground/50 text-sm" }, toDisplayString(option.dialCode), 1)
                                                          ]),
                                                          _: 2
                                                        }, 1032, ["value", "onSelect"]);
                                                      }), 128))
                                                    ]),
                                                    _: 2
                                                  }, 1024)
                                                ]),
                                                _: 2
                                              }, 1024)
                                            ]),
                                            _: 2
                                          }, 1032, ["dir"])
                                        ]),
                                        _: 2
                                      }, 1024)
                                    ]),
                                    _: 2
                                  }, 1024)
                                ]),
                                input: withCtx(({ inputValue, updateInputValue, placeholder }) => [
                                  createVNode(_component_Input, mergeProps({
                                    ref_key: "phoneInput",
                                    ref: phoneInput,
                                    class: "!bg-background border-input-border focus-visible:border-input-border border-s-none h-[50px] rounded-sm rounded-s-none border p-3 placeholder:text-[12px] focus-visible:ring-0",
                                    type: "text"
                                  }, componentField, {
                                    "model-value": inputValue,
                                    placeholder,
                                    style: { "unicode-bidi": "plaintext" },
                                    onInput: updateInputValue
                                  }), null, 16, ["model-value", "placeholder", "onInput"])
                                ]),
                                _: 2
                              }, 1032, ["country-locale"])
                            ]),
                            _: 2
                          }, 1024)
                        ];
                      }
                    }),
                    _: 2
                  }, _parent3, _scopeId2));
                  _push3(`<div class="text-destructive min-h-[20px] !text-sm"${_scopeId2}>`);
                  _push3(ssrRenderComponent(_component_FormMessage, null, null, _parent3, _scopeId2));
                  _push3(`</div>`);
                } else {
                  return [
                    createVNode(_component_FormLabel, { class: "text-primary capitalize" }, {
                      default: withCtx(() => [
                        createTextVNode(toDisplayString(_ctx.$t("labels.phone_label")), 1)
                      ]),
                      _: 1
                    }),
                    createVNode(_component_FormControl, null, {
                      default: withCtx(() => [
                        createVNode(_component_ClientOnly, null, {
                          default: withCtx(() => [
                            createVNode(unref(PhoneInput), {
                              noUseBrowserLocale: "",
                              fetchCountry: "",
                              "country-code": "SA",
                              "country-locale": _ctx.$i18n.locale,
                              class: "flex items-center",
                              "only-countries": [
                                "SA",
                                "EG",
                                "AE",
                                "KW",
                                "QA",
                                "BH",
                                "JO",
                                "MA",
                                "PS",
                                "TN",
                                "DZ",
                                "KM",
                                "DJ",
                                "IQ",
                                "LB",
                                "LY",
                                "MR",
                                "OM",
                                "SD",
                                "SY",
                                "YE"
                              ],
                              onUpdate: onPhoneUpdate
                            }, {
                              selector: withCtx(({ inputValue, updateInputValue, countries: countries2 }) => [
                                createVNode(_component_Popover, null, {
                                  default: withCtx(() => [
                                    createVNode(_component_PopoverTrigger, null, {
                                      default: withCtx(() => [
                                        createVNode(_component_Button, {
                                          type: "button",
                                          class: "!bg-background border-input-border focus-visible:border-input-border border-e-none h-[50px] rounded-sm rounded-e-none border p-3 placeholder:text-[12px] focus-visible:ring-0"
                                        }, {
                                          default: withCtx(() => [
                                            createVNode(_component_ContactFlagComponent, { country: inputValue }, null, 8, ["country"]),
                                            createVNode(unref(ChevronsUpDown), { class: "text-foreground h-4 w-4 opacity-50" })
                                          ]),
                                          _: 2
                                        }, 1024)
                                      ]),
                                      _: 2
                                    }, 1024),
                                    createVNode(_component_PopoverContent, {
                                      align: "start",
                                      class: "!bg-background border-input-border ws-scrollbar w-[287px] rounded-sm p-0 sm:w-[540px] md:w-[325px] lg:w-[455px] xl:w-[270px] 2xl:w-[335px]"
                                    }, {
                                      default: withCtx(() => [
                                        createVNode(_component_Command, {
                                          dir: _ctx.$i18n.locale === "ar" ? "rtl" : "ltr"
                                        }, {
                                          default: withCtx(() => [
                                            createVNode(_component_CommandInput, {
                                              placeholder: _ctx.$t("placeholders.country")
                                            }, null, 8, ["placeholder"]),
                                            createVNode(_component_CommandEmpty, null, {
                                              default: withCtx(() => [
                                                createTextVNode(toDisplayString(_ctx.$t("placeholders.noResult")), 1)
                                              ]),
                                              _: 1
                                            }),
                                            createVNode(_component_CommandList, null, {
                                              default: withCtx(() => [
                                                createVNode(_component_CommandGroup, null, {
                                                  default: withCtx(() => [
                                                    (openBlock(true), createBlock(Fragment, null, renderList(countries2, (option) => {
                                                      return openBlock(), createBlock(_component_CommandItem, {
                                                        key: option.iso2,
                                                        value: option.iso2,
                                                        class: "gap-2",
                                                        onSelect: () => {
                                                          updateInputValue(option.iso2);
                                                          open.value = false;
                                                          focused.value = true;
                                                        }
                                                      }, {
                                                        default: withCtx(() => [
                                                          createVNode(_component_ContactFlagComponent, {
                                                            country: option == null ? void 0 : option.iso2
                                                          }, null, 8, ["country"]),
                                                          createVNode("span", { class: "flex-1 text-sm" }, toDisplayString(option.name), 1),
                                                          createVNode("span", { class: "text-foreground/50 text-sm" }, toDisplayString(option.dialCode), 1)
                                                        ]),
                                                        _: 2
                                                      }, 1032, ["value", "onSelect"]);
                                                    }), 128))
                                                  ]),
                                                  _: 2
                                                }, 1024)
                                              ]),
                                              _: 2
                                            }, 1024)
                                          ]),
                                          _: 2
                                        }, 1032, ["dir"])
                                      ]),
                                      _: 2
                                    }, 1024)
                                  ]),
                                  _: 2
                                }, 1024)
                              ]),
                              input: withCtx(({ inputValue, updateInputValue, placeholder }) => [
                                createVNode(_component_Input, mergeProps({
                                  ref_key: "phoneInput",
                                  ref: phoneInput,
                                  class: "!bg-background border-input-border focus-visible:border-input-border border-s-none h-[50px] rounded-sm rounded-s-none border p-3 placeholder:text-[12px] focus-visible:ring-0",
                                  type: "text"
                                }, componentField, {
                                  "model-value": inputValue,
                                  placeholder,
                                  style: { "unicode-bidi": "plaintext" },
                                  onInput: updateInputValue
                                }), null, 16, ["model-value", "placeholder", "onInput"])
                              ]),
                              _: 2
                            }, 1032, ["country-locale"])
                          ]),
                          _: 2
                        }, 1024)
                      ]),
                      _: 2
                    }, 1024),
                    createVNode("div", { class: "text-destructive min-h-[20px] !text-sm" }, [
                      createVNode(_component_FormMessage)
                    ])
                  ];
                }
              }),
              _: 2
            }, _parent2, _scopeId));
          } else {
            return [
              createVNode(_component_FormItem, null, {
                default: withCtx(() => [
                  createVNode(_component_FormLabel, { class: "text-primary capitalize" }, {
                    default: withCtx(() => [
                      createTextVNode(toDisplayString(_ctx.$t("labels.phone_label")), 1)
                    ]),
                    _: 1
                  }),
                  createVNode(_component_FormControl, null, {
                    default: withCtx(() => [
                      createVNode(_component_ClientOnly, null, {
                        default: withCtx(() => [
                          createVNode(unref(PhoneInput), {
                            noUseBrowserLocale: "",
                            fetchCountry: "",
                            "country-code": "SA",
                            "country-locale": _ctx.$i18n.locale,
                            class: "flex items-center",
                            "only-countries": [
                              "SA",
                              "EG",
                              "AE",
                              "KW",
                              "QA",
                              "BH",
                              "JO",
                              "MA",
                              "PS",
                              "TN",
                              "DZ",
                              "KM",
                              "DJ",
                              "IQ",
                              "LB",
                              "LY",
                              "MR",
                              "OM",
                              "SD",
                              "SY",
                              "YE"
                            ],
                            onUpdate: onPhoneUpdate
                          }, {
                            selector: withCtx(({ inputValue, updateInputValue, countries: countries2 }) => [
                              createVNode(_component_Popover, null, {
                                default: withCtx(() => [
                                  createVNode(_component_PopoverTrigger, null, {
                                    default: withCtx(() => [
                                      createVNode(_component_Button, {
                                        type: "button",
                                        class: "!bg-background border-input-border focus-visible:border-input-border border-e-none h-[50px] rounded-sm rounded-e-none border p-3 placeholder:text-[12px] focus-visible:ring-0"
                                      }, {
                                        default: withCtx(() => [
                                          createVNode(_component_ContactFlagComponent, { country: inputValue }, null, 8, ["country"]),
                                          createVNode(unref(ChevronsUpDown), { class: "text-foreground h-4 w-4 opacity-50" })
                                        ]),
                                        _: 2
                                      }, 1024)
                                    ]),
                                    _: 2
                                  }, 1024),
                                  createVNode(_component_PopoverContent, {
                                    align: "start",
                                    class: "!bg-background border-input-border ws-scrollbar w-[287px] rounded-sm p-0 sm:w-[540px] md:w-[325px] lg:w-[455px] xl:w-[270px] 2xl:w-[335px]"
                                  }, {
                                    default: withCtx(() => [
                                      createVNode(_component_Command, {
                                        dir: _ctx.$i18n.locale === "ar" ? "rtl" : "ltr"
                                      }, {
                                        default: withCtx(() => [
                                          createVNode(_component_CommandInput, {
                                            placeholder: _ctx.$t("placeholders.country")
                                          }, null, 8, ["placeholder"]),
                                          createVNode(_component_CommandEmpty, null, {
                                            default: withCtx(() => [
                                              createTextVNode(toDisplayString(_ctx.$t("placeholders.noResult")), 1)
                                            ]),
                                            _: 1
                                          }),
                                          createVNode(_component_CommandList, null, {
                                            default: withCtx(() => [
                                              createVNode(_component_CommandGroup, null, {
                                                default: withCtx(() => [
                                                  (openBlock(true), createBlock(Fragment, null, renderList(countries2, (option) => {
                                                    return openBlock(), createBlock(_component_CommandItem, {
                                                      key: option.iso2,
                                                      value: option.iso2,
                                                      class: "gap-2",
                                                      onSelect: () => {
                                                        updateInputValue(option.iso2);
                                                        open.value = false;
                                                        focused.value = true;
                                                      }
                                                    }, {
                                                      default: withCtx(() => [
                                                        createVNode(_component_ContactFlagComponent, {
                                                          country: option == null ? void 0 : option.iso2
                                                        }, null, 8, ["country"]),
                                                        createVNode("span", { class: "flex-1 text-sm" }, toDisplayString(option.name), 1),
                                                        createVNode("span", { class: "text-foreground/50 text-sm" }, toDisplayString(option.dialCode), 1)
                                                      ]),
                                                      _: 2
                                                    }, 1032, ["value", "onSelect"]);
                                                  }), 128))
                                                ]),
                                                _: 2
                                              }, 1024)
                                            ]),
                                            _: 2
                                          }, 1024)
                                        ]),
                                        _: 2
                                      }, 1032, ["dir"])
                                    ]),
                                    _: 2
                                  }, 1024)
                                ]),
                                _: 2
                              }, 1024)
                            ]),
                            input: withCtx(({ inputValue, updateInputValue, placeholder }) => [
                              createVNode(_component_Input, mergeProps({
                                ref_key: "phoneInput",
                                ref: phoneInput,
                                class: "!bg-background border-input-border focus-visible:border-input-border border-s-none h-[50px] rounded-sm rounded-s-none border p-3 placeholder:text-[12px] focus-visible:ring-0",
                                type: "text"
                              }, componentField, {
                                "model-value": inputValue,
                                placeholder,
                                style: { "unicode-bidi": "plaintext" },
                                onInput: updateInputValue
                              }), null, 16, ["model-value", "placeholder", "onInput"])
                            ]),
                            _: 2
                          }, 1032, ["country-locale"])
                        ]),
                        _: 2
                      }, 1024)
                    ]),
                    _: 2
                  }, 1024),
                  createVNode("div", { class: "text-destructive min-h-[20px] !text-sm" }, [
                    createVNode(_component_FormMessage)
                  ])
                ]),
                _: 2
              }, 1024)
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(`</div><div class="flex w-full flex-col gap-4">`);
      _push(ssrRenderComponent(_component_FormField, {
        name: "email",
        "validate-on-blur": true,
        "validate-on-input": false
      }, {
        default: withCtx(({ componentField }, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(ssrRenderComponent(_component_FormItem, null, {
              default: withCtx((_, _push3, _parent3, _scopeId2) => {
                if (_push3) {
                  _push3(ssrRenderComponent(_component_FormLabel, { class: "text-primary capitalize" }, {
                    default: withCtx((_2, _push4, _parent4, _scopeId3) => {
                      if (_push4) {
                        _push4(`${ssrInterpolate(_ctx.$t("labels.email_label"))}`);
                      } else {
                        return [
                          createTextVNode(toDisplayString(_ctx.$t("labels.email_label")), 1)
                        ];
                      }
                    }),
                    _: 2
                  }, _parent3, _scopeId2));
                  _push3(ssrRenderComponent(_component_FormControl, null, {
                    default: withCtx((_2, _push4, _parent4, _scopeId3) => {
                      if (_push4) {
                        _push4(ssrRenderComponent(_component_Input, mergeProps({ class: "!bg-background border-input-border focus-visible:border-input-border h-[50px] rounded-sm border p-3 placeholder:text-[12px] focus-visible:ring-0" }, componentField, { placeholder: "email@example.com" }), null, _parent4, _scopeId3));
                      } else {
                        return [
                          createVNode(_component_Input, mergeProps({ class: "!bg-background border-input-border focus-visible:border-input-border h-[50px] rounded-sm border p-3 placeholder:text-[12px] focus-visible:ring-0" }, componentField, { placeholder: "email@example.com" }), null, 16)
                        ];
                      }
                    }),
                    _: 2
                  }, _parent3, _scopeId2));
                  _push3(`<div class="text-destructive min-h-[20px] !text-sm"${_scopeId2}>`);
                  _push3(ssrRenderComponent(_component_FormMessage, null, null, _parent3, _scopeId2));
                  _push3(`</div>`);
                } else {
                  return [
                    createVNode(_component_FormLabel, { class: "text-primary capitalize" }, {
                      default: withCtx(() => [
                        createTextVNode(toDisplayString(_ctx.$t("labels.email_label")), 1)
                      ]),
                      _: 1
                    }),
                    createVNode(_component_FormControl, null, {
                      default: withCtx(() => [
                        createVNode(_component_Input, mergeProps({ class: "!bg-background border-input-border focus-visible:border-input-border h-[50px] rounded-sm border p-3 placeholder:text-[12px] focus-visible:ring-0" }, componentField, { placeholder: "email@example.com" }), null, 16)
                      ]),
                      _: 2
                    }, 1024),
                    createVNode("div", { class: "text-destructive min-h-[20px] !text-sm" }, [
                      createVNode(_component_FormMessage)
                    ])
                  ];
                }
              }),
              _: 2
            }, _parent2, _scopeId));
          } else {
            return [
              createVNode(_component_FormItem, null, {
                default: withCtx(() => [
                  createVNode(_component_FormLabel, { class: "text-primary capitalize" }, {
                    default: withCtx(() => [
                      createTextVNode(toDisplayString(_ctx.$t("labels.email_label")), 1)
                    ]),
                    _: 1
                  }),
                  createVNode(_component_FormControl, null, {
                    default: withCtx(() => [
                      createVNode(_component_Input, mergeProps({ class: "!bg-background border-input-border focus-visible:border-input-border h-[50px] rounded-sm border p-3 placeholder:text-[12px] focus-visible:ring-0" }, componentField, { placeholder: "email@example.com" }), null, 16)
                    ]),
                    _: 2
                  }, 1024),
                  createVNode("div", { class: "text-destructive min-h-[20px] !text-sm" }, [
                    createVNode(_component_FormMessage)
                  ])
                ]),
                _: 2
              }, 1024)
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(ssrRenderComponent(_component_FormField, {
        name: "service_id",
        "validate-on-blur": true,
        "validate-on-input": false
      }, {
        default: withCtx(({ componentField }, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(ssrRenderComponent(_component_FormItem, null, {
              default: withCtx((_, _push3, _parent3, _scopeId2) => {
                if (_push3) {
                  _push3(ssrRenderComponent(_component_FormLabel, { class: "text-primary capitalize" }, {
                    default: withCtx((_2, _push4, _parent4, _scopeId3) => {
                      if (_push4) {
                        _push4(`${ssrInterpolate(_ctx.$t("labels.service_label"))}`);
                      } else {
                        return [
                          createTextVNode(toDisplayString(_ctx.$t("labels.service_label")), 1)
                        ];
                      }
                    }),
                    _: 2
                  }, _parent3, _scopeId2));
                  _push3(ssrRenderComponent(_component_FormControl, null, {
                    default: withCtx((_2, _push4, _parent4, _scopeId3) => {
                      if (_push4) {
                        _push4(ssrRenderComponent(_component_Select, componentField, {
                          default: withCtx((_3, _push5, _parent5, _scopeId4) => {
                            if (_push5) {
                              _push5(ssrRenderComponent(_component_SelectTrigger, {
                                "aria-label": _ctx.$t("ariaLabels.services"),
                                class: "!bg-background border-input-border focus-visible:border-input-border !h-[50px] w-full rounded-sm border p-3 shadow-none focus-visible:ring-0 ltr:text-left rtl:flex-row-reverse rtl:text-right"
                              }, {
                                default: withCtx((_4, _push6, _parent6, _scopeId5) => {
                                  if (_push6) {
                                    _push6(ssrRenderComponent(_component_SelectValue, {
                                      class: "placeholder:text-[12px]",
                                      placeholder: _ctx.$t("placeholders.service")
                                    }, null, _parent6, _scopeId5));
                                  } else {
                                    return [
                                      createVNode(_component_SelectValue, {
                                        class: "placeholder:text-[12px]",
                                        placeholder: _ctx.$t("placeholders.service")
                                      }, null, 8, ["placeholder"])
                                    ];
                                  }
                                }),
                                _: 2
                              }, _parent5, _scopeId4));
                              _push5(ssrRenderComponent(_component_SelectContent, { class: "!bg-background border-input-border rounded-sm" }, {
                                default: withCtx((_4, _push6, _parent6, _scopeId5) => {
                                  if (_push6) {
                                    _push6(`<!--[-->`);
                                    ssrRenderList(unref(services), (service) => {
                                      _push6(ssrRenderComponent(_component_SelectItem, {
                                        key: service.id,
                                        value: service.id
                                      }, {
                                        default: withCtx((_5, _push7, _parent7, _scopeId6) => {
                                          if (_push7) {
                                            _push7(`${ssrInterpolate(service.title)}`);
                                          } else {
                                            return [
                                              createTextVNode(toDisplayString(service.title), 1)
                                            ];
                                          }
                                        }),
                                        _: 2
                                      }, _parent6, _scopeId5));
                                    });
                                    _push6(`<!--]-->`);
                                  } else {
                                    return [
                                      (openBlock(true), createBlock(Fragment, null, renderList(unref(services), (service) => {
                                        return openBlock(), createBlock(_component_SelectItem, {
                                          key: service.id,
                                          value: service.id
                                        }, {
                                          default: withCtx(() => [
                                            createTextVNode(toDisplayString(service.title), 1)
                                          ]),
                                          _: 2
                                        }, 1032, ["value"]);
                                      }), 128))
                                    ];
                                  }
                                }),
                                _: 2
                              }, _parent5, _scopeId4));
                            } else {
                              return [
                                createVNode(_component_SelectTrigger, {
                                  "aria-label": _ctx.$t("ariaLabels.services"),
                                  class: "!bg-background border-input-border focus-visible:border-input-border !h-[50px] w-full rounded-sm border p-3 shadow-none focus-visible:ring-0 ltr:text-left rtl:flex-row-reverse rtl:text-right"
                                }, {
                                  default: withCtx(() => [
                                    createVNode(_component_SelectValue, {
                                      class: "placeholder:text-[12px]",
                                      placeholder: _ctx.$t("placeholders.service")
                                    }, null, 8, ["placeholder"])
                                  ]),
                                  _: 1
                                }, 8, ["aria-label"]),
                                createVNode(_component_SelectContent, { class: "!bg-background border-input-border rounded-sm" }, {
                                  default: withCtx(() => [
                                    (openBlock(true), createBlock(Fragment, null, renderList(unref(services), (service) => {
                                      return openBlock(), createBlock(_component_SelectItem, {
                                        key: service.id,
                                        value: service.id
                                      }, {
                                        default: withCtx(() => [
                                          createTextVNode(toDisplayString(service.title), 1)
                                        ]),
                                        _: 2
                                      }, 1032, ["value"]);
                                    }), 128))
                                  ]),
                                  _: 1
                                })
                              ];
                            }
                          }),
                          _: 2
                        }, _parent4, _scopeId3));
                      } else {
                        return [
                          createVNode(_component_Select, componentField, {
                            default: withCtx(() => [
                              createVNode(_component_SelectTrigger, {
                                "aria-label": _ctx.$t("ariaLabels.services"),
                                class: "!bg-background border-input-border focus-visible:border-input-border !h-[50px] w-full rounded-sm border p-3 shadow-none focus-visible:ring-0 ltr:text-left rtl:flex-row-reverse rtl:text-right"
                              }, {
                                default: withCtx(() => [
                                  createVNode(_component_SelectValue, {
                                    class: "placeholder:text-[12px]",
                                    placeholder: _ctx.$t("placeholders.service")
                                  }, null, 8, ["placeholder"])
                                ]),
                                _: 1
                              }, 8, ["aria-label"]),
                              createVNode(_component_SelectContent, { class: "!bg-background border-input-border rounded-sm" }, {
                                default: withCtx(() => [
                                  (openBlock(true), createBlock(Fragment, null, renderList(unref(services), (service) => {
                                    return openBlock(), createBlock(_component_SelectItem, {
                                      key: service.id,
                                      value: service.id
                                    }, {
                                      default: withCtx(() => [
                                        createTextVNode(toDisplayString(service.title), 1)
                                      ]),
                                      _: 2
                                    }, 1032, ["value"]);
                                  }), 128))
                                ]),
                                _: 1
                              })
                            ]),
                            _: 2
                          }, 1040)
                        ];
                      }
                    }),
                    _: 2
                  }, _parent3, _scopeId2));
                  _push3(`<div class="text-destructive min-h-[20px] !text-sm"${_scopeId2}>`);
                  _push3(ssrRenderComponent(_component_FormMessage, null, null, _parent3, _scopeId2));
                  _push3(`</div>`);
                } else {
                  return [
                    createVNode(_component_FormLabel, { class: "text-primary capitalize" }, {
                      default: withCtx(() => [
                        createTextVNode(toDisplayString(_ctx.$t("labels.service_label")), 1)
                      ]),
                      _: 1
                    }),
                    createVNode(_component_FormControl, null, {
                      default: withCtx(() => [
                        createVNode(_component_Select, componentField, {
                          default: withCtx(() => [
                            createVNode(_component_SelectTrigger, {
                              "aria-label": _ctx.$t("ariaLabels.services"),
                              class: "!bg-background border-input-border focus-visible:border-input-border !h-[50px] w-full rounded-sm border p-3 shadow-none focus-visible:ring-0 ltr:text-left rtl:flex-row-reverse rtl:text-right"
                            }, {
                              default: withCtx(() => [
                                createVNode(_component_SelectValue, {
                                  class: "placeholder:text-[12px]",
                                  placeholder: _ctx.$t("placeholders.service")
                                }, null, 8, ["placeholder"])
                              ]),
                              _: 1
                            }, 8, ["aria-label"]),
                            createVNode(_component_SelectContent, { class: "!bg-background border-input-border rounded-sm" }, {
                              default: withCtx(() => [
                                (openBlock(true), createBlock(Fragment, null, renderList(unref(services), (service) => {
                                  return openBlock(), createBlock(_component_SelectItem, {
                                    key: service.id,
                                    value: service.id
                                  }, {
                                    default: withCtx(() => [
                                      createTextVNode(toDisplayString(service.title), 1)
                                    ]),
                                    _: 2
                                  }, 1032, ["value"]);
                                }), 128))
                              ]),
                              _: 1
                            })
                          ]),
                          _: 2
                        }, 1040)
                      ]),
                      _: 2
                    }, 1024),
                    createVNode("div", { class: "text-destructive min-h-[20px] !text-sm" }, [
                      createVNode(_component_FormMessage)
                    ])
                  ];
                }
              }),
              _: 2
            }, _parent2, _scopeId));
          } else {
            return [
              createVNode(_component_FormItem, null, {
                default: withCtx(() => [
                  createVNode(_component_FormLabel, { class: "text-primary capitalize" }, {
                    default: withCtx(() => [
                      createTextVNode(toDisplayString(_ctx.$t("labels.service_label")), 1)
                    ]),
                    _: 1
                  }),
                  createVNode(_component_FormControl, null, {
                    default: withCtx(() => [
                      createVNode(_component_Select, componentField, {
                        default: withCtx(() => [
                          createVNode(_component_SelectTrigger, {
                            "aria-label": _ctx.$t("ariaLabels.services"),
                            class: "!bg-background border-input-border focus-visible:border-input-border !h-[50px] w-full rounded-sm border p-3 shadow-none focus-visible:ring-0 ltr:text-left rtl:flex-row-reverse rtl:text-right"
                          }, {
                            default: withCtx(() => [
                              createVNode(_component_SelectValue, {
                                class: "placeholder:text-[12px]",
                                placeholder: _ctx.$t("placeholders.service")
                              }, null, 8, ["placeholder"])
                            ]),
                            _: 1
                          }, 8, ["aria-label"]),
                          createVNode(_component_SelectContent, { class: "!bg-background border-input-border rounded-sm" }, {
                            default: withCtx(() => [
                              (openBlock(true), createBlock(Fragment, null, renderList(unref(services), (service) => {
                                return openBlock(), createBlock(_component_SelectItem, {
                                  key: service.id,
                                  value: service.id
                                }, {
                                  default: withCtx(() => [
                                    createTextVNode(toDisplayString(service.title), 1)
                                  ]),
                                  _: 2
                                }, 1032, ["value"]);
                              }), 128))
                            ]),
                            _: 1
                          })
                        ]),
                        _: 2
                      }, 1040)
                    ]),
                    _: 2
                  }, 1024),
                  createVNode("div", { class: "text-destructive min-h-[20px] !text-sm" }, [
                    createVNode(_component_FormMessage)
                  ])
                ]),
                _: 2
              }, 1024)
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(`</div>`);
      _push(ssrRenderComponent(_component_FormField, {
        name: "type",
        "validate-on-blur": true,
        "validate-on-input": false
      }, {
        default: withCtx(({ componentField }, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(ssrRenderComponent(_component_FormItem, null, {
              default: withCtx((_, _push3, _parent3, _scopeId2) => {
                if (_push3) {
                  _push3(ssrRenderComponent(_component_FormControl, null, {
                    default: withCtx((_2, _push4, _parent4, _scopeId3) => {
                      if (_push4) {
                        _push4(`<div class="flex gap-3"${_scopeId3}>`);
                        _push4(ssrRenderComponent(RadioInput, mergeProps({
                          id: "individual",
                          value: "individual",
                          text: unref(t)("step1.individual")
                        }, componentField, { icon: Individual }), null, _parent4, _scopeId3));
                        _push4(ssrRenderComponent(RadioInput, mergeProps({
                          id: "company",
                          value: "company",
                          text: unref(t)("step1.corporation")
                        }, componentField, { icon: Campony }), null, _parent4, _scopeId3));
                        _push4(`</div>`);
                      } else {
                        return [
                          createVNode("div", { class: "flex gap-3" }, [
                            createVNode(RadioInput, mergeProps({
                              id: "individual",
                              value: "individual",
                              text: unref(t)("step1.individual")
                            }, componentField, { icon: Individual }), null, 16, ["text"]),
                            createVNode(RadioInput, mergeProps({
                              id: "company",
                              value: "company",
                              text: unref(t)("step1.corporation")
                            }, componentField, { icon: Campony }), null, 16, ["text"])
                          ])
                        ];
                      }
                    }),
                    _: 2
                  }, _parent3, _scopeId2));
                  _push3(`<div class="text-destructive min-h-[20px] !text-sm"${_scopeId2}>`);
                  _push3(ssrRenderComponent(_component_FormMessage, null, null, _parent3, _scopeId2));
                  _push3(`</div>`);
                } else {
                  return [
                    createVNode(_component_FormControl, null, {
                      default: withCtx(() => [
                        createVNode("div", { class: "flex gap-3" }, [
                          createVNode(RadioInput, mergeProps({
                            id: "individual",
                            value: "individual",
                            text: unref(t)("step1.individual")
                          }, componentField, { icon: Individual }), null, 16, ["text"]),
                          createVNode(RadioInput, mergeProps({
                            id: "company",
                            value: "company",
                            text: unref(t)("step1.corporation")
                          }, componentField, { icon: Campony }), null, 16, ["text"])
                        ])
                      ]),
                      _: 2
                    }, 1024),
                    createVNode("div", { class: "text-destructive min-h-[20px] !text-sm" }, [
                      createVNode(_component_FormMessage)
                    ])
                  ];
                }
              }),
              _: 2
            }, _parent2, _scopeId));
          } else {
            return [
              createVNode(_component_FormItem, null, {
                default: withCtx(() => [
                  createVNode(_component_FormControl, null, {
                    default: withCtx(() => [
                      createVNode("div", { class: "flex gap-3" }, [
                        createVNode(RadioInput, mergeProps({
                          id: "individual",
                          value: "individual",
                          text: unref(t)("step1.individual")
                        }, componentField, { icon: Individual }), null, 16, ["text"]),
                        createVNode(RadioInput, mergeProps({
                          id: "company",
                          value: "company",
                          text: unref(t)("step1.corporation")
                        }, componentField, { icon: Campony }), null, 16, ["text"])
                      ])
                    ]),
                    _: 2
                  }, 1024),
                  createVNode("div", { class: "text-destructive min-h-[20px] !text-sm" }, [
                    createVNode(_component_FormMessage)
                  ])
                ]),
                _: 2
              }, 1024)
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(`</form><br><div class="flex w-[100%] justify-between">`);
      _push(ssrRenderComponent(_component_Button, {
        disabled: unref(loading),
        onClick: ($event) => unref(throttledSubmit)($event),
        variant: "wsDefault",
        size: "wsDefault",
        class: "cursor-pointer"
      }, {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            if (unref(loading)) {
              _push2(`<span${_scopeId}>${ssrInterpolate(_ctx.$t("buttons.loading_send_button"))}</span>`);
            } else {
              _push2(`<span${_scopeId}>${ssrInterpolate(_ctx.$t("buttons.start_button"))}</span>`);
            }
          } else {
            return [
              unref(loading) ? (openBlock(), createBlock("span", { key: 0 }, toDisplayString(_ctx.$t("buttons.loading_send_button")), 1)) : (openBlock(), createBlock("span", { key: 1 }, toDisplayString(_ctx.$t("buttons.start_button")), 1))
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(`</div></div>`);
    };
  }
});
const _sfc_setup$l = _sfc_main$l.setup;
_sfc_main$l.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/campaign/campaignForm/steps/BioStep.vue");
  return _sfc_setup$l ? _sfc_setup$l(props, ctx) : void 0;
};
const _sfc_main$k = /* @__PURE__ */ defineComponent({
  __name: "BudgetStep",
  __ssrInlineRender: true,
  props: {
    next: { type: Function },
    prev: { type: Function },
    isNextDisabled: { type: Boolean },
    isPrevDisabled: { type: Boolean }
  },
  setup(__props) {
    const props = __props;
    const selected = ref("");
    const loading = ref(false);
    const isNextButtonDisabled = computed(() => {
      return loading.value || !selected.value;
    });
    async function handleSubmit() {
      var _a;
      if (!selected.value) {
        toast.error("Please select a budget range.");
        return;
      }
      const { post } = useApi();
      const { getUTMPayload } = useUtmPayload();
      const utm = getUTMPayload();
      const formState = useState("campaign-form");
      try {
        loading.value = true;
        const payload = {
          order_id: (_a = formState.value) == null ? void 0 : _a.order_id,
          budget_range: selected.value,
          utm
        };
        await post("contact_us_stepper?step=5", payload);
        props.next();
      } catch (err) {
        console.error(err);
        toast.error("Error submitting step");
      } finally {
        loading.value = false;
      }
    }
    return (_ctx, _push, _parent, _attrs) => {
      const _component_Button = _sfc_main$G;
      _push(`<div${ssrRenderAttrs(_attrs)}><h2 class="mb-2">${ssrInterpolate(_ctx.$t("stepper.step5.desc"))}</h2><div class="flex flex-col gap-3">`);
      _push(ssrRenderComponent(RadioInput, {
        id: " 5000  :  15,000",
        value: " 5000  :  15,000",
        text: " 5000  :  15,000",
        modelValue: unref(selected),
        "onUpdate:modelValue": ($event) => isRef(selected) ? selected.value = $event : null,
        name: "range"
      }, null, _parent));
      _push(ssrRenderComponent(RadioInput, {
        id: " 16,000  :  25,000",
        value: " 16,000  :  25,000",
        text: " 16,000  :  25,000",
        modelValue: unref(selected),
        "onUpdate:modelValue": ($event) => isRef(selected) ? selected.value = $event : null,
        name: "range"
      }, null, _parent));
      _push(ssrRenderComponent(RadioInput, {
        id: " 26,000  :  35,000",
        value: " 26,000  :  35,000",
        text: " 26,000  :  35,000",
        modelValue: unref(selected),
        "onUpdate:modelValue": ($event) => isRef(selected) ? selected.value = $event : null,
        name: "range"
      }, null, _parent));
      _push(ssrRenderComponent(RadioInput, {
        id: " 36,000  :  50,000",
        value: " 36,000  :  50,000",
        text: " 36,000  :  50,000",
        modelValue: unref(selected),
        "onUpdate:modelValue": ($event) => isRef(selected) ? selected.value = $event : null,
        name: "range"
      }, null, _parent));
      _push(ssrRenderComponent(RadioInput, {
        id: "+50,000",
        value: "+50,000",
        text: "+50,000",
        modelValue: unref(selected),
        "onUpdate:modelValue": ($event) => isRef(selected) ? selected.value = $event : null,
        name: "range"
      }, null, _parent));
      _push(`</div><div class="mt-6 flex w-[98%] gap-4">`);
      _push(ssrRenderComponent(_component_Button, {
        size: "stepBtn",
        variant: "wsPrev",
        disabled: props.isPrevDisabled || unref(loading),
        onClick: props.prev,
        class: "w-1/2"
      }, {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(`${ssrInterpolate(_ctx.$t("buttons.prev"))}`);
          } else {
            return [
              createTextVNode(toDisplayString(_ctx.$t("buttons.prev")), 1)
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(ssrRenderComponent(_component_Button, {
        size: "stepBtn",
        disabled: isNextButtonDisabled.value,
        onClick: handleSubmit,
        class: "w-1/2"
      }, {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            if (unref(loading)) {
              _push2(`<span${_scopeId}>${ssrInterpolate(_ctx.$t("buttons.loading_send_button"))}</span>`);
            } else {
              _push2(`<span${_scopeId}>${ssrInterpolate(_ctx.$t("buttons.next"))}</span>`);
            }
          } else {
            return [
              unref(loading) ? (openBlock(), createBlock("span", { key: 0 }, toDisplayString(_ctx.$t("buttons.loading_send_button")), 1)) : (openBlock(), createBlock("span", { key: 1 }, toDisplayString(_ctx.$t("buttons.next")), 1))
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(`</div></div>`);
    };
  }
});
const _sfc_setup$k = _sfc_main$k.setup;
_sfc_main$k.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/campaign/campaignForm/steps/BudgetStep.vue");
  return _sfc_setup$k ? _sfc_setup$k(props, ctx) : void 0;
};
const _sfc_main$j = /* @__PURE__ */ defineComponent({
  ...{
    inheritAttrs: false
  },
  __name: "NativeSelect",
  __ssrInlineRender: true,
  props: {
    modelValue: {},
    class: {}
  },
  emits: ["update:modelValue"],
  setup(__props, { emit: __emit }) {
    const props = __props;
    const delegatedProps = reactiveOmit(props, "class");
    return (_ctx, _push, _parent, _attrs) => {
      _push(`<div${ssrRenderAttrs(mergeProps({
        class: "group/native-select relative w-fit has-[select:disabled]:opacity-50",
        "data-slot": "native-select-wrapper"
      }, _attrs))}><select${ssrRenderAttrs(mergeProps({ ..._ctx.$attrs, ...unref(delegatedProps) }, {
        "data-slot": "native-select",
        class: unref(cn)(
          "border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 h-9 w-full min-w-0 appearance-none rounded-md border bg-transparent px-3 py-2 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed",
          "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
          "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
          props.class
        )
      }))}>`);
      ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
      _push(`</select>`);
      _push(ssrRenderComponent(unref(ChevronDownIcon), {
        class: "text-muted-foreground pointer-events-none absolute top-1/2 right-3.5 size-4 -translate-y-1/2 opacity-50 select-none",
        "aria-hidden": "true",
        "data-slot": "native-select-icon"
      }, null, _parent));
      _push(`</div>`);
    };
  }
});
const _sfc_setup$j = _sfc_main$j.setup;
_sfc_main$j.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/native-select/NativeSelect.vue");
  return _sfc_setup$j ? _sfc_setup$j(props, ctx) : void 0;
};
const _sfc_main$i = /* @__PURE__ */ defineComponent({
  __name: "NativeSelectOption",
  __ssrInlineRender: true,
  props: {
    class: {}
  },
  setup(__props) {
    const props = __props;
    return (_ctx, _push, _parent, _attrs) => {
      _push(`<option${ssrRenderAttrs(mergeProps({
        "data-slot": "native-select-option",
        class: unref(cn)("bg-popover text-popover-foreground", props.class)
      }, _attrs))}>`);
      ssrRenderSlot(_ctx.$slots, "default", {}, null, _push, _parent);
      _push(`</option>`);
    };
  }
});
const _sfc_setup$i = _sfc_main$i.setup;
_sfc_main$i.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/native-select/NativeSelectOption.vue");
  return _sfc_setup$i ? _sfc_setup$i(props, ctx) : void 0;
};
const _sfc_main$h = /* @__PURE__ */ defineComponent({
  __name: "Calendar",
  __ssrInlineRender: true,
  props: {
    defaultValue: {},
    defaultPlaceholder: {},
    placeholder: {},
    pagedNavigation: { type: Boolean },
    preventDeselect: { type: Boolean },
    weekStartsOn: {},
    weekdayFormat: {},
    calendarLabel: {},
    fixedWeeks: { type: Boolean },
    maxValue: {},
    minValue: {},
    locale: {},
    numberOfMonths: {},
    disabled: { type: Boolean },
    readonly: { type: Boolean },
    initialFocus: { type: Boolean },
    isDateDisabled: {},
    isDateUnavailable: {},
    dir: {},
    nextPage: {},
    prevPage: {},
    modelValue: { default: void 0 },
    multiple: { type: Boolean },
    disableDaysOutsideCurrentView: { type: Boolean },
    asChild: { type: Boolean },
    as: {},
    class: {},
    layout: { default: void 0 },
    yearRange: {}
  },
  emits: ["update:modelValue", "update:placeholder"],
  setup(__props, { emit: __emit }) {
    var _a, _b;
    const props = __props;
    const emits = __emit;
    const delegatedProps = reactiveOmit(props, "class", "layout", "placeholder");
    const placeholder = useVModel(props, "placeholder", emits, {
      passive: true,
      defaultValue: (_a = props.defaultPlaceholder) != null ? _a : today(getLocalTimeZone())
    });
    const formatter = useDateFormatter((_b = props.locale) != null ? _b : "en");
    const yearRange = computed(() => {
      var _a2, _b2, _c, _d, _e, _f, _g;
      return (_g = props.yearRange) != null ? _g : createYearRange({
        start: (_c = props == null ? void 0 : props.minValue) != null ? _c : ((_b2 = (_a2 = toRaw(props.placeholder)) != null ? _a2 : props.defaultPlaceholder) != null ? _b2 : today(getLocalTimeZone())).cycle("year", -100),
        end: (_f = props == null ? void 0 : props.maxValue) != null ? _f : ((_e = (_d = toRaw(props.placeholder)) != null ? _d : props.defaultPlaceholder) != null ? _e : today(getLocalTimeZone())).cycle("year", 10)
      });
    });
    const [DefineMonthTemplate, ReuseMonthTemplate] = createReusableTemplate();
    const [DefineYearTemplate, ReuseYearTemplate] = createReusableTemplate();
    const forwarded = useForwardPropsEmits(delegatedProps, emits);
    return (_ctx, _push, _parent, _attrs) => {
      _push(`<!--[-->`);
      _push(ssrRenderComponent(unref(DefineMonthTemplate), null, {
        default: withCtx(({ date }, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(`<div class="**:data-[slot=native-select-icon]:right-1"${_scopeId}><div class="relative"${_scopeId}><div class="absolute inset-0 flex h-full items-center text-sm pl-2 pointer-events-none"${_scopeId}>${ssrInterpolate(unref(formatter).custom(unref(toDate)(date), { month: "short" }))}</div>`);
            _push2(ssrRenderComponent(unref(_sfc_main$j), {
              class: "text-xs h-8 pr-6 pl-2 text-transparent relative",
              onChange: (e) => {
                var _a2;
                placeholder.value = unref(placeholder).set({
                  month: Number((_a2 = e == null ? void 0 : e.target) == null ? void 0 : _a2.value)
                });
              }
            }, {
              default: withCtx((_, _push3, _parent3, _scopeId2) => {
                if (_push3) {
                  _push3(`<!--[-->`);
                  ssrRenderList(unref(createYear)({ dateObj: date }), (month) => {
                    _push3(ssrRenderComponent(unref(_sfc_main$i), {
                      key: month.toString(),
                      value: month.month,
                      selected: date.month === month.month
                    }, {
                      default: withCtx((_2, _push4, _parent4, _scopeId3) => {
                        if (_push4) {
                          _push4(`${ssrInterpolate(unref(formatter).custom(unref(toDate)(month), { month: "short" }))}`);
                        } else {
                          return [
                            createTextVNode(toDisplayString(unref(formatter).custom(unref(toDate)(month), { month: "short" })), 1)
                          ];
                        }
                      }),
                      _: 2
                    }, _parent3, _scopeId2));
                  });
                  _push3(`<!--]-->`);
                } else {
                  return [
                    (openBlock(true), createBlock(Fragment, null, renderList(unref(createYear)({ dateObj: date }), (month) => {
                      return openBlock(), createBlock(unref(_sfc_main$i), {
                        key: month.toString(),
                        value: month.month,
                        selected: date.month === month.month
                      }, {
                        default: withCtx(() => [
                          createTextVNode(toDisplayString(unref(formatter).custom(unref(toDate)(month), { month: "short" })), 1)
                        ]),
                        _: 2
                      }, 1032, ["value", "selected"]);
                    }), 128))
                  ];
                }
              }),
              _: 2
            }, _parent2, _scopeId));
            _push2(`</div></div>`);
          } else {
            return [
              createVNode("div", { class: "**:data-[slot=native-select-icon]:right-1" }, [
                createVNode("div", { class: "relative" }, [
                  createVNode("div", { class: "absolute inset-0 flex h-full items-center text-sm pl-2 pointer-events-none" }, toDisplayString(unref(formatter).custom(unref(toDate)(date), { month: "short" })), 1),
                  createVNode(unref(_sfc_main$j), {
                    class: "text-xs h-8 pr-6 pl-2 text-transparent relative",
                    onChange: (e) => {
                      var _a2;
                      placeholder.value = unref(placeholder).set({
                        month: Number((_a2 = e == null ? void 0 : e.target) == null ? void 0 : _a2.value)
                      });
                    }
                  }, {
                    default: withCtx(() => [
                      (openBlock(true), createBlock(Fragment, null, renderList(unref(createYear)({ dateObj: date }), (month) => {
                        return openBlock(), createBlock(unref(_sfc_main$i), {
                          key: month.toString(),
                          value: month.month,
                          selected: date.month === month.month
                        }, {
                          default: withCtx(() => [
                            createTextVNode(toDisplayString(unref(formatter).custom(unref(toDate)(month), { month: "short" })), 1)
                          ]),
                          _: 2
                        }, 1032, ["value", "selected"]);
                      }), 128))
                    ]),
                    _: 2
                  }, 1032, ["onChange"])
                ])
              ])
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(ssrRenderComponent(unref(DefineYearTemplate), null, {
        default: withCtx(({ date }, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(`<div class="**:data-[slot=native-select-icon]:right-1"${_scopeId}><div class="relative"${_scopeId}><div class="absolute inset-0 flex h-full items-center text-sm pl-2 pointer-events-none"${_scopeId}>${ssrInterpolate(unref(formatter).custom(unref(toDate)(date), { year: "numeric" }))}</div>`);
            _push2(ssrRenderComponent(unref(_sfc_main$j), {
              class: "text-xs h-8 pr-6 pl-2 text-transparent relative",
              onChange: (e) => {
                var _a2;
                placeholder.value = unref(placeholder).set({
                  year: Number((_a2 = e == null ? void 0 : e.target) == null ? void 0 : _a2.value)
                });
              }
            }, {
              default: withCtx((_, _push3, _parent3, _scopeId2) => {
                if (_push3) {
                  _push3(`<!--[-->`);
                  ssrRenderList(yearRange.value, (year) => {
                    _push3(ssrRenderComponent(unref(_sfc_main$i), {
                      key: year.toString(),
                      value: year.year,
                      selected: date.year === year.year
                    }, {
                      default: withCtx((_2, _push4, _parent4, _scopeId3) => {
                        if (_push4) {
                          _push4(`${ssrInterpolate(unref(formatter).custom(unref(toDate)(year), { year: "numeric" }))}`);
                        } else {
                          return [
                            createTextVNode(toDisplayString(unref(formatter).custom(unref(toDate)(year), { year: "numeric" })), 1)
                          ];
                        }
                      }),
                      _: 2
                    }, _parent3, _scopeId2));
                  });
                  _push3(`<!--]-->`);
                } else {
                  return [
                    (openBlock(true), createBlock(Fragment, null, renderList(yearRange.value, (year) => {
                      return openBlock(), createBlock(unref(_sfc_main$i), {
                        key: year.toString(),
                        value: year.year,
                        selected: date.year === year.year
                      }, {
                        default: withCtx(() => [
                          createTextVNode(toDisplayString(unref(formatter).custom(unref(toDate)(year), { year: "numeric" })), 1)
                        ]),
                        _: 2
                      }, 1032, ["value", "selected"]);
                    }), 128))
                  ];
                }
              }),
              _: 2
            }, _parent2, _scopeId));
            _push2(`</div></div>`);
          } else {
            return [
              createVNode("div", { class: "**:data-[slot=native-select-icon]:right-1" }, [
                createVNode("div", { class: "relative" }, [
                  createVNode("div", { class: "absolute inset-0 flex h-full items-center text-sm pl-2 pointer-events-none" }, toDisplayString(unref(formatter).custom(unref(toDate)(date), { year: "numeric" })), 1),
                  createVNode(unref(_sfc_main$j), {
                    class: "text-xs h-8 pr-6 pl-2 text-transparent relative",
                    onChange: (e) => {
                      var _a2;
                      placeholder.value = unref(placeholder).set({
                        year: Number((_a2 = e == null ? void 0 : e.target) == null ? void 0 : _a2.value)
                      });
                    }
                  }, {
                    default: withCtx(() => [
                      (openBlock(true), createBlock(Fragment, null, renderList(yearRange.value, (year) => {
                        return openBlock(), createBlock(unref(_sfc_main$i), {
                          key: year.toString(),
                          value: year.year,
                          selected: date.year === year.year
                        }, {
                          default: withCtx(() => [
                            createTextVNode(toDisplayString(unref(formatter).custom(unref(toDate)(year), { year: "numeric" })), 1)
                          ]),
                          _: 2
                        }, 1032, ["value", "selected"]);
                      }), 128))
                    ]),
                    _: 2
                  }, 1032, ["onChange"])
                ])
              ])
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(ssrRenderComponent(unref(CalendarRoot), mergeProps(unref(forwarded), {
        placeholder: unref(placeholder),
        "onUpdate:placeholder": ($event) => isRef(placeholder) ? placeholder.value = $event : null,
        "data-slot": "calendar",
        class: unref(cn)("p-3", props.class)
      }), {
        default: withCtx(({ grid, weekDays, date }, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(ssrRenderComponent(unref(_sfc_main$9), { class: "pt-0" }, {
              default: withCtx((_, _push3, _parent3, _scopeId2) => {
                if (_push3) {
                  _push3(`<nav class="flex items-center gap-1 absolute top-0 inset-x-0 justify-between"${_scopeId2}>`);
                  _push3(ssrRenderComponent(unref(_sfc_main$6), null, {
                    default: withCtx((_2, _push4, _parent4, _scopeId3) => {
                      if (_push4) {
                        ssrRenderSlot(_ctx.$slots, "calendar-prev-icon", {}, null, _push4, _parent4, _scopeId3);
                      } else {
                        return [
                          renderSlot(_ctx.$slots, "calendar-prev-icon")
                        ];
                      }
                    }),
                    _: 2
                  }, _parent3, _scopeId2));
                  _push3(ssrRenderComponent(unref(_sfc_main$7), null, {
                    default: withCtx((_2, _push4, _parent4, _scopeId3) => {
                      if (_push4) {
                        ssrRenderSlot(_ctx.$slots, "calendar-next-icon", {}, null, _push4, _parent4, _scopeId3);
                      } else {
                        return [
                          renderSlot(_ctx.$slots, "calendar-next-icon")
                        ];
                      }
                    }),
                    _: 2
                  }, _parent3, _scopeId2));
                  _push3(`</nav>`);
                  ssrRenderSlot(_ctx.$slots, "calendar-heading", {
                    date,
                    month: unref(ReuseMonthTemplate),
                    year: unref(ReuseYearTemplate)
                  }, () => {
                    if (_ctx.layout === "month-and-year") {
                      _push3(`<div class="flex items-center justify-center gap-1"${_scopeId2}>`);
                      _push3(ssrRenderComponent(unref(ReuseMonthTemplate), { date }, null, _parent3, _scopeId2));
                      _push3(ssrRenderComponent(unref(ReuseYearTemplate), { date }, null, _parent3, _scopeId2));
                      _push3(`</div>`);
                    } else if (_ctx.layout === "month-only") {
                      _push3(`<div class="flex items-center justify-center gap-1"${_scopeId2}>`);
                      _push3(ssrRenderComponent(unref(ReuseMonthTemplate), { date }, null, _parent3, _scopeId2));
                      _push3(` ${ssrInterpolate(unref(formatter).custom(unref(toDate)(date), { year: "numeric" }))}</div>`);
                    } else if (_ctx.layout === "year-only") {
                      _push3(`<div class="flex items-center justify-center gap-1"${_scopeId2}>${ssrInterpolate(unref(formatter).custom(unref(toDate)(date), { month: "short" }))} `);
                      _push3(ssrRenderComponent(unref(ReuseYearTemplate), { date }, null, _parent3, _scopeId2));
                      _push3(`</div>`);
                    } else {
                      _push3(ssrRenderComponent(unref(_sfc_main$8), null, null, _parent3, _scopeId2));
                    }
                  }, _push3, _parent3, _scopeId2);
                } else {
                  return [
                    createVNode("nav", { class: "flex items-center gap-1 absolute top-0 inset-x-0 justify-between" }, [
                      createVNode(unref(_sfc_main$6), null, {
                        default: withCtx(() => [
                          renderSlot(_ctx.$slots, "calendar-prev-icon")
                        ]),
                        _: 3
                      }),
                      createVNode(unref(_sfc_main$7), null, {
                        default: withCtx(() => [
                          renderSlot(_ctx.$slots, "calendar-next-icon")
                        ]),
                        _: 3
                      })
                    ]),
                    renderSlot(_ctx.$slots, "calendar-heading", {
                      date,
                      month: unref(ReuseMonthTemplate),
                      year: unref(ReuseYearTemplate)
                    }, () => [
                      _ctx.layout === "month-and-year" ? (openBlock(), createBlock("div", {
                        key: 0,
                        class: "flex items-center justify-center gap-1"
                      }, [
                        createVNode(unref(ReuseMonthTemplate), { date }, null, 8, ["date"]),
                        createVNode(unref(ReuseYearTemplate), { date }, null, 8, ["date"])
                      ])) : _ctx.layout === "month-only" ? (openBlock(), createBlock("div", {
                        key: 1,
                        class: "flex items-center justify-center gap-1"
                      }, [
                        createVNode(unref(ReuseMonthTemplate), { date }, null, 8, ["date"]),
                        createTextVNode(" " + toDisplayString(unref(formatter).custom(unref(toDate)(date), { year: "numeric" })), 1)
                      ])) : _ctx.layout === "year-only" ? (openBlock(), createBlock("div", {
                        key: 2,
                        class: "flex items-center justify-center gap-1"
                      }, [
                        createTextVNode(toDisplayString(unref(formatter).custom(unref(toDate)(date), { month: "short" })) + " ", 1),
                        createVNode(unref(ReuseYearTemplate), { date }, null, 8, ["date"])
                      ])) : (openBlock(), createBlock(unref(_sfc_main$8), { key: 3 }))
                    ])
                  ];
                }
              }),
              _: 2
            }, _parent2, _scopeId));
            _push2(`<div class="flex flex-col gap-y-4 mt-4 sm:flex-row sm:gap-x-4 sm:gap-y-0"${_scopeId}><!--[-->`);
            ssrRenderList(grid, (month) => {
              _push2(ssrRenderComponent(unref(_sfc_main$e), {
                key: month.value.toString()
              }, {
                default: withCtx((_, _push3, _parent3, _scopeId2) => {
                  if (_push3) {
                    _push3(ssrRenderComponent(unref(_sfc_main$c), null, {
                      default: withCtx((_2, _push4, _parent4, _scopeId3) => {
                        if (_push4) {
                          _push4(ssrRenderComponent(unref(_sfc_main$b), null, {
                            default: withCtx((_3, _push5, _parent5, _scopeId4) => {
                              if (_push5) {
                                _push5(`<!--[-->`);
                                ssrRenderList(weekDays, (day) => {
                                  _push5(ssrRenderComponent(unref(_sfc_main$a), { key: day }, {
                                    default: withCtx((_4, _push6, _parent6, _scopeId5) => {
                                      if (_push6) {
                                        _push6(`${ssrInterpolate(day)}`);
                                      } else {
                                        return [
                                          createTextVNode(toDisplayString(day), 1)
                                        ];
                                      }
                                    }),
                                    _: 2
                                  }, _parent5, _scopeId4));
                                });
                                _push5(`<!--]-->`);
                              } else {
                                return [
                                  (openBlock(true), createBlock(Fragment, null, renderList(weekDays, (day) => {
                                    return openBlock(), createBlock(unref(_sfc_main$a), { key: day }, {
                                      default: withCtx(() => [
                                        createTextVNode(toDisplayString(day), 1)
                                      ]),
                                      _: 2
                                    }, 1024);
                                  }), 128))
                                ];
                              }
                            }),
                            _: 2
                          }, _parent4, _scopeId3));
                        } else {
                          return [
                            createVNode(unref(_sfc_main$b), null, {
                              default: withCtx(() => [
                                (openBlock(true), createBlock(Fragment, null, renderList(weekDays, (day) => {
                                  return openBlock(), createBlock(unref(_sfc_main$a), { key: day }, {
                                    default: withCtx(() => [
                                      createTextVNode(toDisplayString(day), 1)
                                    ]),
                                    _: 2
                                  }, 1024);
                                }), 128))
                              ]),
                              _: 2
                            }, 1024)
                          ];
                        }
                      }),
                      _: 2
                    }, _parent3, _scopeId2));
                    _push3(ssrRenderComponent(unref(_sfc_main$d), null, {
                      default: withCtx((_2, _push4, _parent4, _scopeId3) => {
                        if (_push4) {
                          _push4(`<!--[-->`);
                          ssrRenderList(month.rows, (weekDates, index) => {
                            _push4(ssrRenderComponent(unref(_sfc_main$b), {
                              key: `weekDate-${index}`,
                              class: "mt-2 w-full"
                            }, {
                              default: withCtx((_3, _push5, _parent5, _scopeId4) => {
                                if (_push5) {
                                  _push5(`<!--[-->`);
                                  ssrRenderList(weekDates, (weekDate) => {
                                    _push5(ssrRenderComponent(unref(_sfc_main$g), {
                                      key: weekDate.toString(),
                                      date: weekDate
                                    }, {
                                      default: withCtx((_4, _push6, _parent6, _scopeId5) => {
                                        if (_push6) {
                                          _push6(ssrRenderComponent(unref(_sfc_main$f), {
                                            day: weekDate,
                                            month: month.value
                                          }, null, _parent6, _scopeId5));
                                        } else {
                                          return [
                                            createVNode(unref(_sfc_main$f), {
                                              day: weekDate,
                                              month: month.value
                                            }, null, 8, ["day", "month"])
                                          ];
                                        }
                                      }),
                                      _: 2
                                    }, _parent5, _scopeId4));
                                  });
                                  _push5(`<!--]-->`);
                                } else {
                                  return [
                                    (openBlock(true), createBlock(Fragment, null, renderList(weekDates, (weekDate) => {
                                      return openBlock(), createBlock(unref(_sfc_main$g), {
                                        key: weekDate.toString(),
                                        date: weekDate
                                      }, {
                                        default: withCtx(() => [
                                          createVNode(unref(_sfc_main$f), {
                                            day: weekDate,
                                            month: month.value
                                          }, null, 8, ["day", "month"])
                                        ]),
                                        _: 2
                                      }, 1032, ["date"]);
                                    }), 128))
                                  ];
                                }
                              }),
                              _: 2
                            }, _parent4, _scopeId3));
                          });
                          _push4(`<!--]-->`);
                        } else {
                          return [
                            (openBlock(true), createBlock(Fragment, null, renderList(month.rows, (weekDates, index) => {
                              return openBlock(), createBlock(unref(_sfc_main$b), {
                                key: `weekDate-${index}`,
                                class: "mt-2 w-full"
                              }, {
                                default: withCtx(() => [
                                  (openBlock(true), createBlock(Fragment, null, renderList(weekDates, (weekDate) => {
                                    return openBlock(), createBlock(unref(_sfc_main$g), {
                                      key: weekDate.toString(),
                                      date: weekDate
                                    }, {
                                      default: withCtx(() => [
                                        createVNode(unref(_sfc_main$f), {
                                          day: weekDate,
                                          month: month.value
                                        }, null, 8, ["day", "month"])
                                      ]),
                                      _: 2
                                    }, 1032, ["date"]);
                                  }), 128))
                                ]),
                                _: 2
                              }, 1024);
                            }), 128))
                          ];
                        }
                      }),
                      _: 2
                    }, _parent3, _scopeId2));
                  } else {
                    return [
                      createVNode(unref(_sfc_main$c), null, {
                        default: withCtx(() => [
                          createVNode(unref(_sfc_main$b), null, {
                            default: withCtx(() => [
                              (openBlock(true), createBlock(Fragment, null, renderList(weekDays, (day) => {
                                return openBlock(), createBlock(unref(_sfc_main$a), { key: day }, {
                                  default: withCtx(() => [
                                    createTextVNode(toDisplayString(day), 1)
                                  ]),
                                  _: 2
                                }, 1024);
                              }), 128))
                            ]),
                            _: 2
                          }, 1024)
                        ]),
                        _: 2
                      }, 1024),
                      createVNode(unref(_sfc_main$d), null, {
                        default: withCtx(() => [
                          (openBlock(true), createBlock(Fragment, null, renderList(month.rows, (weekDates, index) => {
                            return openBlock(), createBlock(unref(_sfc_main$b), {
                              key: `weekDate-${index}`,
                              class: "mt-2 w-full"
                            }, {
                              default: withCtx(() => [
                                (openBlock(true), createBlock(Fragment, null, renderList(weekDates, (weekDate) => {
                                  return openBlock(), createBlock(unref(_sfc_main$g), {
                                    key: weekDate.toString(),
                                    date: weekDate
                                  }, {
                                    default: withCtx(() => [
                                      createVNode(unref(_sfc_main$f), {
                                        day: weekDate,
                                        month: month.value
                                      }, null, 8, ["day", "month"])
                                    ]),
                                    _: 2
                                  }, 1032, ["date"]);
                                }), 128))
                              ]),
                              _: 2
                            }, 1024);
                          }), 128))
                        ]),
                        _: 2
                      }, 1024)
                    ];
                  }
                }),
                _: 2
              }, _parent2, _scopeId));
            });
            _push2(`<!--]--></div>`);
          } else {
            return [
              createVNode(unref(_sfc_main$9), { class: "pt-0" }, {
                default: withCtx(() => [
                  createVNode("nav", { class: "flex items-center gap-1 absolute top-0 inset-x-0 justify-between" }, [
                    createVNode(unref(_sfc_main$6), null, {
                      default: withCtx(() => [
                        renderSlot(_ctx.$slots, "calendar-prev-icon")
                      ]),
                      _: 3
                    }),
                    createVNode(unref(_sfc_main$7), null, {
                      default: withCtx(() => [
                        renderSlot(_ctx.$slots, "calendar-next-icon")
                      ]),
                      _: 3
                    })
                  ]),
                  renderSlot(_ctx.$slots, "calendar-heading", {
                    date,
                    month: unref(ReuseMonthTemplate),
                    year: unref(ReuseYearTemplate)
                  }, () => [
                    _ctx.layout === "month-and-year" ? (openBlock(), createBlock("div", {
                      key: 0,
                      class: "flex items-center justify-center gap-1"
                    }, [
                      createVNode(unref(ReuseMonthTemplate), { date }, null, 8, ["date"]),
                      createVNode(unref(ReuseYearTemplate), { date }, null, 8, ["date"])
                    ])) : _ctx.layout === "month-only" ? (openBlock(), createBlock("div", {
                      key: 1,
                      class: "flex items-center justify-center gap-1"
                    }, [
                      createVNode(unref(ReuseMonthTemplate), { date }, null, 8, ["date"]),
                      createTextVNode(" " + toDisplayString(unref(formatter).custom(unref(toDate)(date), { year: "numeric" })), 1)
                    ])) : _ctx.layout === "year-only" ? (openBlock(), createBlock("div", {
                      key: 2,
                      class: "flex items-center justify-center gap-1"
                    }, [
                      createTextVNode(toDisplayString(unref(formatter).custom(unref(toDate)(date), { month: "short" })) + " ", 1),
                      createVNode(unref(ReuseYearTemplate), { date }, null, 8, ["date"])
                    ])) : (openBlock(), createBlock(unref(_sfc_main$8), { key: 3 }))
                  ])
                ]),
                _: 2
              }, 1024),
              createVNode("div", { class: "flex flex-col gap-y-4 mt-4 sm:flex-row sm:gap-x-4 sm:gap-y-0" }, [
                (openBlock(true), createBlock(Fragment, null, renderList(grid, (month) => {
                  return openBlock(), createBlock(unref(_sfc_main$e), {
                    key: month.value.toString()
                  }, {
                    default: withCtx(() => [
                      createVNode(unref(_sfc_main$c), null, {
                        default: withCtx(() => [
                          createVNode(unref(_sfc_main$b), null, {
                            default: withCtx(() => [
                              (openBlock(true), createBlock(Fragment, null, renderList(weekDays, (day) => {
                                return openBlock(), createBlock(unref(_sfc_main$a), { key: day }, {
                                  default: withCtx(() => [
                                    createTextVNode(toDisplayString(day), 1)
                                  ]),
                                  _: 2
                                }, 1024);
                              }), 128))
                            ]),
                            _: 2
                          }, 1024)
                        ]),
                        _: 2
                      }, 1024),
                      createVNode(unref(_sfc_main$d), null, {
                        default: withCtx(() => [
                          (openBlock(true), createBlock(Fragment, null, renderList(month.rows, (weekDates, index) => {
                            return openBlock(), createBlock(unref(_sfc_main$b), {
                              key: `weekDate-${index}`,
                              class: "mt-2 w-full"
                            }, {
                              default: withCtx(() => [
                                (openBlock(true), createBlock(Fragment, null, renderList(weekDates, (weekDate) => {
                                  return openBlock(), createBlock(unref(_sfc_main$g), {
                                    key: weekDate.toString(),
                                    date: weekDate
                                  }, {
                                    default: withCtx(() => [
                                      createVNode(unref(_sfc_main$f), {
                                        day: weekDate,
                                        month: month.value
                                      }, null, 8, ["day", "month"])
                                    ]),
                                    _: 2
                                  }, 1032, ["date"]);
                                }), 128))
                              ]),
                              _: 2
                            }, 1024);
                          }), 128))
                        ]),
                        _: 2
                      }, 1024)
                    ]),
                    _: 2
                  }, 1024);
                }), 128))
              ])
            ];
          }
        }),
        _: 3
      }, _parent));
      _push(`<!--]-->`);
    };
  }
});
const _sfc_setup$h = _sfc_main$h.setup;
_sfc_main$h.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/calendar/Calendar.vue");
  return _sfc_setup$h ? _sfc_setup$h(props, ctx) : void 0;
};
const _sfc_main$g = /* @__PURE__ */ defineComponent({
  __name: "CalendarCell",
  __ssrInlineRender: true,
  props: {
    date: {},
    asChild: { type: Boolean },
    as: {},
    class: {}
  },
  setup(__props) {
    const props = __props;
    const delegatedProps = reactiveOmit(props, "class");
    const forwardedProps = useForwardProps(delegatedProps);
    return (_ctx, _push, _parent, _attrs) => {
      _push(ssrRenderComponent(unref(CalendarCell), mergeProps({
        "data-slot": "calendar-cell",
        class: unref(cn)("relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([data-selected])]:rounded-md [&:has([data-selected])]:bg-accent", props.class)
      }, unref(forwardedProps), _attrs), {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
          } else {
            return [
              renderSlot(_ctx.$slots, "default")
            ];
          }
        }),
        _: 3
      }, _parent));
    };
  }
});
const _sfc_setup$g = _sfc_main$g.setup;
_sfc_main$g.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/calendar/CalendarCell.vue");
  return _sfc_setup$g ? _sfc_setup$g(props, ctx) : void 0;
};
const _sfc_main$f = /* @__PURE__ */ defineComponent({
  __name: "CalendarCellTrigger",
  __ssrInlineRender: true,
  props: {
    day: {},
    month: {},
    asChild: { type: Boolean },
    as: { default: "button" },
    class: {}
  },
  setup(__props) {
    const props = __props;
    const delegatedProps = reactiveOmit(props, "class");
    const forwardedProps = useForwardProps(delegatedProps);
    return (_ctx, _push, _parent, _attrs) => {
      _push(ssrRenderComponent(unref(CalendarCellTrigger), mergeProps({
        type: "button",
        "data-slot": "calendar-cell-trigger",
        class: unref(cn)(
          unref(buttonVariants)({ variant: "ghost" }),
          "size-8 p-0 font-normal aria-selected:opacity-100 cursor-default",
          "size-8 p-0 font-normal aria-selected:opacity-100 cursor-default",
          // Selected
          "data-[selected]:bg-gradient-default data-[selected]:text-primary data-[selected]:opacity-100 data-[selected]:hover:bg-primary data-[selected]:hover:text-primary-foreground data-[selected]:focus:bg-gradient-default data-[selected]:focus:text-primary-foreground",
          // Disabled
          "data-[disabled]:text-muted-foreground data-[disabled]:opacity-50",
          // Unavailable
          "data-[unavailable]:text-primary/50 data-[unavailable]:line-through",
          // Outside months
          "data-[outside-view]:text-muted-foreground",
          props.class
        )
      }, unref(forwardedProps), _attrs), {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
          } else {
            return [
              renderSlot(_ctx.$slots, "default")
            ];
          }
        }),
        _: 3
      }, _parent));
    };
  }
});
const _sfc_setup$f = _sfc_main$f.setup;
_sfc_main$f.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/calendar/CalendarCellTrigger.vue");
  return _sfc_setup$f ? _sfc_setup$f(props, ctx) : void 0;
};
const _sfc_main$e = /* @__PURE__ */ defineComponent({
  __name: "CalendarGrid",
  __ssrInlineRender: true,
  props: {
    asChild: { type: Boolean },
    as: {},
    class: {}
  },
  setup(__props) {
    const props = __props;
    const delegatedProps = reactiveOmit(props, "class");
    const forwardedProps = useForwardProps(delegatedProps);
    return (_ctx, _push, _parent, _attrs) => {
      _push(ssrRenderComponent(unref(CalendarGrid), mergeProps({
        "data-slot": "calendar-grid",
        class: unref(cn)("w-full border-collapse space-x-1", props.class)
      }, unref(forwardedProps), _attrs), {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
          } else {
            return [
              renderSlot(_ctx.$slots, "default")
            ];
          }
        }),
        _: 3
      }, _parent));
    };
  }
});
const _sfc_setup$e = _sfc_main$e.setup;
_sfc_main$e.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/calendar/CalendarGrid.vue");
  return _sfc_setup$e ? _sfc_setup$e(props, ctx) : void 0;
};
const _sfc_main$d = /* @__PURE__ */ defineComponent({
  __name: "CalendarGridBody",
  __ssrInlineRender: true,
  props: {
    asChild: { type: Boolean },
    as: {}
  },
  setup(__props) {
    const props = __props;
    return (_ctx, _push, _parent, _attrs) => {
      _push(ssrRenderComponent(unref(CalendarGridBody), mergeProps({ "data-slot": "calendar-grid-body" }, props, _attrs), {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
          } else {
            return [
              renderSlot(_ctx.$slots, "default")
            ];
          }
        }),
        _: 3
      }, _parent));
    };
  }
});
const _sfc_setup$d = _sfc_main$d.setup;
_sfc_main$d.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/calendar/CalendarGridBody.vue");
  return _sfc_setup$d ? _sfc_setup$d(props, ctx) : void 0;
};
const _sfc_main$c = /* @__PURE__ */ defineComponent({
  __name: "CalendarGridHead",
  __ssrInlineRender: true,
  props: {
    asChild: { type: Boolean },
    as: {},
    class: {}
  },
  setup(__props) {
    const props = __props;
    return (_ctx, _push, _parent, _attrs) => {
      _push(ssrRenderComponent(unref(CalendarGridHead), mergeProps({ "data-slot": "calendar-grid-head" }, props, _attrs), {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
          } else {
            return [
              renderSlot(_ctx.$slots, "default")
            ];
          }
        }),
        _: 3
      }, _parent));
    };
  }
});
const _sfc_setup$c = _sfc_main$c.setup;
_sfc_main$c.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/calendar/CalendarGridHead.vue");
  return _sfc_setup$c ? _sfc_setup$c(props, ctx) : void 0;
};
const _sfc_main$b = /* @__PURE__ */ defineComponent({
  __name: "CalendarGridRow",
  __ssrInlineRender: true,
  props: {
    asChild: { type: Boolean },
    as: {},
    class: {}
  },
  setup(__props) {
    const props = __props;
    const delegatedProps = reactiveOmit(props, "class");
    const forwardedProps = useForwardProps(delegatedProps);
    return (_ctx, _push, _parent, _attrs) => {
      _push(ssrRenderComponent(unref(CalendarGridRow), mergeProps({
        "data-slot": "calendar-grid-row",
        class: unref(cn)("flex", props.class)
      }, unref(forwardedProps), _attrs), {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
          } else {
            return [
              renderSlot(_ctx.$slots, "default")
            ];
          }
        }),
        _: 3
      }, _parent));
    };
  }
});
const _sfc_setup$b = _sfc_main$b.setup;
_sfc_main$b.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/calendar/CalendarGridRow.vue");
  return _sfc_setup$b ? _sfc_setup$b(props, ctx) : void 0;
};
const _sfc_main$a = /* @__PURE__ */ defineComponent({
  __name: "CalendarHeadCell",
  __ssrInlineRender: true,
  props: {
    asChild: { type: Boolean },
    as: {},
    class: {}
  },
  setup(__props) {
    const props = __props;
    const delegatedProps = reactiveOmit(props, "class");
    const forwardedProps = useForwardProps(delegatedProps);
    return (_ctx, _push, _parent, _attrs) => {
      _push(ssrRenderComponent(unref(CalendarHeadCell), mergeProps({
        "data-slot": "calendar-head-cell",
        class: unref(cn)("text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem]", props.class)
      }, unref(forwardedProps), _attrs), {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
          } else {
            return [
              renderSlot(_ctx.$slots, "default")
            ];
          }
        }),
        _: 3
      }, _parent));
    };
  }
});
const _sfc_setup$a = _sfc_main$a.setup;
_sfc_main$a.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/calendar/CalendarHeadCell.vue");
  return _sfc_setup$a ? _sfc_setup$a(props, ctx) : void 0;
};
const _sfc_main$9 = /* @__PURE__ */ defineComponent({
  __name: "CalendarHeader",
  __ssrInlineRender: true,
  props: {
    asChild: { type: Boolean },
    as: {},
    class: {}
  },
  setup(__props) {
    const props = __props;
    const delegatedProps = reactiveOmit(props, "class");
    const forwardedProps = useForwardProps(delegatedProps);
    return (_ctx, _push, _parent, _attrs) => {
      _push(ssrRenderComponent(unref(CalendarHeader), mergeProps({
        "data-slot": "calendar-header",
        class: unref(cn)("flex justify-center pt-1 relative items-center w-full px-8", props.class)
      }, unref(forwardedProps), _attrs), {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            ssrRenderSlot(_ctx.$slots, "default", {}, null, _push2, _parent2, _scopeId);
          } else {
            return [
              renderSlot(_ctx.$slots, "default")
            ];
          }
        }),
        _: 3
      }, _parent));
    };
  }
});
const _sfc_setup$9 = _sfc_main$9.setup;
_sfc_main$9.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/calendar/CalendarHeader.vue");
  return _sfc_setup$9 ? _sfc_setup$9(props, ctx) : void 0;
};
const _sfc_main$8 = /* @__PURE__ */ defineComponent({
  __name: "CalendarHeading",
  __ssrInlineRender: true,
  props: {
    asChild: { type: Boolean },
    as: {},
    class: {}
  },
  setup(__props) {
    const props = __props;
    const delegatedProps = reactiveOmit(props, "class");
    const forwardedProps = useForwardProps(delegatedProps);
    return (_ctx, _push, _parent, _attrs) => {
      _push(ssrRenderComponent(unref(CalendarHeading), mergeProps({
        "data-slot": "calendar-heading",
        class: unref(cn)("text-sm font-medium", props.class)
      }, unref(forwardedProps), _attrs), {
        default: withCtx(({ headingValue }, _push2, _parent2, _scopeId) => {
          if (_push2) {
            ssrRenderSlot(_ctx.$slots, "default", { headingValue }, () => {
              _push2(`${ssrInterpolate(headingValue)}`);
            }, _push2, _parent2, _scopeId);
          } else {
            return [
              renderSlot(_ctx.$slots, "default", { headingValue }, () => [
                createTextVNode(toDisplayString(headingValue), 1)
              ])
            ];
          }
        }),
        _: 3
      }, _parent));
    };
  }
});
const _sfc_setup$8 = _sfc_main$8.setup;
_sfc_main$8.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/calendar/CalendarHeading.vue");
  return _sfc_setup$8 ? _sfc_setup$8(props, ctx) : void 0;
};
const _sfc_main$7 = /* @__PURE__ */ defineComponent({
  __name: "CalendarNextButton",
  __ssrInlineRender: true,
  props: {
    nextPage: { type: Function },
    asChild: { type: Boolean },
    as: {},
    class: {}
  },
  setup(__props) {
    const props = __props;
    const delegatedProps = reactiveOmit(props, "class");
    const forwardedProps = useForwardProps(delegatedProps);
    return (_ctx, _push, _parent, _attrs) => {
      _push(ssrRenderComponent(unref(CalendarNext), mergeProps({
        type: "button",
        "data-slot": "calendar-next-button",
        class: unref(cn)(
          unref(buttonVariants)({ variant: "outline" }),
          "size-7 bg-transparent p-0 opacity-50 hover:opacity-100",
          props.class
        )
      }, unref(forwardedProps), _attrs), {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            ssrRenderSlot(_ctx.$slots, "default", {}, () => {
              _push2(ssrRenderComponent(unref(ChevronRight), { class: "size-4 rtl:rotate-180" }, null, _parent2, _scopeId));
            }, _push2, _parent2, _scopeId);
          } else {
            return [
              renderSlot(_ctx.$slots, "default", {}, () => [
                createVNode(unref(ChevronRight), { class: "size-4 rtl:rotate-180" })
              ])
            ];
          }
        }),
        _: 3
      }, _parent));
    };
  }
});
const _sfc_setup$7 = _sfc_main$7.setup;
_sfc_main$7.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/calendar/CalendarNextButton.vue");
  return _sfc_setup$7 ? _sfc_setup$7(props, ctx) : void 0;
};
const _sfc_main$6 = /* @__PURE__ */ defineComponent({
  __name: "CalendarPrevButton",
  __ssrInlineRender: true,
  props: {
    prevPage: { type: Function },
    asChild: { type: Boolean },
    as: {},
    class: {}
  },
  setup(__props) {
    const props = __props;
    const delegatedProps = reactiveOmit(props, "class");
    const forwardedProps = useForwardProps(delegatedProps);
    return (_ctx, _push, _parent, _attrs) => {
      _push(ssrRenderComponent(unref(CalendarPrev), mergeProps({
        type: "button",
        "data-slot": "calendar-prev-button",
        class: unref(cn)(
          unref(buttonVariants)({ variant: "outline" }),
          "size-7 bg-transparent p-0 opacity-50 hover:opacity-100",
          props.class
        )
      }, unref(forwardedProps), _attrs), {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            ssrRenderSlot(_ctx.$slots, "default", {}, () => {
              _push2(ssrRenderComponent(unref(ChevronLeft), { class: "size-4 rtl:rotate-180" }, null, _parent2, _scopeId));
            }, _push2, _parent2, _scopeId);
          } else {
            return [
              renderSlot(_ctx.$slots, "default", {}, () => [
                createVNode(unref(ChevronLeft), { class: "size-4 rtl:rotate-180" })
              ])
            ];
          }
        }),
        _: 3
      }, _parent));
    };
  }
});
const _sfc_setup$6 = _sfc_main$6.setup;
_sfc_main$6.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/ui/calendar/CalendarPrevButton.vue");
  return _sfc_setup$6 ? _sfc_setup$6(props, ctx) : void 0;
};
const _sfc_main$5 = /* @__PURE__ */ defineComponent({
  __name: "CalenderStep",
  __ssrInlineRender: true,
  props: {
    next: { type: Function },
    prev: { type: Function },
    isNextDisabled: { type: Boolean },
    isPrevDisabled: { type: Boolean }
  },
  setup(__props) {
    const props = __props;
    const date = ref(void 0);
    const selectedTime = ref("");
    const loading = ref(false);
    const availableDates = ref([]);
    const availableTimes = ref([]);
    const loadingTimeSlots = ref(false);
    const { post } = useApi();
    const { locale } = useI18n();
    const calendarLocale = computed(() => locale.value);
    const calendarDir = computed(() => locale.value === "ar" ? "rtl" : "ltr");
    const isStartButtonDisabled = computed(() => {
      return loading.value || !date.value || !selectedTime.value;
    });
    watch(date, async (newDate) => {
      var _a;
      if (newDate) {
        selectedTime.value = "";
        availableTimes.value = [];
        loadingTimeSlots.value = true;
        try {
          const formattedDate = newDate.toString();
          const res = await post("get-time-slots", {
            day_date: formattedDate
          });
          if ((_a = res.data) == null ? void 0 : _a.success) {
            const slots = res.data.data.time_slots || {};
            availableTimes.value = Object.entries(slots).map(([key, value]) => ({
              id: key,
              label: value
            }));
          }
        } catch (error) {
          console.error("Failed to fetch time slots", error);
          toast.error("Failed to load time slots");
        } finally {
          loadingTimeSlots.value = false;
        }
      }
    });
    function isDateUnavailable(dateToCheck) {
      const d = dateToCheck.toString();
      return !availableDates.value.includes(d);
    }
    async function handleSubmit() {
      var _a;
      if (!date.value || !selectedTime.value) {
        toast.error("Please select both date and time.");
        return;
      }
      const { getUTMPayload } = useUtmPayload();
      const utm = getUTMPayload();
      const formState = useState("campaign-form");
      try {
        loading.value = true;
        const formattedDate = date.value.toString();
        const payload = {
          order_id: (_a = formState.value) == null ? void 0 : _a.order_id,
          meeting_date: formattedDate,
          meeting_time: selectedTime.value,
          utm
        };
        await post("contact_us_stepper?step=7", payload);
        navigateTo("/thank-you-v2");
      } catch (err) {
        console.error(err);
        toast.error("Error submitting form");
      } finally {
        loading.value = false;
      }
    }
    return (_ctx, _push, _parent, _attrs) => {
      const _component_Button = _sfc_main$G;
      _push(`<div${ssrRenderAttrs(_attrs)} data-v-318347ee><h2 class="mb-2" data-v-318347ee>${ssrInterpolate(_ctx.$t("stepper.step7.desc"))}</h2><div class="flex w-full flex-col items-start gap-2 lg:flex-row lg:items-center" data-v-318347ee><div class="w-full lg:w-2/3" data-v-318347ee>`);
      _push(ssrRenderComponent(unref(_sfc_main$h), {
        modelValue: unref(date),
        "onUpdate:modelValue": ($event) => isRef(date) ? date.value = $event : null,
        class: "rounded-md border shadow-sm **:data-[slot=calendar-cell-trigger]:size-10! **:data-[slot=calendar-grid-row]:justify-around!",
        "min-value": new (unref(CalendarDate))(
          (/* @__PURE__ */ new Date()).getFullYear(),
          (/* @__PURE__ */ new Date()).getMonth(),
          (/* @__PURE__ */ new Date()).getDate()
        ),
        "max-value": new (unref(CalendarDate))(2035, 1, 1),
        locale: calendarLocale.value,
        dir: calendarDir.value,
        "is-date-unavailable": isDateUnavailable
      }, null, _parent));
      _push(`</div><div class="hidden lg:flex" data-v-318347ee>`);
      _push(ssrRenderComponent(unref(_sfc_main$J), {
        orientation: "vertical",
        class: "bg-gray-800 h-[300px] w-[1px]"
      }, null, _parent));
      _push(`</div><div class="lg:hidden w-full" data-v-318347ee>`);
      _push(ssrRenderComponent(unref(_sfc_main$J), {
        orientation: "horizontal",
        class: "bg-gray-800 h-[1px] w-full mb-8"
      }, null, _parent));
      _push(`</div><div class="scrollable-list w-full lg:w-1/3 h-[250px] flex flex-col items-center gap-4" data-v-318347ee>`);
      if (unref(loadingTimeSlots)) {
        _push(`<!--[-->`);
        ssrRenderList(5, (i) => {
          _push(`<div class="border-surface-border h-[40px] w-full max-w-[135px] animate-pulse rounded-[8px] border bg-gray-100 dark:bg-gray-800 p-6" data-v-318347ee></div>`);
        });
        _push(`<!--]-->`);
      } else if (unref(availableTimes).length === 0 && unref(date)) {
        _push(`<div class="py-4 text-sm text-gray-500" data-v-318347ee>${ssrInterpolate(_ctx.$t("step7.noTime"))}</div>`);
      } else if (!unref(date)) {
        _push(`<div class="py-4 text-sm text-gray-500" data-v-318347ee>${ssrInterpolate(_ctx.$t("step7.selectDate"))}</div>`);
      } else {
        _push(`<!---->`);
      }
      _push(`<!--[-->`);
      ssrRenderList(unref(availableTimes), (time) => {
        _push(`<div class="${ssrRenderClass([
          "border-surface-border flex h-[40px] w-full max-w-[135px] cursor-pointer items-center justify-center rounded-[8px] border py-4 text-[16px] font-medium transition-colors",
          unref(selectedTime) === time.id ? "bg-gradient-default text-primary" : "hover:bg-muted"
        ])}" data-v-318347ee>${ssrInterpolate(time.label)}</div>`);
      });
      _push(`<!--]--></div></div><p class="m-2 mt-6" data-v-318347ee>${ssrInterpolate(_ctx.$t("step7.scheduledAt"))} ${ssrInterpolate(unref(date))} ,${ssrInterpolate(unref(selectedTime))}</p><div class="mt-6 flex w-[98%] gap-4" data-v-318347ee>`);
      _push(ssrRenderComponent(_component_Button, {
        size: "stepBtn",
        variant: "wsPrev",
        disabled: props.isPrevDisabled || unref(loading),
        onClick: props.prev,
        class: "w-1/2"
      }, {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(`${ssrInterpolate(_ctx.$t("buttons.prev"))}`);
          } else {
            return [
              createTextVNode(toDisplayString(_ctx.$t("buttons.prev")), 1)
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(ssrRenderComponent(_component_Button, {
        size: "stepBtn",
        disabled: isStartButtonDisabled.value,
        onClick: handleSubmit,
        class: "w-1/2"
      }, {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            if (unref(loading)) {
              _push2(`<span data-v-318347ee${_scopeId}>${ssrInterpolate(_ctx.$t("buttons.loading_send_button"))}</span>`);
            } else {
              _push2(`<span data-v-318347ee${_scopeId}>${ssrInterpolate(_ctx.$t("buttons.start"))}</span>`);
            }
          } else {
            return [
              unref(loading) ? (openBlock(), createBlock("span", { key: 0 }, toDisplayString(_ctx.$t("buttons.loading_send_button")), 1)) : (openBlock(), createBlock("span", { key: 1 }, toDisplayString(_ctx.$t("buttons.start")), 1))
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(`</div></div>`);
    };
  }
});
const _sfc_setup$5 = _sfc_main$5.setup;
_sfc_main$5.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/campaign/campaignForm/steps/CalenderStep.vue");
  return _sfc_setup$5 ? _sfc_setup$5(props, ctx) : void 0;
};
const CalenderStep = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-318347ee"]]);
const _sfc_main$4 = /* @__PURE__ */ defineComponent({
  __name: "CompanyStep",
  __ssrInlineRender: true,
  props: {
    next: { type: Function },
    prev: { type: Function },
    isNextDisabled: { type: Boolean },
    isPrevDisabled: { type: Boolean }
  },
  setup(__props) {
    const props = __props;
    const { t } = useI18n();
    const successMessage = ref("");
    const errorMessage = ref("");
    const loading = ref(false);
    const formSubmitted = useState("form-submitted", () => false);
    const formSchema = computed(() => createFormSchema(t));
    function createFormSchema(t2) {
      return toTypedSchema(
        z.object({
          company_name: z.string({ required_error: t2("schemaErrors.required_field_error") }).min(3, t2("schemaErrors.min")),
          work_field: z.string({ required_error: t2("schemaErrors.required_field_error") }).min(3, t2("schemaErrors.min")),
          company_size: z.string({ required_error: t2("schemaErrors.required_field_error") }).min(1, t2("schemaErrors.min_service"))
        })
      );
    }
    const { handleSubmit, resetForm } = useForm({
      validationSchema: formSchema,
      validateOnMount: false
    });
    const companySize = [
      { id: 1, size: "1 - 10" },
      { id: 2, size: "11 - 50" },
      { id: 3, size: "51 - 200" },
      { id: 4, size: "201 - 500" },
      { id: 5, size: "500+" }
    ];
    const throttledSubmit = useThrottleFn(
      handleSubmit(async (values) => {
        var _a, _b, _c;
        const { post } = useApi();
        const { getUTMPayload } = useUtmPayload();
        const utm = getUTMPayload();
        const formState = useState("campaign-form");
        try {
          loading.value = true;
          errorMessage.value = "";
          successMessage.value = "";
          const payload = {
            order_id: (_a = formState.value) == null ? void 0 : _a.order_id,
            company_name: values.company_name,
            type: "company",
            work_field: values.work_field,
            company_size: values.company_size,
            utm
          };
          await post("contact_us_stepper?step=2", payload);
          formSubmitted.value = true;
          props.next();
        } catch (err) {
          console.error("Contact form submission error:", err);
          const maybeAxiosErr = err;
          const message = typeof ((_c = (_b = maybeAxiosErr == null ? void 0 : maybeAxiosErr.response) == null ? void 0 : _b.data) == null ? void 0 : _c.message) === "string" ? maybeAxiosErr.response.data.message : t("error_message");
          errorMessage.value = message;
          toast.error(message);
          setTimeout(() => {
            errorMessage.value = "";
          }, 3e3);
        } finally {
          loading.value = false;
        }
      }),
      5e3
    );
    return (_ctx, _push, _parent, _attrs) => {
      const _component_FormField = Field;
      const _component_FormItem = _sfc_main$2$1;
      const _component_FormLabel = _sfc_main$D;
      const _component_FormControl = _sfc_main$3$1;
      const _component_Input = _sfc_main$E;
      const _component_FormMessage = _sfc_main$1$1;
      const _component_Select = _sfc_main$7$1;
      const _component_SelectTrigger = _sfc_main$2$3;
      const _component_SelectValue = _sfc_main$1$3;
      const _component_SelectContent = _sfc_main$6$1;
      const _component_SelectItem = _sfc_main$5$1;
      const _component_Button = _sfc_main$G;
      _push(`<div${ssrRenderAttrs(_attrs)} data-v-bae4fde7><form class="mx-auto w-full space-y-3" data-v-bae4fde7><div class="flex w-full flex-col gap-4" data-v-bae4fde7>`);
      _push(ssrRenderComponent(_component_FormField, {
        name: "company_name",
        "validate-on-blur": true,
        "validate-on-input": false
      }, {
        default: withCtx(({ componentField }, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(ssrRenderComponent(_component_FormItem, null, {
              default: withCtx((_, _push3, _parent3, _scopeId2) => {
                if (_push3) {
                  _push3(ssrRenderComponent(_component_FormLabel, { class: "text-primary capitalize" }, {
                    default: withCtx((_2, _push4, _parent4, _scopeId3) => {
                      if (_push4) {
                        _push4(`${ssrInterpolate(_ctx.$t("labels.company_name_label"))}`);
                      } else {
                        return [
                          createTextVNode(toDisplayString(_ctx.$t("labels.company_name_label")), 1)
                        ];
                      }
                    }),
                    _: 2
                  }, _parent3, _scopeId2));
                  _push3(ssrRenderComponent(_component_FormControl, null, {
                    default: withCtx((_2, _push4, _parent4, _scopeId3) => {
                      if (_push4) {
                        _push4(ssrRenderComponent(_component_Input, mergeProps({ class: "!bg-background border-input-border focus-visible:border-input-border h-[50px] rounded-sm border p-3 placeholder:text-[12px] focus-visible:ring-0" }, componentField, {
                          placeholder: _ctx.$t("placeholders.company_name")
                        }), null, _parent4, _scopeId3));
                      } else {
                        return [
                          createVNode(_component_Input, mergeProps({ class: "!bg-background border-input-border focus-visible:border-input-border h-[50px] rounded-sm border p-3 placeholder:text-[12px] focus-visible:ring-0" }, componentField, {
                            placeholder: _ctx.$t("placeholders.company_name")
                          }), null, 16, ["placeholder"])
                        ];
                      }
                    }),
                    _: 2
                  }, _parent3, _scopeId2));
                  _push3(`<div class="text-destructive min-h-[20px] !text-sm" data-v-bae4fde7${_scopeId2}>`);
                  _push3(ssrRenderComponent(_component_FormMessage, null, null, _parent3, _scopeId2));
                  _push3(`</div>`);
                } else {
                  return [
                    createVNode(_component_FormLabel, { class: "text-primary capitalize" }, {
                      default: withCtx(() => [
                        createTextVNode(toDisplayString(_ctx.$t("labels.company_name_label")), 1)
                      ]),
                      _: 1
                    }),
                    createVNode(_component_FormControl, null, {
                      default: withCtx(() => [
                        createVNode(_component_Input, mergeProps({ class: "!bg-background border-input-border focus-visible:border-input-border h-[50px] rounded-sm border p-3 placeholder:text-[12px] focus-visible:ring-0" }, componentField, {
                          placeholder: _ctx.$t("placeholders.company_name")
                        }), null, 16, ["placeholder"])
                      ]),
                      _: 2
                    }, 1024),
                    createVNode("div", { class: "text-destructive min-h-[20px] !text-sm" }, [
                      createVNode(_component_FormMessage)
                    ])
                  ];
                }
              }),
              _: 2
            }, _parent2, _scopeId));
          } else {
            return [
              createVNode(_component_FormItem, null, {
                default: withCtx(() => [
                  createVNode(_component_FormLabel, { class: "text-primary capitalize" }, {
                    default: withCtx(() => [
                      createTextVNode(toDisplayString(_ctx.$t("labels.company_name_label")), 1)
                    ]),
                    _: 1
                  }),
                  createVNode(_component_FormControl, null, {
                    default: withCtx(() => [
                      createVNode(_component_Input, mergeProps({ class: "!bg-background border-input-border focus-visible:border-input-border h-[50px] rounded-sm border p-3 placeholder:text-[12px] focus-visible:ring-0" }, componentField, {
                        placeholder: _ctx.$t("placeholders.company_name")
                      }), null, 16, ["placeholder"])
                    ]),
                    _: 2
                  }, 1024),
                  createVNode("div", { class: "text-destructive min-h-[20px] !text-sm" }, [
                    createVNode(_component_FormMessage)
                  ])
                ]),
                _: 2
              }, 1024)
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(ssrRenderComponent(_component_FormField, {
        name: "work_field",
        "validate-on-blur": true,
        "validate-on-input": false
      }, {
        default: withCtx(({ componentField }, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(ssrRenderComponent(_component_FormItem, null, {
              default: withCtx((_, _push3, _parent3, _scopeId2) => {
                if (_push3) {
                  _push3(ssrRenderComponent(_component_FormLabel, { class: "text-primary capitalize" }, {
                    default: withCtx((_2, _push4, _parent4, _scopeId3) => {
                      if (_push4) {
                        _push4(`${ssrInterpolate(_ctx.$t("labels.work_field_label"))}`);
                      } else {
                        return [
                          createTextVNode(toDisplayString(_ctx.$t("labels.work_field_label")), 1)
                        ];
                      }
                    }),
                    _: 2
                  }, _parent3, _scopeId2));
                  _push3(ssrRenderComponent(_component_FormControl, null, {
                    default: withCtx((_2, _push4, _parent4, _scopeId3) => {
                      if (_push4) {
                        _push4(ssrRenderComponent(_component_Input, mergeProps({ class: "!bg-background border-input-border focus-visible:border-input-border h-[50px] rounded-sm border p-3 placeholder:text-[12px] focus-visible:ring-0" }, componentField, {
                          placeholder: _ctx.$t("placeholders.work_field")
                        }), null, _parent4, _scopeId3));
                      } else {
                        return [
                          createVNode(_component_Input, mergeProps({ class: "!bg-background border-input-border focus-visible:border-input-border h-[50px] rounded-sm border p-3 placeholder:text-[12px] focus-visible:ring-0" }, componentField, {
                            placeholder: _ctx.$t("placeholders.work_field")
                          }), null, 16, ["placeholder"])
                        ];
                      }
                    }),
                    _: 2
                  }, _parent3, _scopeId2));
                  _push3(`<div class="text-destructive min-h-[20px] !text-sm" data-v-bae4fde7${_scopeId2}>`);
                  _push3(ssrRenderComponent(_component_FormMessage, null, null, _parent3, _scopeId2));
                  _push3(`</div>`);
                } else {
                  return [
                    createVNode(_component_FormLabel, { class: "text-primary capitalize" }, {
                      default: withCtx(() => [
                        createTextVNode(toDisplayString(_ctx.$t("labels.work_field_label")), 1)
                      ]),
                      _: 1
                    }),
                    createVNode(_component_FormControl, null, {
                      default: withCtx(() => [
                        createVNode(_component_Input, mergeProps({ class: "!bg-background border-input-border focus-visible:border-input-border h-[50px] rounded-sm border p-3 placeholder:text-[12px] focus-visible:ring-0" }, componentField, {
                          placeholder: _ctx.$t("placeholders.work_field")
                        }), null, 16, ["placeholder"])
                      ]),
                      _: 2
                    }, 1024),
                    createVNode("div", { class: "text-destructive min-h-[20px] !text-sm" }, [
                      createVNode(_component_FormMessage)
                    ])
                  ];
                }
              }),
              _: 2
            }, _parent2, _scopeId));
          } else {
            return [
              createVNode(_component_FormItem, null, {
                default: withCtx(() => [
                  createVNode(_component_FormLabel, { class: "text-primary capitalize" }, {
                    default: withCtx(() => [
                      createTextVNode(toDisplayString(_ctx.$t("labels.work_field_label")), 1)
                    ]),
                    _: 1
                  }),
                  createVNode(_component_FormControl, null, {
                    default: withCtx(() => [
                      createVNode(_component_Input, mergeProps({ class: "!bg-background border-input-border focus-visible:border-input-border h-[50px] rounded-sm border p-3 placeholder:text-[12px] focus-visible:ring-0" }, componentField, {
                        placeholder: _ctx.$t("placeholders.work_field")
                      }), null, 16, ["placeholder"])
                    ]),
                    _: 2
                  }, 1024),
                  createVNode("div", { class: "text-destructive min-h-[20px] !text-sm" }, [
                    createVNode(_component_FormMessage)
                  ])
                ]),
                _: 2
              }, 1024)
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(ssrRenderComponent(_component_FormField, {
        name: "company_size",
        "validate-on-blur": true,
        "validate-on-input": false
      }, {
        default: withCtx(({ componentField }, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(ssrRenderComponent(_component_FormItem, null, {
              default: withCtx((_, _push3, _parent3, _scopeId2) => {
                if (_push3) {
                  _push3(ssrRenderComponent(_component_FormLabel, { class: "text-primary capitalize" }, {
                    default: withCtx((_2, _push4, _parent4, _scopeId3) => {
                      if (_push4) {
                        _push4(`${ssrInterpolate(_ctx.$t("labels.company_size_label"))}`);
                      } else {
                        return [
                          createTextVNode(toDisplayString(_ctx.$t("labels.company_size_label")), 1)
                        ];
                      }
                    }),
                    _: 2
                  }, _parent3, _scopeId2));
                  _push3(ssrRenderComponent(_component_FormControl, null, {
                    default: withCtx((_2, _push4, _parent4, _scopeId3) => {
                      if (_push4) {
                        _push4(ssrRenderComponent(_component_Select, mergeProps(componentField, {
                          "onUpdate:modelValue": (val) => componentField.onChange(val)
                        }), {
                          default: withCtx((_3, _push5, _parent5, _scopeId4) => {
                            if (_push5) {
                              _push5(ssrRenderComponent(_component_SelectTrigger, { class: "!bg-background border-input-border focus-visible:border-input-border !h-[50px] w-full rounded-sm border p-3 shadow-none focus-visible:ring-0 ltr:text-left rtl:flex-row-reverse rtl:text-right" }, {
                                default: withCtx((_4, _push6, _parent6, _scopeId5) => {
                                  if (_push6) {
                                    _push6(ssrRenderComponent(_component_SelectValue, {
                                      class: "placeholder:text-[12px]",
                                      placeholder: _ctx.$t("placeholders.company_size")
                                    }, null, _parent6, _scopeId5));
                                  } else {
                                    return [
                                      createVNode(_component_SelectValue, {
                                        class: "placeholder:text-[12px]",
                                        placeholder: _ctx.$t("placeholders.company_size")
                                      }, null, 8, ["placeholder"])
                                    ];
                                  }
                                }),
                                _: 2
                              }, _parent5, _scopeId4));
                              _push5(ssrRenderComponent(_component_SelectContent, {
                                class: "!bg-background border-input-border rounded-sm",
                                position: "popper",
                                "side-offset": 5,
                                align: "start"
                              }, {
                                default: withCtx((_4, _push6, _parent6, _scopeId5) => {
                                  if (_push6) {
                                    _push6(`<!--[-->`);
                                    ssrRenderList(companySize, (item) => {
                                      _push6(ssrRenderComponent(_component_SelectItem, {
                                        key: item.id,
                                        value: item.size
                                      }, {
                                        default: withCtx((_5, _push7, _parent7, _scopeId6) => {
                                          if (_push7) {
                                            _push7(`${ssrInterpolate(item.size)} ${ssrInterpolate(_ctx.$t("step2.employees"))}`);
                                          } else {
                                            return [
                                              createTextVNode(toDisplayString(item.size) + " " + toDisplayString(_ctx.$t("step2.employees")), 1)
                                            ];
                                          }
                                        }),
                                        _: 2
                                      }, _parent6, _scopeId5));
                                    });
                                    _push6(`<!--]-->`);
                                  } else {
                                    return [
                                      (openBlock(), createBlock(Fragment, null, renderList(companySize, (item) => {
                                        return createVNode(_component_SelectItem, {
                                          key: item.id,
                                          value: item.size
                                        }, {
                                          default: withCtx(() => [
                                            createTextVNode(toDisplayString(item.size) + " " + toDisplayString(_ctx.$t("step2.employees")), 1)
                                          ]),
                                          _: 2
                                        }, 1032, ["value"]);
                                      }), 64))
                                    ];
                                  }
                                }),
                                _: 2
                              }, _parent5, _scopeId4));
                            } else {
                              return [
                                createVNode(_component_SelectTrigger, { class: "!bg-background border-input-border focus-visible:border-input-border !h-[50px] w-full rounded-sm border p-3 shadow-none focus-visible:ring-0 ltr:text-left rtl:flex-row-reverse rtl:text-right" }, {
                                  default: withCtx(() => [
                                    createVNode(_component_SelectValue, {
                                      class: "placeholder:text-[12px]",
                                      placeholder: _ctx.$t("placeholders.company_size")
                                    }, null, 8, ["placeholder"])
                                  ]),
                                  _: 1
                                }),
                                createVNode(_component_SelectContent, {
                                  class: "!bg-background border-input-border rounded-sm",
                                  position: "popper",
                                  "side-offset": 5,
                                  align: "start"
                                }, {
                                  default: withCtx(() => [
                                    (openBlock(), createBlock(Fragment, null, renderList(companySize, (item) => {
                                      return createVNode(_component_SelectItem, {
                                        key: item.id,
                                        value: item.size
                                      }, {
                                        default: withCtx(() => [
                                          createTextVNode(toDisplayString(item.size) + " " + toDisplayString(_ctx.$t("step2.employees")), 1)
                                        ]),
                                        _: 2
                                      }, 1032, ["value"]);
                                    }), 64))
                                  ]),
                                  _: 1
                                })
                              ];
                            }
                          }),
                          _: 2
                        }, _parent4, _scopeId3));
                      } else {
                        return [
                          createVNode(_component_Select, mergeProps(componentField, {
                            "onUpdate:modelValue": (val) => componentField.onChange(val)
                          }), {
                            default: withCtx(() => [
                              createVNode(_component_SelectTrigger, { class: "!bg-background border-input-border focus-visible:border-input-border !h-[50px] w-full rounded-sm border p-3 shadow-none focus-visible:ring-0 ltr:text-left rtl:flex-row-reverse rtl:text-right" }, {
                                default: withCtx(() => [
                                  createVNode(_component_SelectValue, {
                                    class: "placeholder:text-[12px]",
                                    placeholder: _ctx.$t("placeholders.company_size")
                                  }, null, 8, ["placeholder"])
                                ]),
                                _: 1
                              }),
                              createVNode(_component_SelectContent, {
                                class: "!bg-background border-input-border rounded-sm",
                                position: "popper",
                                "side-offset": 5,
                                align: "start"
                              }, {
                                default: withCtx(() => [
                                  (openBlock(), createBlock(Fragment, null, renderList(companySize, (item) => {
                                    return createVNode(_component_SelectItem, {
                                      key: item.id,
                                      value: item.size
                                    }, {
                                      default: withCtx(() => [
                                        createTextVNode(toDisplayString(item.size) + " " + toDisplayString(_ctx.$t("step2.employees")), 1)
                                      ]),
                                      _: 2
                                    }, 1032, ["value"]);
                                  }), 64))
                                ]),
                                _: 1
                              })
                            ]),
                            _: 2
                          }, 1040, ["onUpdate:modelValue"])
                        ];
                      }
                    }),
                    _: 2
                  }, _parent3, _scopeId2));
                  _push3(`<div class="text-destructive min-h-[20px] !text-sm" data-v-bae4fde7${_scopeId2}>`);
                  _push3(ssrRenderComponent(_component_FormMessage, null, null, _parent3, _scopeId2));
                  _push3(`</div>`);
                } else {
                  return [
                    createVNode(_component_FormLabel, { class: "text-primary capitalize" }, {
                      default: withCtx(() => [
                        createTextVNode(toDisplayString(_ctx.$t("labels.company_size_label")), 1)
                      ]),
                      _: 1
                    }),
                    createVNode(_component_FormControl, null, {
                      default: withCtx(() => [
                        createVNode(_component_Select, mergeProps(componentField, {
                          "onUpdate:modelValue": (val) => componentField.onChange(val)
                        }), {
                          default: withCtx(() => [
                            createVNode(_component_SelectTrigger, { class: "!bg-background border-input-border focus-visible:border-input-border !h-[50px] w-full rounded-sm border p-3 shadow-none focus-visible:ring-0 ltr:text-left rtl:flex-row-reverse rtl:text-right" }, {
                              default: withCtx(() => [
                                createVNode(_component_SelectValue, {
                                  class: "placeholder:text-[12px]",
                                  placeholder: _ctx.$t("placeholders.company_size")
                                }, null, 8, ["placeholder"])
                              ]),
                              _: 1
                            }),
                            createVNode(_component_SelectContent, {
                              class: "!bg-background border-input-border rounded-sm",
                              position: "popper",
                              "side-offset": 5,
                              align: "start"
                            }, {
                              default: withCtx(() => [
                                (openBlock(), createBlock(Fragment, null, renderList(companySize, (item) => {
                                  return createVNode(_component_SelectItem, {
                                    key: item.id,
                                    value: item.size
                                  }, {
                                    default: withCtx(() => [
                                      createTextVNode(toDisplayString(item.size) + " " + toDisplayString(_ctx.$t("step2.employees")), 1)
                                    ]),
                                    _: 2
                                  }, 1032, ["value"]);
                                }), 64))
                              ]),
                              _: 1
                            })
                          ]),
                          _: 2
                        }, 1040, ["onUpdate:modelValue"])
                      ]),
                      _: 2
                    }, 1024),
                    createVNode("div", { class: "text-destructive min-h-[20px] !text-sm" }, [
                      createVNode(_component_FormMessage)
                    ])
                  ];
                }
              }),
              _: 2
            }, _parent2, _scopeId));
          } else {
            return [
              createVNode(_component_FormItem, null, {
                default: withCtx(() => [
                  createVNode(_component_FormLabel, { class: "text-primary capitalize" }, {
                    default: withCtx(() => [
                      createTextVNode(toDisplayString(_ctx.$t("labels.company_size_label")), 1)
                    ]),
                    _: 1
                  }),
                  createVNode(_component_FormControl, null, {
                    default: withCtx(() => [
                      createVNode(_component_Select, mergeProps(componentField, {
                        "onUpdate:modelValue": (val) => componentField.onChange(val)
                      }), {
                        default: withCtx(() => [
                          createVNode(_component_SelectTrigger, { class: "!bg-background border-input-border focus-visible:border-input-border !h-[50px] w-full rounded-sm border p-3 shadow-none focus-visible:ring-0 ltr:text-left rtl:flex-row-reverse rtl:text-right" }, {
                            default: withCtx(() => [
                              createVNode(_component_SelectValue, {
                                class: "placeholder:text-[12px]",
                                placeholder: _ctx.$t("placeholders.company_size")
                              }, null, 8, ["placeholder"])
                            ]),
                            _: 1
                          }),
                          createVNode(_component_SelectContent, {
                            class: "!bg-background border-input-border rounded-sm",
                            position: "popper",
                            "side-offset": 5,
                            align: "start"
                          }, {
                            default: withCtx(() => [
                              (openBlock(), createBlock(Fragment, null, renderList(companySize, (item) => {
                                return createVNode(_component_SelectItem, {
                                  key: item.id,
                                  value: item.size
                                }, {
                                  default: withCtx(() => [
                                    createTextVNode(toDisplayString(item.size) + " " + toDisplayString(_ctx.$t("step2.employees")), 1)
                                  ]),
                                  _: 2
                                }, 1032, ["value"]);
                              }), 64))
                            ]),
                            _: 1
                          })
                        ]),
                        _: 2
                      }, 1040, ["onUpdate:modelValue"])
                    ]),
                    _: 2
                  }, 1024),
                  createVNode("div", { class: "text-destructive min-h-[20px] !text-sm" }, [
                    createVNode(_component_FormMessage)
                  ])
                ]),
                _: 2
              }, 1024)
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(`</div></form><div class="container mt-6 flex w-[98%] gap-4 px-2" data-v-bae4fde7>`);
      _push(ssrRenderComponent(_component_Button, {
        variant: "wsPrev",
        size: "stepBtn",
        disabled: props.isPrevDisabled || unref(loading),
        onClick: props.prev,
        class: "w-1/2"
      }, {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(`${ssrInterpolate(_ctx.$t("buttons.prev"))}`);
          } else {
            return [
              createTextVNode(toDisplayString(_ctx.$t("buttons.prev")), 1)
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(ssrRenderComponent(_component_Button, {
        size: "stepBtn",
        disabled: unref(loading),
        onClick: ($event) => unref(throttledSubmit)($event),
        class: "w-1/2"
      }, {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            if (unref(loading)) {
              _push2(`<span data-v-bae4fde7${_scopeId}>${ssrInterpolate(_ctx.$t("buttons.loading_send_button"))}</span>`);
            } else {
              _push2(`<span data-v-bae4fde7${_scopeId}>${ssrInterpolate(_ctx.$t("buttons.next"))}</span>`);
            }
          } else {
            return [
              unref(loading) ? (openBlock(), createBlock("span", { key: 0 }, toDisplayString(_ctx.$t("buttons.loading_send_button")), 1)) : (openBlock(), createBlock("span", { key: 1 }, toDisplayString(_ctx.$t("buttons.next")), 1))
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(`</div></div>`);
    };
  }
});
const _sfc_setup$4 = _sfc_main$4.setup;
_sfc_main$4.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/campaign/campaignForm/steps/CompanyStep.vue");
  return _sfc_setup$4 ? _sfc_setup$4(props, ctx) : void 0;
};
const CompanyStep = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-bae4fde7"]]);
const _sfc_main$3 = /* @__PURE__ */ defineComponent({
  __name: "FeatureStep",
  __ssrInlineRender: true,
  props: {
    next: { type: Function },
    prev: { type: Function },
    isNextDisabled: { type: Boolean },
    isPrevDisabled: { type: Boolean }
  },
  setup(__props) {
    const props = __props;
    const features = ref("");
    const loading = ref(false);
    const { t } = useI18n();
    const isNextButtonDisabled = computed(() => {
      return loading.value || !features.value.trim();
    });
    async function handleSubmit() {
      var _a;
      if (!features.value.trim()) {
        toast.error("Please list required features.");
        return;
      }
      const { post } = useApi();
      const { getUTMPayload } = useUtmPayload();
      const utm = getUTMPayload();
      const formState = useState("campaign-form");
      try {
        loading.value = true;
        const payload = {
          order_id: (_a = formState.value) == null ? void 0 : _a.order_id,
          features: features.value,
          utm
        };
        await post("contact_us_stepper?step=4", payload);
        props.next();
      } catch (err) {
        console.error(err);
        toast.error("Error submitting step");
      } finally {
        loading.value = false;
      }
    }
    return (_ctx, _push, _parent, _attrs) => {
      const _component_Button = _sfc_main$G;
      _push(`<div${ssrRenderAttrs(_attrs)}><h2 class="mb-2">${ssrInterpolate(_ctx.$t("stepper.step4.desc"))}</h2>`);
      _push(ssrRenderComponent(unref(_sfc_main$I), {
        modelValue: unref(features),
        "onUpdate:modelValue": ($event) => isRef(features) ? features.value = $event : null,
        placeholder: _ctx.$t("placeholders.write_here"),
        rows: "100",
        class: "h-auto min-h-[350px] resize-none",
        required: ""
      }, null, _parent));
      _push(`<div class="mt-6 flex w-[98%] gap-4">`);
      _push(ssrRenderComponent(_component_Button, {
        size: "stepBtn",
        variant: "wsPrev",
        disabled: props.isPrevDisabled || unref(loading),
        onClick: props.prev,
        class: "w-1/2"
      }, {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(`${ssrInterpolate(_ctx.$t("buttons.prev"))}`);
          } else {
            return [
              createTextVNode(toDisplayString(_ctx.$t("buttons.prev")), 1)
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(ssrRenderComponent(_component_Button, {
        size: "stepBtn",
        disabled: isNextButtonDisabled.value || unref(loading),
        onClick: handleSubmit,
        class: "w-1/2"
      }, {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            if (unref(loading)) {
              _push2(`<span${_scopeId}>${ssrInterpolate(_ctx.$t("buttons.loading_send_button"))}</span>`);
            } else {
              _push2(`<span${_scopeId}>${ssrInterpolate(_ctx.$t("buttons.next"))}</span>`);
            }
          } else {
            return [
              unref(loading) ? (openBlock(), createBlock("span", { key: 0 }, toDisplayString(_ctx.$t("buttons.loading_send_button")), 1)) : (openBlock(), createBlock("span", { key: 1 }, toDisplayString(_ctx.$t("buttons.next")), 1))
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(`</div></div>`);
    };
  }
});
const _sfc_setup$3 = _sfc_main$3.setup;
_sfc_main$3.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/campaign/campaignForm/steps/FeatureStep.vue");
  return _sfc_setup$3 ? _sfc_setup$3(props, ctx) : void 0;
};
const _sfc_main$2 = /* @__PURE__ */ defineComponent({
  __name: "IdeaStep",
  __ssrInlineRender: true,
  props: {
    next: { type: Function },
    prev: { type: Function },
    isNextDisabled: { type: Boolean },
    isPrevDisabled: { type: Boolean }
  },
  setup(__props) {
    const props = __props;
    const projectIdea = ref("");
    const loading = ref(false);
    const { t } = useI18n();
    const isNextButtonDisabled = computed(() => {
      return loading.value || !projectIdea.value.trim();
    });
    async function handleSubmit() {
      var _a;
      const { post } = useApi();
      const { getUTMPayload } = useUtmPayload();
      const utm = getUTMPayload();
      const formState = useState("campaign-form");
      try {
        loading.value = true;
        const payload = {
          order_id: (_a = formState.value) == null ? void 0 : _a.order_id,
          project_idea: projectIdea.value,
          utm
        };
        await post("contact_us_stepper?step=3", payload);
        props.next();
      } catch (err) {
        console.error(err);
        toast.error("Error submitting step");
      } finally {
        loading.value = false;
      }
    }
    return (_ctx, _push, _parent, _attrs) => {
      const _component_Button = _sfc_main$G;
      _push(`<div${ssrRenderAttrs(_attrs)}><h2 class="mb-2">${ssrInterpolate(_ctx.$t("stepper.step3.desc"))}</h2>`);
      _push(ssrRenderComponent(unref(_sfc_main$I), {
        modelValue: unref(projectIdea),
        "onUpdate:modelValue": ($event) => isRef(projectIdea) ? projectIdea.value = $event : null,
        placeholder: _ctx.$t("placeholders.write_here"),
        rows: "100",
        class: "h-auto min-h-[350px] resize-none",
        required: ""
      }, null, _parent));
      _push(`<div class="mt-6 flex w-[98%] gap-4">`);
      _push(ssrRenderComponent(_component_Button, {
        size: "stepBtn",
        variant: "wsPrev",
        disabled: props.isPrevDisabled || unref(loading),
        onClick: props.prev,
        class: "w-1/2"
      }, {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(`${ssrInterpolate(_ctx.$t("buttons.prev"))}`);
          } else {
            return [
              createTextVNode(toDisplayString(_ctx.$t("buttons.prev")), 1)
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(ssrRenderComponent(_component_Button, {
        size: "stepBtn",
        disabled: unref(isNextButtonDisabled) || unref(loading),
        onClick: handleSubmit,
        class: "w-1/2"
      }, {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            if (unref(loading)) {
              _push2(`<span${_scopeId}>${ssrInterpolate(_ctx.$t("buttons.loading_send_button"))}</span>`);
            } else {
              _push2(`<span${_scopeId}>${ssrInterpolate(_ctx.$t("buttons.next"))}</span>`);
            }
          } else {
            return [
              unref(loading) ? (openBlock(), createBlock("span", { key: 0 }, toDisplayString(_ctx.$t("buttons.loading_send_button")), 1)) : (openBlock(), createBlock("span", { key: 1 }, toDisplayString(_ctx.$t("buttons.next")), 1))
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(`</div></div>`);
    };
  }
});
const _sfc_setup$2 = _sfc_main$2.setup;
_sfc_main$2.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/campaign/campaignForm/steps/IdeaStep.vue");
  return _sfc_setup$2 ? _sfc_setup$2(props, ctx) : void 0;
};
const _sfc_main$1 = /* @__PURE__ */ defineComponent({
  __name: "StartStep",
  __ssrInlineRender: true,
  props: {
    next: { type: Function },
    prev: { type: Function },
    isNextDisabled: { type: Boolean },
    isPrevDisabled: { type: Boolean }
  },
  setup(__props) {
    const props = __props;
    const selected = ref("");
    const loading = ref(false);
    const { t } = useI18n();
    const isNextButtonDisabled = computed(() => {
      return loading.value || !selected.value;
    });
    async function handleSubmit() {
      var _a;
      if (!selected.value) {
        toast.error("Please select a start time.");
        return;
      }
      const { post } = useApi();
      const { getUTMPayload } = useUtmPayload();
      const utm = getUTMPayload();
      const formState = useState("campaign-form");
      try {
        loading.value = true;
        const payload = {
          order_id: (_a = formState.value) == null ? void 0 : _a.order_id,
          project_start_time: selected.value,
          utm
        };
        await post("contact_us_stepper?step=6", payload);
        props.next();
      } catch (err) {
        console.error(err);
        toast.error("Error submitting step");
      } finally {
        loading.value = false;
      }
    }
    return (_ctx, _push, _parent, _attrs) => {
      const _component_Button = _sfc_main$G;
      _push(`<div${ssrRenderAttrs(_attrs)}><h2 class="mb-2">${ssrInterpolate(_ctx.$t("stepper.step6.desc"))}</h2><div class="flex flex-col gap-8">`);
      _push(ssrRenderComponent(RadioInput, {
        id: "Immediately",
        value: unref(t)("step6.startImmediately"),
        text: unref(t)("step6.startImmediately"),
        modelValue: unref(selected),
        "onUpdate:modelValue": ($event) => isRef(selected) ? selected.value = $event : null,
        name: "startTime"
      }, null, _parent));
      _push(ssrRenderComponent(RadioInput, {
        id: "Within 1 month: 3 months from now",
        value: unref(t)("step6.startIn1To3Months"),
        text: unref(t)("step6.startIn1To3Months"),
        modelValue: unref(selected),
        "onUpdate:modelValue": ($event) => isRef(selected) ? selected.value = $event : null,
        name: "startTime"
      }, null, _parent));
      _push(ssrRenderComponent(RadioInput, {
        id: "Within 3 to 6 months from now",
        value: unref(t)("step6.startIn3To6Months"),
        text: unref(t)("step6.startIn3To6Months"),
        modelValue: unref(selected),
        "onUpdate:modelValue": ($event) => isRef(selected) ? selected.value = $event : null,
        name: "startTime"
      }, null, _parent));
      _push(ssrRenderComponent(RadioInput, {
        id: "+ 6 months from now",
        value: unref(t)("step6.startAfter6Months"),
        text: unref(t)("step6.startAfter6Months"),
        modelValue: unref(selected),
        "onUpdate:modelValue": ($event) => isRef(selected) ? selected.value = $event : null,
        name: "startTime"
      }, null, _parent));
      _push(`</div><div class="mt-6 flex w-[98%] gap-4">`);
      _push(ssrRenderComponent(_component_Button, {
        size: "stepBtn",
        variant: "wsPrev",
        disabled: props.isPrevDisabled || unref(loading),
        onClick: props.prev,
        class: "w-1/2"
      }, {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(`${ssrInterpolate(_ctx.$t("buttons.prev"))}`);
          } else {
            return [
              createTextVNode(toDisplayString(_ctx.$t("buttons.prev")), 1)
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(ssrRenderComponent(_component_Button, {
        size: "stepBtn",
        disabled: unref(isNextButtonDisabled),
        onClick: handleSubmit,
        class: "w-1/2"
      }, {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            if (unref(loading)) {
              _push2(`<span${_scopeId}>${ssrInterpolate(_ctx.$t("buttons.loading_send_button"))}</span>`);
            } else {
              _push2(`<span${_scopeId}>${ssrInterpolate(_ctx.$t("buttons.next"))}</span>`);
            }
          } else {
            return [
              unref(loading) ? (openBlock(), createBlock("span", { key: 0 }, toDisplayString(_ctx.$t("buttons.loading_send_button")), 1)) : (openBlock(), createBlock("span", { key: 1 }, toDisplayString(_ctx.$t("buttons.next")), 1))
            ];
          }
        }),
        _: 1
      }, _parent));
      _push(`</div></div>`);
    };
  }
});
const _sfc_setup$1 = _sfc_main$1.setup;
_sfc_main$1.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/campaign/campaignForm/steps/StartStep.vue");
  return _sfc_setup$1 ? _sfc_setup$1(props, ctx) : void 0;
};
const _sfc_main = /* @__PURE__ */ defineComponent({
  __name: "Stepper",
  __ssrInlineRender: true,
  props: {
    stepIndex: {}
  },
  emits: ["update:stepIndex"],
  setup(__props, { emit: __emit }) {
    var _a;
    const props = __props;
    const emit = __emit;
    const internalStepIndex = ref((_a = props.stepIndex) != null ? _a : 1);
    watch(
      () => props.stepIndex,
      (value) => {
        if (value && value !== internalStepIndex.value) {
          internalStepIndex.value = value;
        }
      }
    );
    watch(internalStepIndex, (value) => {
      emit("update:stepIndex", value);
    });
    useRoute();
    const formState = useState("campaign-form");
    const { t } = useI18n();
    const steps = [
      {
        step: 1,
        title: t("stepper.step1.subtitle"),
        description: t("stepper.step1.title"),
        icon: ExclamationPoint,
        component: _sfc_main$l
      },
      {
        step: 2,
        title: t("stepper.step2.subtitle"),
        description: t("stepper.step2.title"),
        icon: ExclamationPoint,
        component: CompanyStep,
        condition: () => {
          var _a2;
          return ((_a2 = formState.value) == null ? void 0 : _a2.type) === "company";
        }
      },
      {
        step: 3,
        title: t("stepper.step3.subtitle"),
        description: t("stepper.step3.title"),
        icon: Idea,
        component: _sfc_main$2
      },
      {
        step: 4,
        title: t("stepper.step4.subtitle"),
        description: t("stepper.step4.title"),
        icon: Star,
        component: _sfc_main$3
      },
      {
        step: 5,
        title: t("stepper.step5.subtitle"),
        description: t("stepper.step5.title"),
        icon: Budget,
        component: _sfc_main$k
      },
      {
        step: 6,
        title: t("stepper.step6.subtitle"),
        description: t("stepper.step6.title"),
        icon: WhenCalender,
        component: _sfc_main$1
      },
      {
        step: 7,
        title: t("stepper.step7.subtitle"),
        description: t("stepper.step7.title"),
        icon: Calender,
        component: CalenderStep
      }
    ];
    const activeSteps = computed(
      () => steps.filter((step) => step.condition ? step.condition() : true)
    );
    function handleNext() {
      const currentIndexInActive = activeSteps.value.findIndex(
        (s) => s.step === internalStepIndex.value
      );
      if (currentIndexInActive !== -1 && currentIndexInActive < activeSteps.value.length - 1) {
        internalStepIndex.value = activeSteps.value[currentIndexInActive + 1].step;
      }
    }
    function handlePrev() {
      const currentIndexInActive = activeSteps.value.findIndex(
        (s) => s.step === internalStepIndex.value
      );
      if (currentIndexInActive > 0) {
        internalStepIndex.value = activeSteps.value[currentIndexInActive - 1].step;
      }
    }
    const isPrevDisabled = computed(() => {
      const currentIndexInActive = activeSteps.value.findIndex(
        (s) => s.step === internalStepIndex.value
      );
      return currentIndexInActive <= 0;
    });
    return (_ctx, _push, _parent, _attrs) => {
      _push(ssrRenderComponent(unref(_sfc_main$C), mergeProps({
        modelValue: unref(internalStepIndex),
        "onUpdate:modelValue": ($event) => isRef(internalStepIndex) ? internalStepIndex.value = $event : null,
        class: "flex w-full flex-col gap-2"
      }, _attrs), {
        default: withCtx((_, _push2, _parent2, _scopeId) => {
          if (_push2) {
            _push2(ssrRenderComponent(_sfc_main$v, {
              icon: steps[unref(internalStepIndex) - 1].icon,
              title: steps[unref(internalStepIndex) - 1].description,
              step: steps[unref(internalStepIndex) - 1].title
            }, null, _parent2, _scopeId));
            _push2(`<div class="mt-4 flex w-full gap-2" data-v-2fed50de${_scopeId}><!--[-->`);
            ssrRenderList(unref(activeSteps), (step) => {
              _push2(ssrRenderComponent(unref(_sfc_main$B), {
                key: step.step,
                step: step.step,
                class: "relative flex w-full flex-col items-center"
              }, {
                default: withCtx(({ state }, _push3, _parent3, _scopeId2) => {
                  if (_push3) {
                    if (step.step !== steps[steps.length - 1].step) {
                      _push3(ssrRenderComponent(unref(_sfc_main$A), { class: "absolute top-5 block h-0.5 shrink-0 rounded-full bg-gray-500 group-data-[state=inactive]:bg-gray-500 group-data-[state=active]:bg-gray-500 group-data-[state=completed]:bg-[linear-gradient(90deg,#00BED7_0%,#6489E3_50%,#C853EF_100%)] ltr:right-[calc(-50%+10px)] ltr:left-[calc(50%+20px)] rtl:right-[calc(50%+20px)] rtl:left-[calc(-50%+10px)]" }, null, _parent3, _scopeId2));
                    } else {
                      _push3(`<!---->`);
                    }
                    _push3(ssrRenderComponent(unref(_sfc_main$z), { "as-child": "" }, {
                      default: withCtx((_2, _push4, _parent4, _scopeId3) => {
                        if (_push4) {
                          _push4(`<div class="z-10 cursor-default rounded-full transition-transform duration-300 group-data-[state=active]:scale-90 group-data-[state=completed]:scale-100 group-data-[state=inactive]:scale-80 [&amp;&gt;svg]:h-8 [&amp;&gt;svg]:w-8" data-v-2fed50de${_scopeId3}>`);
                          if (state === "completed") {
                            _push4(ssrRenderComponent(CompleteStep, null, null, _parent4, _scopeId3));
                          } else {
                            _push4(`<!---->`);
                          }
                          if (state === "active") {
                            _push4(ssrRenderComponent(ActiveStep, null, null, _parent4, _scopeId3));
                          } else {
                            _push4(`<!---->`);
                          }
                          if (state === "inactive") {
                            _push4(ssrRenderComponent(InactiveStep, null, null, _parent4, _scopeId3));
                          } else {
                            _push4(`<!---->`);
                          }
                          _push4(`</div>`);
                        } else {
                          return [
                            createVNode("div", { class: "z-10 cursor-default rounded-full transition-transform duration-300 group-data-[state=active]:scale-90 group-data-[state=completed]:scale-100 group-data-[state=inactive]:scale-80 [&>svg]:h-8 [&>svg]:w-8" }, [
                              state === "completed" ? (openBlock(), createBlock(CompleteStep, { key: 0 })) : createCommentVNode("", true),
                              state === "active" ? (openBlock(), createBlock(ActiveStep, { key: 1 })) : createCommentVNode("", true),
                              state === "inactive" ? (openBlock(), createBlock(InactiveStep, { key: 2 })) : createCommentVNode("", true)
                            ])
                          ];
                        }
                      }),
                      _: 2
                    }, _parent3, _scopeId2));
                  } else {
                    return [
                      step.step !== steps[steps.length - 1].step ? (openBlock(), createBlock(unref(_sfc_main$A), {
                        key: 0,
                        class: "absolute top-5 block h-0.5 shrink-0 rounded-full bg-gray-500 group-data-[state=inactive]:bg-gray-500 group-data-[state=active]:bg-gray-500 group-data-[state=completed]:bg-[linear-gradient(90deg,#00BED7_0%,#6489E3_50%,#C853EF_100%)] ltr:right-[calc(-50%+10px)] ltr:left-[calc(50%+20px)] rtl:right-[calc(50%+20px)] rtl:left-[calc(-50%+10px)]"
                      })) : createCommentVNode("", true),
                      createVNode(unref(_sfc_main$z), { "as-child": "" }, {
                        default: withCtx(() => [
                          createVNode("div", { class: "z-10 cursor-default rounded-full transition-transform duration-300 group-data-[state=active]:scale-90 group-data-[state=completed]:scale-100 group-data-[state=inactive]:scale-80 [&>svg]:h-8 [&>svg]:w-8" }, [
                            state === "completed" ? (openBlock(), createBlock(CompleteStep, { key: 0 })) : createCommentVNode("", true),
                            state === "active" ? (openBlock(), createBlock(ActiveStep, { key: 1 })) : createCommentVNode("", true),
                            state === "inactive" ? (openBlock(), createBlock(InactiveStep, { key: 2 })) : createCommentVNode("", true)
                          ])
                        ]),
                        _: 2
                      }, 1024)
                    ];
                  }
                }),
                _: 2
              }, _parent2, _scopeId));
            });
            _push2(`<!--]--></div><template>`);
            ssrRenderVNode(_push2, createVNode(resolveDynamicComponent(steps[unref(internalStepIndex) - 1].component), {
              key: unref(internalStepIndex),
              class: "mt-6",
              next: handleNext,
              prev: handlePrev,
              isPrevDisabled: unref(isPrevDisabled),
              isNextDisabled: true
            }, null), _parent2, _scopeId);
            _push2(`</template>`);
          } else {
            return [
              createVNode(_sfc_main$v, {
                icon: steps[unref(internalStepIndex) - 1].icon,
                title: steps[unref(internalStepIndex) - 1].description,
                step: steps[unref(internalStepIndex) - 1].title
              }, null, 8, ["icon", "title", "step"]),
              createVNode("div", { class: "mt-4 flex w-full gap-2" }, [
                (openBlock(true), createBlock(Fragment, null, renderList(unref(activeSteps), (step) => {
                  return openBlock(), createBlock(unref(_sfc_main$B), {
                    key: step.step,
                    step: step.step,
                    class: "relative flex w-full flex-col items-center"
                  }, {
                    default: withCtx(({ state }) => [
                      step.step !== steps[steps.length - 1].step ? (openBlock(), createBlock(unref(_sfc_main$A), {
                        key: 0,
                        class: "absolute top-5 block h-0.5 shrink-0 rounded-full bg-gray-500 group-data-[state=inactive]:bg-gray-500 group-data-[state=active]:bg-gray-500 group-data-[state=completed]:bg-[linear-gradient(90deg,#00BED7_0%,#6489E3_50%,#C853EF_100%)] ltr:right-[calc(-50%+10px)] ltr:left-[calc(50%+20px)] rtl:right-[calc(50%+20px)] rtl:left-[calc(-50%+10px)]"
                      })) : createCommentVNode("", true),
                      createVNode(unref(_sfc_main$z), { "as-child": "" }, {
                        default: withCtx(() => [
                          createVNode("div", { class: "z-10 cursor-default rounded-full transition-transform duration-300 group-data-[state=active]:scale-90 group-data-[state=completed]:scale-100 group-data-[state=inactive]:scale-80 [&>svg]:h-8 [&>svg]:w-8" }, [
                            state === "completed" ? (openBlock(), createBlock(CompleteStep, { key: 0 })) : createCommentVNode("", true),
                            state === "active" ? (openBlock(), createBlock(ActiveStep, { key: 1 })) : createCommentVNode("", true),
                            state === "inactive" ? (openBlock(), createBlock(InactiveStep, { key: 2 })) : createCommentVNode("", true)
                          ])
                        ]),
                        _: 2
                      }, 1024)
                    ]),
                    _: 2
                  }, 1032, ["step"]);
                }), 128))
              ]),
              createVNode(Transition, {
                name: "step-fade",
                mode: "out-in",
                appear: ""
              }, {
                default: withCtx(() => [
                  (openBlock(), createBlock(resolveDynamicComponent(steps[unref(internalStepIndex) - 1].component), {
                    key: unref(internalStepIndex),
                    class: "mt-6",
                    next: handleNext,
                    prev: handlePrev,
                    isPrevDisabled: unref(isPrevDisabled),
                    isNextDisabled: true
                  }, null, 8, ["isPrevDisabled"]))
                ]),
                _: 1
              })
            ];
          }
        }),
        _: 1
      }, _parent));
    };
  }
});
const _sfc_setup = _sfc_main.setup;
_sfc_main.setup = (props, ctx) => {
  const ssrContext = useSSRContext();
  (ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("components/campaign/campaignForm/Stepper.vue");
  return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
const Stepper = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2fed50de"]]);

export { Stepper as S };
//# sourceMappingURL=Stepper-P6ko-t5P.mjs.map
