@scbt-ecom/ui 0.172.0 → 0.174.0

package/dist/lib/widgets/calculator/CalculatorView.js

@@ -1,2 +1,2 @@
-import{jsx as c,jsxs as V}from"react/jsx-runtime";import{useEffect as v}from"react";import{FormProvider as w}from"react-hook-form";import{getCalculatorSchema as F}from"./model/utils.js";import{localStorageActions as b}from"../../shared/utils/localStorageActions.js";import{evaluateFormula as D}from"./model/helpers.js";import{CalculatorFields as I}from"./ui/calculatorFields/CalculatorFields.js";import{CalculatorInfo as S}from"./ui/calculatorInfo/CalculatorInfo.js";import{cn as G}from"../../shared/utils/cn.js";import{ZodUtils as j}from"../../shared/validation/utils/zodUtils.js";import{useControlledForm as N}from"../../shared/hooks/useControlledForm.js";const H=({calculatorInfoConfigs:o,calculatorFieldsConfig:e,classes:t,headline:f,radioCardsDefaultValue:s})=>{const r=F(e?.fieldsGroup),m=j.getZodDefaults(r),i={...m,radioCards:s},a=N({schema:r,mode:"onBlur",defaultValues:i});console.log(s,"radioCardsDefaultValue"),console.log(m,"schemaDefaults"),console.log(r,"calculatorSchema"),console.log(i,"defaultValues");const p=a.watch("radioCards"),n=e.fieldsGroup.radioGroupCardConfig?.fields[0].args.options.find(x=>x.value===p)?.index,u=o.length>1?o[n?Number(n):0]:o[0],l=a.watch(),{rootValue:d,isFormula:h}=u;v(()=>{b.setItem("calculatorData",l)},[l]);const g=h?D(d,l):d,C={...u,rootValue:g};return c(w,{...a,children:V("div",{className:G("flex items-start gap-16 mobile:flex-col mobile:items-center mobile:gap-8",t?.wrapper),children:[c(I,{...e,classes:t?.calculatorFields}),c(S,{...C,headline:f,classes:t?.calculatorInfo})]})})};export{H as CalculatorView};
+import{jsx as m,jsxs as x}from"react/jsx-runtime";import{useEffect as v}from"react";import{FormProvider as y}from"react-hook-form";import{getCalculatorSchema as V}from"./model/utils.js";import{localStorageActions as w}from"../../shared/utils/localStorageActions.js";import{evaluateFormula as b}from"./model/helpers.js";import{CalculatorFields as D}from"./ui/calculatorFields/CalculatorFields.js";import{CalculatorInfo as F}from"./ui/calculatorInfo/CalculatorInfo.js";import{cn as I}from"../../shared/utils/cn.js";import{ZodUtils as R}from"../../shared/validation/utils/zodUtils.js";import{useControlledForm as N}from"../../shared/hooks/useControlledForm.js";const H=({calculatorInfoConfigs:r,calculatorFieldsConfig:o,classes:t,headline:u,radioCardsDefaultValue:p})=>{const l=V(o?.fieldsGroup),f={...R.getZodDefaults(l),radioCards:p},e=N({schema:l,mode:"onBlur",defaultValues:f}),c=o?.fieldsGroup?.radioGroupCardConfig?.fields?.find(i=>i?.type==="RadioGroupCardControl")?.args?.name,h=e.watch(c||""),s=o?.fieldsGroup?.radioGroupCardConfig?.fields[0]?.args?.options?.find(i=>i.value===h)?.index,n=r.length>1?r[s?Number(s):0]:r[0],a=e.watch(),{rootValue:d,isFormula:C}=n;v(()=>{w.setItem("calculatorData",a)},[a]);const G=C?b(d,a):d,g={...n,rootValue:G};return m(y,{...e,children:x("div",{className:I("flex items-start gap-16 mobile:flex-col mobile:items-center mobile:gap-8",t?.wrapper),children:[m(D,{...o,classes:t?.calculatorFields}),m(F,{...g,headline:u,classes:t?.calculatorInfo})]})})};export{H as CalculatorView};
 //# sourceMappingURL=CalculatorView.js.map

package/dist/lib/widgets/calculator/CalculatorView.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalculatorView.js","sources":["../../../../lib/widgets/calculator/CalculatorView.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport { type FieldValues, FormProvider } from 'react-hook-form'\nimport { type CalculatorSchema, evaluateFormula, getCalculatorSchema } from './model'\nimport {\n  CalculatorFields,\n  type CalculatorFieldsClasses,\n  type CalculatorFieldsProps,\n  CalculatorInfo,\n  type CalculatorInfoClasses,\n  type CalculatorInfoProps,\n  type CalculatorTab\n} from './ui'\nimport { useControlledForm } from '$/shared/hooks'\nimport { cn, localStorageActions } from '$/shared/utils'\nimport { ZodUtils } from '$/shared/validation'\n\nexport type CalculatorViewClasses = {\n  wrapper?: string\n  calculatorFields?: CalculatorFieldsClasses\n  calculatorInfo?: CalculatorInfoClasses\n}\n\nexport interface CalculatorViewProps<T extends FieldValues = FieldValues> extends CalculatorTab {\n  calculatorInfoConfigs: CalculatorInfoProps[]\n  calculatorFieldsConfig: CalculatorFieldsProps<T>\n  classes?: CalculatorViewClasses\n  headline?: string\n  radioCardsDefaultValue?: string\n}\n\nexport const CalculatorView = <T extends FieldValues>({\n  calculatorInfoConfigs,\n  calculatorFieldsConfig,\n  classes,\n  headline,\n  radioCardsDefaultValue\n}: CalculatorViewProps<T>) => {\n  const calculatorSchema: CalculatorSchema = getCalculatorSchema(calculatorFieldsConfig?.fieldsGroup)\n\n  const schemaDefaults = ZodUtils.getZodDefaults(calculatorSchema)\n\n  const defaultValues = {\n    ...schemaDefaults,\n    radioCards: radioCardsDefaultValue\n  }\n\n  const formMethods = useControlledForm({\n    schema: calculatorSchema,\n    mode: 'onBlur',\n    defaultValues\n  })\n\n  console.log(radioCardsDefaultValue, 'radioCardsDefaultValue')\n  console.log(schemaDefaults, 'schemaDefaults')\n  console.log(calculatorSchema, 'calculatorSchema')\n  console.log(defaultValues, 'defaultValues')\n\n  const radioCardsValue = formMethods.watch('radioCards') as string | undefined\n\n  const currentOption = calculatorFieldsConfig.fieldsGroup.radioGroupCardConfig?.fields[0].args.options.find(\n    (option) => option.value === radioCardsValue\n  )\n\n  const activeIndex = currentOption?.index\n\n  const activeCalculatorInfoConfig =\n    calculatorInfoConfigs.length > 1 ? calculatorInfoConfigs[activeIndex ? Number(activeIndex) : 0] : calculatorInfoConfigs[0]\n\n  const watchedFields = formMethods.watch()\n\n  const { rootValue, isFormula } = activeCalculatorInfoConfig\n\n  useEffect(() => {\n    localStorageActions.setItem('calculatorData', watchedFields)\n  }, [watchedFields])\n\n  const calculatedValue = isFormula ? evaluateFormula(rootValue, watchedFields) : rootValue\n\n  const mergedCalcInfoConfig = { ...activeCalculatorInfoConfig, rootValue: calculatedValue }\n\n  return (\n    <FormProvider {...formMethods}>\n      <div className={cn('flex items-start gap-16 mobile:flex-col mobile:items-center mobile:gap-8', classes?.wrapper)}>\n        <CalculatorFields {...calculatorFieldsConfig} classes={classes?.calculatorFields} />\n        <CalculatorInfo {...mergedCalcInfoConfig} headline={headline} classes={classes?.calculatorInfo} />\n      </div>\n    </FormProvider>\n  )\n}\n"],"names":["CalculatorView","calculatorInfoConfigs","calculatorFieldsConfig","classes","headline","radioCardsDefaultValue","calculatorSchema","getCalculatorSchema","schemaDefaults","ZodUtils","defaultValues","formMethods","useControlledForm","radioCardsValue","activeIndex","option","activeCalculatorInfoConfig","watchedFields","rootValue","isFormula","useEffect","localStorageActions","calculatedValue","evaluateFormula","mergedCalcInfoConfig","jsx","FormProvider","jsxs","cn","CalculatorFields","CalculatorInfo"],"mappings":"kpBA8BO,MAAMA,EAAiB,CAAwB,CACpD,sBAAAC,EACA,uBAAAC,EACA,QAAAC,EACA,SAAAC,EACA,uBAAAC,CACF,IAA8B,CAC5B,MAAMC,EAAqCC,EAAoBL,GAAwB,WAAW,EAE5FM,EAAiBC,EAAS,eAAeH,CAAgB,EAEzDI,EAAgB,CACpB,GAAGF,EACH,WAAYH,CAAA,EAGRM,EAAcC,EAAkB,CACpC,OAAQN,EACR,KAAM,SACN,cAAAI,CAAA,CACD,EAED,QAAQ,IAAIL,EAAwB,wBAAwB,EAC5D,QAAQ,IAAIG,EAAgB,gBAAgB,EAC5C,QAAQ,IAAIF,EAAkB,kBAAkB,EAChD,QAAQ,IAAII,EAAe,eAAe,EAE1C,MAAMG,EAAkBF,EAAY,MAAM,YAAY,EAMhDG,EAJgBZ,EAAuB,YAAY,sBAAsB,OAAO,CAAC,EAAE,KAAK,QAAQ,KACnGa,GAAWA,EAAO,QAAUF,CAAA,GAGI,MAE7BG,EACJf,EAAsB,OAAS,EAAIA,EAAsBa,EAAc,OAAOA,CAAW,EAAI,CAAC,EAAIb,EAAsB,CAAC,EAErHgB,EAAgBN,EAAY,MAAA,EAE5B,CAAE,UAAAO,EAAW,UAAAC,CAAA,EAAcH,EAEjCI,EAAU,IAAM,CACdC,EAAoB,QAAQ,iBAAkBJ,CAAa,CAC7D,EAAG,CAACA,CAAa,CAAC,EAElB,MAAMK,EAAkBH,EAAYI,EAAgBL,EAAWD,CAAa,EAAIC,EAE1EM,EAAuB,CAAE,GAAGR,EAA4B,UAAWM,CAAA,EAEzE,OACEG,EAACC,EAAA,CAAc,GAAGf,EAChB,SAAAgB,EAAC,MAAA,CAAI,UAAWC,EAAG,2EAA4EzB,GAAS,OAAO,EAC7G,SAAA,CAAAsB,EAACI,EAAA,CAAkB,GAAG3B,EAAwB,QAASC,GAAS,iBAAkB,IACjF2B,EAAA,CAAgB,GAAGN,EAAsB,SAAApB,EAAoB,QAASD,GAAS,cAAA,CAAgB,CAAA,CAAA,CAClG,CAAA,CACF,CAEJ"}
+{"version":3,"file":"CalculatorView.js","sources":["../../../../lib/widgets/calculator/CalculatorView.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport { type FieldValues, FormProvider } from 'react-hook-form'\nimport { type CalculatorSchema, evaluateFormula, getCalculatorSchema } from './model'\nimport {\n  CalculatorFields,\n  type CalculatorFieldsClasses,\n  type CalculatorFieldsProps,\n  CalculatorInfo,\n  type CalculatorInfoClasses,\n  type CalculatorInfoProps,\n  type CalculatorTab\n} from './ui'\nimport { useControlledForm } from '$/shared/hooks'\nimport { cn, localStorageActions } from '$/shared/utils'\nimport { ZodUtils } from '$/shared/validation'\n\nexport type CalculatorViewClasses = {\n  wrapper?: string\n  calculatorFields?: CalculatorFieldsClasses\n  calculatorInfo?: CalculatorInfoClasses\n}\n\nexport interface CalculatorViewProps<T extends FieldValues = FieldValues> extends CalculatorTab {\n  calculatorInfoConfigs: CalculatorInfoProps[]\n  calculatorFieldsConfig: CalculatorFieldsProps<T>\n  classes?: CalculatorViewClasses\n  headline?: string\n  radioCardsDefaultValue?: string\n}\n\nexport const CalculatorView = <T extends FieldValues>({\n  calculatorInfoConfigs,\n  calculatorFieldsConfig,\n  classes,\n  headline,\n  radioCardsDefaultValue\n}: CalculatorViewProps<T>) => {\n  const calculatorSchema: CalculatorSchema = getCalculatorSchema(calculatorFieldsConfig?.fieldsGroup)\n\n  const schemaDefaults = ZodUtils.getZodDefaults(calculatorSchema)\n\n  const defaultValues = {\n    ...schemaDefaults,\n    radioCards: radioCardsDefaultValue\n  }\n\n  const formMethods = useControlledForm({\n    schema: calculatorSchema,\n    mode: 'onBlur',\n    defaultValues\n  })\n\n  const dynamicTypeRadioGroup = calculatorFieldsConfig?.fieldsGroup?.radioGroupCardConfig?.fields?.find(\n    (field) => field?.type === 'RadioGroupCardControl'\n  )\n\n  const dynamicNameRadioGroup = dynamicTypeRadioGroup?.args?.name\n\n  const radioCardsValue = formMethods.watch(dynamicNameRadioGroup ? dynamicNameRadioGroup : '')\n\n  const currentOption = calculatorFieldsConfig?.fieldsGroup?.radioGroupCardConfig?.fields[0]?.args?.options?.find(\n    (option) => option.value === radioCardsValue\n  )\n\n  const activeIndex = currentOption?.index\n\n  const activeCalculatorInfoConfig =\n    calculatorInfoConfigs.length > 1 ? calculatorInfoConfigs[activeIndex ? Number(activeIndex) : 0] : calculatorInfoConfigs[0]\n\n  const watchedFields = formMethods.watch()\n\n  const { rootValue, isFormula } = activeCalculatorInfoConfig\n\n  useEffect(() => {\n    localStorageActions.setItem('calculatorData', watchedFields)\n  }, [watchedFields])\n\n  const calculatedValue = isFormula ? evaluateFormula(rootValue, watchedFields) : rootValue\n\n  const mergedCalcInfoConfig = { ...activeCalculatorInfoConfig, rootValue: calculatedValue }\n\n  return (\n    <FormProvider {...formMethods}>\n      <div className={cn('flex items-start gap-16 mobile:flex-col mobile:items-center mobile:gap-8', classes?.wrapper)}>\n        <CalculatorFields {...calculatorFieldsConfig} classes={classes?.calculatorFields} />\n        <CalculatorInfo {...mergedCalcInfoConfig} headline={headline} classes={classes?.calculatorInfo} />\n      </div>\n    </FormProvider>\n  )\n}\n"],"names":["CalculatorView","calculatorInfoConfigs","calculatorFieldsConfig","classes","headline","radioCardsDefaultValue","calculatorSchema","getCalculatorSchema","defaultValues","ZodUtils","formMethods","useControlledForm","dynamicNameRadioGroup","field","radioCardsValue","activeIndex","option","activeCalculatorInfoConfig","watchedFields","rootValue","isFormula","useEffect","localStorageActions","calculatedValue","evaluateFormula","mergedCalcInfoConfig","jsx","FormProvider","jsxs","cn","CalculatorFields","CalculatorInfo"],"mappings":"kpBA8BO,MAAMA,EAAiB,CAAwB,CACpD,sBAAAC,EACA,uBAAAC,EACA,QAAAC,EACA,SAAAC,EACA,uBAAAC,CACF,IAA8B,CAC5B,MAAMC,EAAqCC,EAAoBL,GAAwB,WAAW,EAI5FM,EAAgB,CACpB,GAHqBC,EAAS,eAAeH,CAAgB,EAI7D,WAAYD,CAAA,EAGRK,EAAcC,EAAkB,CACpC,OAAQL,EACR,KAAM,SACN,cAAAE,CAAA,CACD,EAMKI,EAJwBV,GAAwB,aAAa,sBAAsB,QAAQ,KAC9FW,GAAUA,GAAO,OAAS,uBAAA,GAGwB,MAAM,KAErDC,EAAkBJ,EAAY,MAAME,GAAgD,EAAE,EAMtFG,EAJgBb,GAAwB,aAAa,sBAAsB,OAAO,CAAC,GAAG,MAAM,SAAS,KACxGc,GAAWA,EAAO,QAAUF,CAAA,GAGI,MAE7BG,EACJhB,EAAsB,OAAS,EAAIA,EAAsBc,EAAc,OAAOA,CAAW,EAAI,CAAC,EAAId,EAAsB,CAAC,EAErHiB,EAAgBR,EAAY,MAAA,EAE5B,CAAE,UAAAS,EAAW,UAAAC,CAAA,EAAcH,EAEjCI,EAAU,IAAM,CACdC,EAAoB,QAAQ,iBAAkBJ,CAAa,CAC7D,EAAG,CAACA,CAAa,CAAC,EAElB,MAAMK,EAAkBH,EAAYI,EAAgBL,EAAWD,CAAa,EAAIC,EAE1EM,EAAuB,CAAE,GAAGR,EAA4B,UAAWM,CAAA,EAEzE,OACEG,EAACC,EAAA,CAAc,GAAGjB,EAChB,SAAAkB,EAAC,MAAA,CAAI,UAAWC,EAAG,2EAA4E1B,GAAS,OAAO,EAC7G,SAAA,CAAAuB,EAACI,EAAA,CAAkB,GAAG5B,EAAwB,QAASC,GAAS,iBAAkB,IACjF4B,EAAA,CAAgB,GAAGN,EAAsB,SAAArB,EAAoB,QAASD,GAAS,cAAA,CAAgB,CAAA,CAAA,CAClG,CAAA,CACF,CAEJ"}