@123usmanhaider321/ui 0.1.6 → 1.0.0

package/dist/components/EventAddForm/steps/IndividualFormStep.js

@@ -1,85 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { memo, forwardRef, useRef, useImperativeHandle } from "react";
-import FormBuilder from "../../FormBuilder/FormBuilder.js";
-import Link from "next/link";
-import { Eye } from "lucide-react";
-import { Button } from "../../Button/Button.js";
-const IndividualFormStep = forwardRef((props, ref) => {
-  var _a, _b, _c, _d, _e;
-  const { eventId, scopeOverride, participationTypeOverride, formState, eventData, isSameQuestionTitleAllowed, allowedDiscountQuestions = 1, onBusyStateChange, onPolluted } = props;
-  const formBuilderRef = useRef(null);
-  useImperativeHandle(ref, () => ({
-    saveForm: async () => {
-      if (formBuilderRef.current) {
-        await formBuilderRef.current.save();
-      }
-    },
-    validateNavigation: () => {
-      if (formBuilderRef.current) {
-        return formBuilderRef.current.validateNavigation();
-      }
-      return true;
-    },
-    isBusy: () => {
-      if (formBuilderRef.current) {
-        return formBuilderRef.current.isSaving() || formBuilderRef.current.isDirty();
-      }
-      return false;
-    }
-  }));
-  const participationType = participationTypeOverride || formState.participants_type;
-  const scope = scopeOverride !== void 0 ? scopeOverride : participationType === "BOTH" ? "INDIVIDUAL" : void 0;
-  return /* @__PURE__ */ jsx("div", { className: "w-full max-w-4xl mx-auto", children: /* @__PURE__ */ jsx("div", { className: "rounded-2xl", children: /* @__PURE__ */ jsxs("div", { className: "sm:p-8 p-4", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2 justify-between items-center mb-8", children: [
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold text-gray-800", children: scope === "INDIVIDUAL" ? "Individual form setup" : scope === "TEAM" ? "Team form setup" : participationType === "2" ? "Team form setup" : "Questions" }),
-        /* @__PURE__ */ jsx("p", { className: "text-sm text-grey-500", children: "Customize the questions asked during registration." })
-      ] }),
-      /* @__PURE__ */ jsx(
-        Link,
-        {
-          href: `/form-preview?eventId=${eventId}&eventName=${eventData == null ? void 0 : eventData.name}${scope ? `&registration_type=${scope}` : ""}`,
-          target: ((_b = (_a = eventData == null ? void 0 : eventData.event_form_schema) == null ? void 0 : _a.fields) == null ? void 0 : _b.length) > 0 ? "_blank" : "_self",
-          "aria-disabled": ((_d = (_c = eventData == null ? void 0 : eventData.event_form_schema) == null ? void 0 : _c.fields) == null ? void 0 : _d.length) === 0,
-          children: /* @__PURE__ */ jsxs(Button, { className: "flex space-x-2 h-10", children: [
-            /* @__PURE__ */ jsx(Eye, { className: "text-white size-4" }),
-            /* @__PURE__ */ jsx("span", { children: "Preview form" })
-          ] })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(
-      FormBuilder,
-      {
-        ref: formBuilderRef,
-        eventId,
-        initialFields: (_e = formState == null ? void 0 : formState.event_form_schema) == null ? void 0 : _e.fields,
-        discountFilePath: eventData == null ? void 0 : eventData.discount_file_path,
-        individualDiscountFilePath: eventData == null ? void 0 : eventData.individual_discount_file_path,
-        participationType,
-        scope,
-        isSameQuestionTitleAllowed,
-        allowedDiscountQuestions,
-        onBusyStateChange,
-        onPolluted,
-        onQuestionsChange: (questions) => {
-          if (props.setMultipleFields) {
-            props.setMultipleFields((prev) => ({
-              ...prev,
-              event_form_schema: {
-                ...prev.event_form_schema,
-                fields: questions
-              }
-            }));
-          }
-        }
-      }
-    )
-  ] }) }) });
-});
-IndividualFormStep.displayName = "IndividualFormStep";
-const IndividualFormStep$1 = memo(IndividualFormStep);
-export {
-  IndividualFormStep$1 as default
-};
-//# sourceMappingURL=IndividualFormStep.js.map

package/dist/components/EventAddForm/steps/IndividualFormStep.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IndividualFormStep.js","sources":["../../../../src/components/EventAddForm/steps/IndividualFormStep.tsx"],"sourcesContent":["import { memo, useRef, useImperativeHandle, forwardRef } from \"react\";\r\n\r\nimport { StepperFormState } from \"../types\";\r\nimport FormBuilder, { FormBuilderRef } from \"../../FormBuilder/FormBuilder\";\r\nimport Link from \"next/link\";\r\nimport Image from \"next/image\";\r\nimport { Eye } from \"lucide-react\";\r\nimport { Button } from \"../../Button\";\r\n\r\ninterface IndividualFormStepProps {\r\n    formState: StepperFormState;\r\n    setField: (field: keyof StepperFormState, value: any) => void;\r\n    setMultipleFields: (fields: Partial<StepperFormState> | ((prev: StepperFormState) => Partial<StepperFormState>)) => void;\r\n    errors: Record<string, string>;\r\n    validateField: (field: keyof StepperFormState, data?: StepperFormState) => void;\r\n    setErrors: React.Dispatch<React.SetStateAction<Record<string, string>>>;\r\n    eventId: string;\r\n    eventData: any;\r\n    onMountSave?: (saveFn: () => Promise<void>) => void;\r\n    scopeOverride?: 'INDIVIDUAL' | 'TEAM';\r\n    participationTypeOverride?: string;\r\n    isSameQuestionTitleAllowed?: boolean;\r\n    allowedDiscountQuestions?: number;\r\n    onBusyStateChange?: (isBusy: boolean) => void;\r\n    onPolluted?: () => void;\r\n}\r\n\r\nexport interface IndividualFormStepRef {\r\n    saveForm: () => Promise<void>;\r\n    validateNavigation: () => boolean;\r\n    isBusy: () => boolean;\r\n}\r\n\r\nconst IndividualFormStep = forwardRef<IndividualFormStepRef, IndividualFormStepProps>((props, ref) => {\r\n    const { eventId, scopeOverride, participationTypeOverride, formState, eventData, isSameQuestionTitleAllowed, allowedDiscountQuestions = 1, onBusyStateChange, onPolluted } = props;\r\n    const formBuilderRef = useRef<FormBuilderRef>(null);\r\n\r\n    useImperativeHandle(ref, () => ({\r\n        saveForm: async () => {\r\n            if (formBuilderRef.current) {\r\n                await formBuilderRef.current.save();\r\n            }\r\n        },\r\n        validateNavigation: () => {\r\n            if (formBuilderRef.current) {\r\n                return formBuilderRef.current.validateNavigation();\r\n            }\r\n            return true;\r\n        },\r\n        isBusy: () => {\r\n            if (formBuilderRef.current) {\r\n                return formBuilderRef.current.isSaving() || formBuilderRef.current.isDirty();\r\n            }\r\n            return false;\r\n        }\r\n    }));\r\n\r\n    // Logic for Participation Type (Allow override for Step 4)\r\n    const participationType = participationTypeOverride || formState.participants_type;\r\n\r\n    // Logic for Scope:\r\n    // 1. Explicit Override\r\n    // 2. If BOTH (and not overridden to '2'/'TEAM'): Default to INDIVIDUAL (Step 3 behavior)\r\n    // 3. Otherwise undefined (Let FormBuilder decide based on type)\r\n    const scope = scopeOverride !== undefined\r\n        ? scopeOverride\r\n        : (participationType === 'BOTH' ? 'INDIVIDUAL' : undefined);\r\n\r\n    return (\r\n        <div className=\"w-full max-w-4xl mx-auto\">\r\n            <div className=\"rounded-2xl\">\r\n                <div className=\"sm:p-8 p-4\">\r\n                    <div className=\"flex flex-wrap gap-2 justify-between items-center mb-8\">\r\n                        <div>\r\n                            <h2 className=\"text-xl font-semibold text-gray-800\">\r\n                                {scope === 'INDIVIDUAL' ? 'Individual form setup' :\r\n                                    scope === 'TEAM' ? 'Team form setup' :\r\n                                        participationType === '2' ? 'Team form setup' :\r\n                                            'Questions'}\r\n                            </h2>\r\n                            <p className=\"text-sm text-grey-500\">\r\n                                Customize the questions asked during registration.\r\n                            </p>\r\n                        </div>\r\n                        <Link\r\n                            href={`/form-preview?eventId=${eventId}&eventName=${eventData?.name}${scope ? `&registration_type=${scope}` : \"\"}`}\r\n                            target={eventData?.event_form_schema?.fields?.length > 0 ? \"_blank\" : \"_self\"}\r\n                            aria-disabled={eventData?.event_form_schema?.fields?.length === 0}\r\n                        >\r\n                            <Button className=\"flex space-x-2 h-10\">\r\n                                <Eye className=\"text-white size-4\" />\r\n                                <span>Preview form</span>\r\n                            </Button>\r\n                        </Link>\r\n                    </div>\r\n                    <FormBuilder\r\n                        ref={formBuilderRef}\r\n                        eventId={eventId}\r\n                        initialFields={formState?.event_form_schema?.fields}\r\n                        discountFilePath={eventData?.discount_file_path}\r\n                        individualDiscountFilePath={eventData?.individual_discount_file_path}\r\n                        participationType={participationType}\r\n                        scope={scope}\r\n                        isSameQuestionTitleAllowed={isSameQuestionTitleAllowed}\r\n                        allowedDiscountQuestions={allowedDiscountQuestions}\r\n                        onBusyStateChange={onBusyStateChange}\r\n                        onPolluted={onPolluted}\r\n                        onQuestionsChange={(questions) => {\r\n                            // Sync back to parent state\r\n                            if (props.setMultipleFields) {\r\n                                props.setMultipleFields((prev) => ({\r\n                                    ...prev,\r\n                                    event_form_schema: {\r\n                                        ...prev.event_form_schema,\r\n                                        fields: questions\r\n                                    }\r\n                                }));\r\n                            }\r\n                        }}\r\n                    />\r\n\r\n                    {/* Navigation handled by parent layout mostly, but Button here if needed */}\r\n                    {/* <div className=\"flex justify-end pt-6 mt-6 border-t border-grey-100\">\r\n                    </div> */}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    );\r\n});\r\n\r\nIndividualFormStep.displayName = \"IndividualFormStep\";\r\n \r\nexport default memo(IndividualFormStep);\r\n"],"names":[],"mappings":";;;;;;AAiCA,MAAM,qBAAqB,WAA2D,CAAC,OAAO,QAAQ;;AAClG,QAAM,EAAE,SAAS,eAAe,2BAA2B,WAAW,WAAW,4BAA4B,2BAA2B,GAAG,mBAAmB,WAAA,IAAe;AAC7K,QAAM,iBAAiB,OAAuB,IAAI;AAElD,sBAAoB,KAAK,OAAO;AAAA,IAC5B,UAAU,YAAY;AAClB,UAAI,eAAe,SAAS;AACxB,cAAM,eAAe,QAAQ,KAAA;AAAA,MACjC;AAAA,IACJ;AAAA,IACA,oBAAoB,MAAM;AACtB,UAAI,eAAe,SAAS;AACxB,eAAO,eAAe,QAAQ,mBAAA;AAAA,MAClC;AACA,aAAO;AAAA,IACX;AAAA,IACA,QAAQ,MAAM;AACV,UAAI,eAAe,SAAS;AACxB,eAAO,eAAe,QAAQ,SAAA,KAAc,eAAe,QAAQ,QAAA;AAAA,MACvE;AACA,aAAO;AAAA,IACX;AAAA,EAAA,EACF;AAGF,QAAM,oBAAoB,6BAA6B,UAAU;AAMjE,QAAM,QAAQ,kBAAkB,SAC1B,gBACC,sBAAsB,SAAS,eAAe;AAErD,SACI,oBAAC,OAAA,EAAI,WAAU,4BACX,UAAA,oBAAC,OAAA,EAAI,WAAU,eACX,UAAA,qBAAC,OAAA,EAAI,WAAU,cACX,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAU,0DACX,UAAA;AAAA,MAAA,qBAAC,OAAA,EACG,UAAA;AAAA,QAAA,oBAAC,MAAA,EAAG,WAAU,uCACT,UAAA,UAAU,eAAe,0BACtB,UAAU,SAAS,oBACf,sBAAsB,MAAM,oBACxB,aAChB;AAAA,QACA,oBAAC,KAAA,EAAE,WAAU,yBAAwB,UAAA,qDAAA,CAErC;AAAA,MAAA,GACJ;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAM,yBAAyB,OAAO,cAAc,uCAAW,IAAI,GAAG,QAAQ,sBAAsB,KAAK,KAAK,EAAE;AAAA,UAChH,UAAQ,kDAAW,sBAAX,mBAA8B,WAA9B,mBAAsC,UAAS,IAAI,WAAW;AAAA,UACtE,mBAAe,kDAAW,sBAAX,mBAA8B,WAA9B,mBAAsC,YAAW;AAAA,UAEhE,UAAA,qBAAC,QAAA,EAAO,WAAU,uBACd,UAAA;AAAA,YAAA,oBAAC,KAAA,EAAI,WAAU,oBAAA,CAAoB;AAAA,YACnC,oBAAC,UAAK,UAAA,eAAA,CAAY;AAAA,UAAA,EAAA,CACtB;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ,GACJ;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAK;AAAA,QACL;AAAA,QACA,gBAAe,4CAAW,sBAAX,mBAA8B;AAAA,QAC7C,kBAAkB,uCAAW;AAAA,QAC7B,4BAA4B,uCAAW;AAAA,QACvC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,mBAAmB,CAAC,cAAc;AAE9B,cAAI,MAAM,mBAAmB;AACzB,kBAAM,kBAAkB,CAAC,UAAU;AAAA,cAC/B,GAAG;AAAA,cACH,mBAAmB;AAAA,gBACf,GAAG,KAAK;AAAA,gBACR,QAAQ;AAAA,cAAA;AAAA,YACZ,EACF;AAAA,UACN;AAAA,QACJ;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,EAAA,CAKJ,GACJ,GACJ;AAER,CAAC;AAED,mBAAmB,cAAc;AAEjC,MAAA,uBAAe,KAAK,kBAAkB;"}

package/dist/components/EventAddForm/steps/SocialProfilesStep.js

@@ -1,123 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { memo, forwardRef, useState, useImperativeHandle } from "react";
-import { motion } from "framer-motion";
-import FormInput from "../../ui/FormInput.js";
-import { cn } from "../../../utils/utils.js";
-import { getPlatformErrorMessage, validateSocialUrl } from "../../../utils/social-validation.js";
-import { FaInstagram, FaFacebook } from "react-icons/fa";
-const Twitter = (props) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", ...props, className: cn("h-5 w-5 fill-current", props.className), children: /* @__PURE__ */ jsx("path", { d: "M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932L18.901 1.153zM17.61 20.644h2.039L6.486 3.24H4.298L17.61 20.644z" }) });
-const SOCIAL_CONFIG = [
-  { key: "instagram", label: "Instagram Profile Link", icon: FaInstagram, placeholder: "https://instagram.com/yourprofile" },
-  { key: "facebook", label: "Facebook Profile Link", icon: FaFacebook, placeholder: "https://facebook.com/yourprofile" },
-  { key: "twitter", label: "X (Twitter) Profile Link", icon: Twitter, placeholder: "https://x.com/yourprofile" }
-];
-const SocialProfilesStep = forwardRef((props, ref) => {
-  const { formState, setField, onPolluted } = props;
-  const [localErrors, setLocalErrors] = useState({});
-  const validateFieldUrl = (platform, url) => {
-    if (!url) return true;
-    return validateSocialUrl(platform, url);
-  };
-  useImperativeHandle(ref, () => ({
-    saveForm: async () => {
-      return Promise.resolve();
-    },
-    validateNavigation: () => {
-      const errors = {};
-      let isValid = true;
-      SOCIAL_CONFIG.forEach((config) => {
-        var _a;
-        const value = (_a = formState.social_profiles) == null ? void 0 : _a[config.key];
-        if (value && !validateFieldUrl(config.key, value)) {
-          errors[config.key] = getPlatformErrorMessage(config.key);
-          isValid = false;
-        }
-      });
-      setLocalErrors(errors);
-      return isValid;
-    }
-  }));
-  const handleSocialChange = (key, value) => {
-    setField("social_profiles", {
-      instagram: "",
-      facebook: "",
-      twitter: "",
-      ...formState.social_profiles,
-      [key]: value
-    });
-    if (localErrors[key]) {
-      const isValid = validateFieldUrl(key, value);
-      if (isValid) {
-        setLocalErrors((prev) => {
-          const newErrors = { ...prev };
-          delete newErrors[key];
-          return newErrors;
-        });
-      } else {
-        setLocalErrors((prev) => ({
-          ...prev,
-          [key]: getPlatformErrorMessage(key)
-        }));
-      }
-    }
-  };
-  const handleSocialBlur = (key) => {
-    var _a;
-    const value = (_a = formState.social_profiles) == null ? void 0 : _a[key];
-    if (value && !validateFieldUrl(key, value)) {
-      setLocalErrors((prev) => ({
-        ...prev,
-        [key]: getPlatformErrorMessage(key)
-      }));
-    }
-  };
-  return /* @__PURE__ */ jsx("div", { className: "max-w-[734px] mx-auto space-y-6 animate-in fade-in slide-in-from-bottom-4 duration-500", children: /* @__PURE__ */ jsxs("div", { className: "py-6 space-y-4 rounded-lg", children: [
-    /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold text-grey-900 px-4", children: "Social Profiles" }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-4 px-4", children: [
-      SOCIAL_CONFIG.map((config) => {
-        var _a;
-        return /* @__PURE__ */ jsx(
-          FormInput,
-          {
-            label: config.label,
-            icon: config.icon,
-            type: "text",
-            placeholder: config.placeholder,
-            value: ((_a = formState.social_profiles) == null ? void 0 : _a[config.key]) || "",
-            onChange: (e) => handleSocialChange(config.key, e.target ? e.target.value : e),
-            onBlur: () => handleSocialBlur(config.key),
-            error: localErrors[config.key]
-          },
-          config.key
-        );
-      }),
-      /* @__PURE__ */ jsxs(
-        motion.div,
-        {
-          initial: { opacity: 0, y: 10 },
-          animate: { opacity: 1, y: 0 },
-          transition: { delay: 0.2 },
-          className: "p-4 mt-6 rounded-xl bg-gradient-to-br from-purple-50 to-white border border-purple-100 flex items-start gap-4 shadow-sm",
-          children: [
-            /* @__PURE__ */ jsx("div", { className: "w-10 h-10 rounded-full bg-purple-100 flex items-center justify-center flex-shrink-0", children: /* @__PURE__ */ jsx(FaInstagram, { className: "w-5 h-5 text-purple-600" }) }),
-            /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ jsx("h4", { className: "text-sm font-semibold text-purple-900", children: "Get Featured!" }),
-              /* @__PURE__ */ jsxs("p", { className: "text-[13px] text-purple-700 leading-relaxed", children: [
-                "Share your event updates on Instagram and tag ",
-                /* @__PURE__ */ jsx("a", { href: process.env.NEXT_PUBLIC_INSTAGRAM_URL, target: "_blank", rel: "noopener noreferrer", className: "cursor-pointer    font-semibold text-purple-800", children: "@ticketly.pk" }),
-                ". We'll re-share your stories to help you reach a larger audience and boost ticket sales!"
-              ] })
-            ] })
-          ]
-        }
-      )
-    ] })
-  ] }) });
-});
-SocialProfilesStep.displayName = "SocialProfilesStep";
-const SocialProfilesStep$1 = memo(SocialProfilesStep);
-export {
-  Twitter,
-  SocialProfilesStep$1 as default
-};
-//# sourceMappingURL=SocialProfilesStep.js.map

package/dist/components/EventAddForm/steps/SocialProfilesStep.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SocialProfilesStep.js","sources":["../../../../src/components/EventAddForm/steps/SocialProfilesStep.tsx"],"sourcesContent":["import { memo, useImperativeHandle, forwardRef, useState } from \"react\";\r\nimport { motion } from \"framer-motion\";\r\nimport { StepperFormState } from \"../types\";\r\nimport FormInput from \"@/components/ui/FormInput\";\r\nimport { cn } from \"@/utils/utils\";\r\nimport { validateSocialUrl, getPlatformErrorMessage, SocialPlatform } from \"@/utils/social-validation\";\r\nimport { FaFacebook, FaInstagram } from \"react-icons/fa\";\r\n\r\ninterface SocialProfilesStepProps {\r\n    formState: StepperFormState;\r\n    setField: (field: keyof StepperFormState, value: any) => void;\r\n    setMultipleFields: (fields: Partial<StepperFormState> | ((prev: StepperFormState) => Partial<StepperFormState>)) => void;\r\n    errors: Record<string, string>;\r\n    validateField: (field: keyof StepperFormState, data?: StepperFormState) => void;\r\n    setErrors: React.Dispatch<React.SetStateAction<Record<string, string>>>;\r\n    onPolluted?: () => void;\r\n}\r\n\r\nexport interface SocialProfilesStepRef {\r\n    saveForm: () => Promise<void>;\r\n    validateNavigation: () => boolean;\r\n}\r\n\r\nexport const Twitter: any = (props: any) => (\r\n    <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\" {...props} className={cn(\"h-5 w-5 fill-current\", props.className)}>\r\n        <path d=\"M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932L18.901 1.153zM17.61 20.644h2.039L6.486 3.24H4.298L17.61 20.644z\" />\r\n    </svg>\r\n)\r\n\r\nconst SOCIAL_CONFIG = [\r\n    { key: 'instagram', label: 'Instagram Profile Link', icon: FaInstagram, placeholder: 'https://instagram.com/yourprofile' },\r\n    { key: 'facebook', label: 'Facebook Profile Link', icon: FaFacebook, placeholder: 'https://facebook.com/yourprofile' },\r\n    { key: 'twitter', label: 'X (Twitter) Profile Link', icon: Twitter, placeholder: 'https://x.com/yourprofile' },\r\n];\r\n\r\nconst SocialProfilesStep = forwardRef<SocialProfilesStepRef, SocialProfilesStepProps>((props, ref) => {\r\n    const { formState, setField, onPolluted } = props;\r\n    const [localErrors, setLocalErrors] = useState<Record<string, string>>({});\r\n\r\n    const validateFieldUrl = (platform: SocialPlatform, url: string) => {\r\n        if (!url) return true;\r\n        return validateSocialUrl(platform, url);\r\n    };\r\n\r\n    useImperativeHandle(ref, () => ({\r\n        saveForm: async () => {\r\n            return Promise.resolve();\r\n        },\r\n        validateNavigation: () => {\r\n            const errors: Record<string, string> = {};\r\n            let isValid = true;\r\n\r\n            SOCIAL_CONFIG.forEach(config => {\r\n                const value = formState.social_profiles?.[config.key as keyof typeof formState.social_profiles];\r\n                if (value && !validateFieldUrl(config.key as SocialPlatform, value)) {\r\n                    errors[config.key] = getPlatformErrorMessage(config.key as SocialPlatform);\r\n                    isValid = false;\r\n                }\r\n            });\r\n\r\n            setLocalErrors(errors);\r\n            return isValid;\r\n        }\r\n    }));\r\n\r\n    const handleSocialChange = (key: string, value: string) => {\r\n        setField('social_profiles', {\r\n            instagram: \"\",\r\n            facebook: \"\",\r\n            twitter: \"\",\r\n            ...formState.social_profiles,\r\n            [key]: value\r\n        });\r\n\r\n        // If there is an existing error, validate on every change\r\n        if (localErrors[key]) {\r\n            const isValid = validateFieldUrl(key as SocialPlatform, value);\r\n            if (isValid) {\r\n                setLocalErrors(prev => {\r\n                    const newErrors = { ...prev };\r\n                    delete newErrors[key];\r\n                    return newErrors;\r\n                });\r\n            } else {\r\n                setLocalErrors(prev => ({\r\n                    ...prev,\r\n                    [key]: getPlatformErrorMessage(key as SocialPlatform)\r\n                }));\r\n            }\r\n        }\r\n    };\r\n\r\n    const handleSocialBlur = (key: string) => {\r\n        const value = formState.social_profiles?.[key as keyof typeof formState.social_profiles];\r\n        if (value && !validateFieldUrl(key as SocialPlatform, value)) {\r\n            setLocalErrors(prev => ({\r\n                ...prev,\r\n                [key]: getPlatformErrorMessage(key as SocialPlatform)\r\n            }));\r\n        }\r\n    };\r\n\r\n    return (\r\n        <div className=\"max-w-[734px] mx-auto space-y-6 animate-in fade-in slide-in-from-bottom-4 duration-500\">\r\n            <div className=\"py-6 space-y-4 rounded-lg\">\r\n                <h2 className=\"text-lg font-semibold text-grey-900 px-4\">\r\n                    Social Profiles\r\n                </h2>\r\n                <div className=\"space-y-4 px-4\">\r\n                    {SOCIAL_CONFIG.map((config) => (\r\n                        <FormInput\r\n                            key={config.key}\r\n                            label={config.label}\r\n                            icon={config.icon}\r\n                            type=\"text\"\r\n                            placeholder={config.placeholder}\r\n                            value={formState.social_profiles?.[config.key as keyof typeof formState.social_profiles] || \"\"}\r\n                            onChange={(e) => handleSocialChange(config.key, (e as any).target ? (e as any).target.value : e)}\r\n                            onBlur={() => handleSocialBlur(config.key)}\r\n                            error={localErrors[config.key]}\r\n                        />\r\n                    ))}\r\n\r\n                    {/* Ticketly Instagram Promotion */}\r\n                    <motion.div\r\n                        initial={{ opacity: 0, y: 10 }}\r\n                        animate={{ opacity: 1, y: 0 }}\r\n                        transition={{ delay: 0.2 }}\r\n                        className=\"p-4 mt-6 rounded-xl bg-gradient-to-br from-purple-50 to-white border border-purple-100 flex items-start gap-4 shadow-sm\"\r\n                    >\r\n                        <div className=\"w-10 h-10 rounded-full bg-purple-100 flex items-center justify-center flex-shrink-0\">\r\n                            <FaInstagram className=\"w-5 h-5 text-purple-600\" />\r\n                        </div>\r\n                        <div className=\"space-y-1\">\r\n                            <h4 className=\"text-sm font-semibold text-purple-900\">Get Featured!</h4>\r\n                            <p className=\"text-[13px] text-purple-700 leading-relaxed\">\r\n                                Share your event updates on Instagram and tag <a href={process.env.NEXT_PUBLIC_INSTAGRAM_URL} target=\"_blank\" rel=\"noopener noreferrer\" className=\"cursor-pointer    font-semibold text-purple-800\">@ticketly.pk</a>. We&apos;ll re-share your stories to help you reach a larger audience and boost ticket sales!\r\n                            </p>\r\n                        </div>\r\n                    </motion.div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    );\r\n});\r\n\r\nSocialProfilesStep.displayName = \"SocialProfilesStep\";\r\n\r\nexport default memo(SocialProfilesStep);\r\n"],"names":[],"mappings":"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"}