@photoroom/ui 0.1.319 → 0.1.321

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/components/content/PropList/PropListItem.d.ts +2 -2
  2. package/components/content/PropList/PropListItem.d.ts.map +1 -1
  3. package/components/website/PricingHeroBlock/AppPricing/AppPricingCardsContainer/AppPricingCardsContainer.d.ts +1 -4
  4. package/components/website/PricingHeroBlock/AppPricing/AppPricingCardsContainer/AppPricingCardsContainer.d.ts.map +1 -1
  5. package/components/website/PricingHeroBlock/AppPricing/AppPricingCardsContainer/AppPricingCardsGroup.d.ts +8 -0
  6. package/components/website/PricingHeroBlock/AppPricing/AppPricingCardsContainer/AppPricingCardsGroup.d.ts.map +1 -0
  7. package/components/website/PricingHeroBlock/AppPricing/AppPricingCardsContainer/AppPricingCardsItemV2.d.ts +8 -5
  8. package/components/website/PricingHeroBlock/AppPricing/AppPricingCardsContainer/AppPricingCardsItemV2.d.ts.map +1 -1
  9. package/components/website/PricingHeroBlock/AppPricing/AppPricingCardsContainer/AppPricingPrice.d.ts +4 -2
  10. package/components/website/PricingHeroBlock/AppPricing/AppPricingCardsContainer/AppPricingPrice.d.ts.map +1 -1
  11. package/components/website/PricingHeroBlock/AppPricing/AppPricingCardsContainer/index.d.ts +1 -0
  12. package/components/website/PricingHeroBlock/AppPricing/AppPricingCardsContainer/index.d.ts.map +1 -1
  13. package/components/website/PricingHeroBlock/AppPricing/AppPricingCardsContainer/utils.d.ts +17 -22
  14. package/components/website/PricingHeroBlock/AppPricing/AppPricingCardsContainer/utils.d.ts.map +1 -1
  15. package/components/website/PricingHeroBlock/AppPricing/AppPricingFeaturesPlanHeader.d.ts +25 -0
  16. package/components/website/PricingHeroBlock/AppPricing/AppPricingFeaturesPlanHeader.d.ts.map +1 -0
  17. package/components/website/PricingHeroBlock/AppPricing/index.d.ts +1 -0
  18. package/components/website/PricingHeroBlock/AppPricing/index.d.ts.map +1 -1
  19. package/components/website/PricingHeroBlock/PricingFeatures/PricingFeatures.d.ts +3 -1
  20. package/components/website/PricingHeroBlock/PricingFeatures/PricingFeatures.d.ts.map +1 -1
  21. package/components/website/PricingHeroBlock/PricingFeatures/PricingFeaturesSection.d.ts +2 -1
  22. package/components/website/PricingHeroBlock/PricingFeatures/PricingFeaturesSection.d.ts.map +1 -1
  23. package/components/website/PricingHeroBlock/PricingFeatures/PricingFeaturesSectionItem.d.ts.map +1 -1
  24. package/components/website/PricingHeroBlock/PricingFeatures/PricingFeaturesSectionItemBadge.d.ts.map +1 -1
  25. package/components/website/PricingHeroBlock/PricingFeatures/constants.d.ts +3 -0
  26. package/components/website/PricingHeroBlock/PricingFeatures/constants.d.ts.map +1 -0
  27. package/index.css +1 -1
  28. package/index.mjs +12038 -13072
  29. package/package.json +2 -2
@@ -3,13 +3,13 @@ declare const propListItemCva: (props?: ({
3
3
  size?: "small" | "large" | null | undefined;
4
4
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
5
5
  declare const propListItemIconWrapperCva: (props?: ({
6
- variant?: "default" | "accent" | null | undefined;
6
+ variant?: "default" | "accent" | "muted" | null | undefined;
7
7
  withFootnote?: boolean | null | undefined;
8
8
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
9
9
  type PropListItemCvaProps = VariantProps<typeof propListItemCva> & VariantProps<typeof propListItemIconWrapperCva>;
10
10
  export type PropListItemProps = Readonly<{
11
11
  children: React.ReactNode;
12
- icon?: React.ComponentType<React.ComponentPropsWithoutRef<"svg">>;
12
+ icon?: React.ComponentType<React.ComponentPropsWithoutRef<"svg">> | null;
13
13
  footnote?: React.ReactNode;
14
14
  } & Omit<PropListItemCvaProps, "withFootnote">>;
15
15
  export declare const PropListItem: ({ children, icon: Icon, size, variant, footnote, ...rest }: PropListItemProps) => import("react").JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"PropListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/content/PropList/PropListItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,QAAA,MAAM,eAAe;;8EAUnB,CAAC;AAcH,QAAA,MAAM,0BAA0B;;;8EAc9B,CAAC;AAoDH,KAAK,oBAAoB,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,GAC9D,YAAY,CAAC,OAAO,0BAA0B,CAAC,CAAC;AAElD,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CACtC;IACE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,CAAC;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,IAAI,CAAC,oBAAoB,EAAE,cAAc,CAAC,CAC/C,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,4DAO1B,iBAAiB,gCA4BnB,CAAC"}
1
+ {"version":3,"file":"PropListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/content/PropList/PropListItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAG7D,QAAA,MAAM,eAAe;;8EAUnB,CAAC;AAcH,QAAA,MAAM,0BAA0B;;;8EAe9B,CAAC;AAoDH,KAAK,oBAAoB,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,GAC9D,YAAY,CAAC,OAAO,0BAA0B,CAAC,CAAC;AAElD,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CACtC;IACE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,GAAG,IAAI,CAAC;IACzE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,GAAG,IAAI,CAAC,oBAAoB,EAAE,cAAc,CAAC,CAC/C,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,4DAO1B,iBAAiB,gCA4BnB,CAAC"}
@@ -1,21 +1,18 @@
1
- export type AppPricingBillingPeriod = "weekly" | "monthly" | "yearly";
1
+ export type AppPricingBillingPeriod = "monthly" | "yearly";
2
2
  export type AppPricingCardsContainerProps = Readonly<{
3
3
  lang: string;
4
4
  billingPeriod?: AppPricingBillingPeriod;
5
5
  items?: React.ReactNode;
6
6
  userCountryCode?: string;
7
7
  billingPeriodLabels: {
8
- weekly: string;
9
8
  monthly: string;
10
9
  yearly: string;
11
10
  };
12
11
  billingPeriodSubtitles?: {
13
- weekly?: string;
14
12
  monthly?: string;
15
13
  yearly?: string;
16
14
  };
17
15
  footnoteLabels: {
18
- weekly: string;
19
16
  monthly: string;
20
17
  };
21
18
  footnoteCurrencyLabel: (currencyName: string, countryName: string) => string;
@@ -1 +1 @@
1
- {"version":3,"file":"AppPricingCardsContainer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/website/PricingHeroBlock/AppPricing/AppPricingCardsContainer/AppPricingCardsContainer.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,uBAAuB,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEtE,MAAM,MAAM,6BAA6B,GAAG,QAAQ,CAAC;IACnD,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE;QACnB,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,sBAAsB,CAAC,EAAE;QACvB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,cAAc,EAAE;QACd,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,qBAAqB,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7E,qBAAqB,CAAC,EAAE,CAAC,aAAa,EAAE,uBAAuB,KAAK,IAAI,CAAC;CAC1E,CAAC,CAAC;AAEH,eAAO,MAAM,wBAAwB,GAAI,qKAWtC,6BAA6B,gCAwE/B,CAAC"}
1
+ {"version":3,"file":"AppPricingCardsContainer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/website/PricingHeroBlock/AppPricing/AppPricingCardsContainer/AppPricingCardsContainer.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,uBAAuB,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE3D,MAAM,MAAM,6BAA6B,GAAG,QAAQ,CAAC;IACnD,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE;QACnB,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,sBAAsB,CAAC,EAAE;QACvB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,cAAc,EAAE;QACd,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,qBAAqB,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7E,qBAAqB,CAAC,EAAE,CAAC,aAAa,EAAE,uBAAuB,KAAK,IAAI,CAAC;CAC1E,CAAC,CAAC;AAEH,eAAO,MAAM,wBAAwB,GAAI,qKAWtC,6BAA6B,gCA8D/B,CAAC"}
@@ -0,0 +1,8 @@
1
+ export type AppPricingCardsGroupVariant = "accent" | "neutral";
2
+ export type AppPricingCardsGroupProps = Readonly<{
3
+ label: string;
4
+ variant?: AppPricingCardsGroupVariant;
5
+ children: React.ReactNode;
6
+ }>;
7
+ export declare const AppPricingCardsGroup: ({ label, variant, children, ...rest }: AppPricingCardsGroupProps) => import("react").JSX.Element;
8
+ //# sourceMappingURL=AppPricingCardsGroup.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AppPricingCardsGroup.d.ts","sourceRoot":"","sources":["../../../../../../src/components/website/PricingHeroBlock/AppPricing/AppPricingCardsContainer/AppPricingCardsGroup.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,2BAA2B,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE/D,MAAM,MAAM,yBAAyB,GAAG,QAAQ,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,2BAA2B,CAAC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC,CAAC;AAEH,eAAO,MAAM,oBAAoB,GAAI,uCAKlC,yBAAyB,gCAsB3B,CAAC"}
@@ -1,3 +1,4 @@
1
+ import { SubscriptionType } from "@photoroom/shared/utils/pricing";
1
2
  import { AppPricingBillingPeriod } from "./AppPricingCardsContainer";
2
3
  import { AppPricingSubscriptionTypeSelectorProps } from "./AppPricingSubscriptionTypeSelector";
3
4
  import { AppPricingPlanType } from "./utils";
@@ -12,19 +13,21 @@ export type AppPricingCardsItemV2Props = Readonly<{
12
13
  specialOfferLabel?: string;
13
14
  clientLogos?: React.ReactNode[];
14
15
  planPriceLabelOverride?: string;
16
+ planPriceSubLabel?: string;
15
17
  planNameOverride?: string;
16
- isHighlighted?: boolean;
17
18
  showYearlyPriceAsMonthly?: boolean;
19
+ tagLabel?: string;
20
+ tagVariant?: "accent" | "neutral";
21
+ variant?: "default" | "dark";
18
22
  freePlanLabel: string;
19
23
  perMonthLabel: string;
20
- perWeekLabel: string;
21
24
  perYearLabel: string;
22
25
  billedAnnuallyLabel: string;
23
- moreInfoLabel: string;
24
- getStartedLabel: string;
25
26
  isUnavailable?: boolean;
26
27
  unavailableLabel: string;
27
28
  subscriptionOptions?: AppPricingSubscriptionTypeSelectorProps["options"];
29
+ subscriptionType?: SubscriptionType;
30
+ onSubscriptionTypeChange?: (subscriptionType: SubscriptionType) => void;
28
31
  }>;
29
- export declare const AppPricingCardsItemV2: ({ lang, planType, description, cta, propLists, billingPeriod, userCountryCode, specialOfferLabel, clientLogos, planPriceLabelOverride, planNameOverride, isHighlighted, showYearlyPriceAsMonthly, freePlanLabel, perMonthLabel, perWeekLabel, perYearLabel, billedAnnuallyLabel, moreInfoLabel, getStartedLabel, subscriptionOptions, isUnavailable, unavailableLabel, ...rest }: AppPricingCardsItemV2Props) => import("react").JSX.Element;
32
+ export declare const AppPricingCardsItemV2: ({ lang, planType, description, cta, propLists, billingPeriod, userCountryCode, specialOfferLabel, clientLogos, planPriceLabelOverride, planPriceSubLabel, planNameOverride, showYearlyPriceAsMonthly, tagLabel, tagVariant, variant, freePlanLabel, perMonthLabel, perYearLabel, billedAnnuallyLabel, subscriptionOptions, isUnavailable, unavailableLabel, subscriptionType: controlledSubscriptionType, onSubscriptionTypeChange, ...rest }: AppPricingCardsItemV2Props) => import("react").JSX.Element;
30
33
  //# sourceMappingURL=AppPricingCardsItemV2.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"AppPricingCardsItemV2.d.ts","sourceRoot":"","sources":["../../../../../../src/components/website/PricingHeroBlock/AppPricing/AppPricingCardsContainer/AppPricingCardsItemV2.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAErE,OAAO,EAEL,uCAAuC,EACxC,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAoD,MAAM,SAAS,CAAC;AAI/F,MAAM,MAAM,0BAA0B,GAAG,QAAQ,CAAC;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC9B,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAChC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,CAAC,EAAE,uCAAuC,CAAC,SAAS,CAAC,CAAC;CAC1E,CAAC,CAAC;AAIH,eAAO,MAAM,qBAAqB,GAAI,kXAyBnC,0BAA0B,gCAsP5B,CAAC"}
1
+ {"version":3,"file":"AppPricingCardsItemV2.d.ts","sourceRoot":"","sources":["../../../../../../src/components/website/PricingHeroBlock/AppPricing/AppPricingCardsContainer/AppPricingCardsItemV2.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAWnE,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAErE,OAAO,EAEL,uCAAuC,EACxC,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAwB,MAAM,SAAS,CAAC;AAEnE,MAAM,MAAM,0BAA0B,GAAG,QAAQ,CAAC;IAChD,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC9B,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAChC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAClC,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7B,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,CAAC,EAAE,uCAAuC,CAAC,SAAS,CAAC,CAAC;IACzE,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,wBAAwB,CAAC,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACzE,CAAC,CAAC;AAGH,eAAO,MAAM,qBAAqB,GAAI,+aA2BnC,0BAA0B,gCAkO5B,CAAC"}
@@ -1,14 +1,16 @@
1
1
  import { AppPricingBillingPeriod } from "./AppPricingCardsContainer";
2
2
  export type AppPricingPriceProps = Readonly<{
3
3
  value?: string;
4
+ originalValue?: string;
5
+ priceSubLabel?: string;
4
6
  billingPeriod?: AppPricingBillingPeriod | undefined;
5
7
  perMonthLabel?: string;
6
- perWeekLabel?: string;
7
8
  perYearLabel?: string;
8
9
  billedAnnuallyLabel?: string;
9
10
  showYearlyPriceAsMonthly?: boolean;
10
11
  disabled?: boolean;
12
+ variant?: "default" | "dark";
11
13
  children?: React.ReactNode;
12
14
  }>;
13
- export declare const AppPricingPrice: ({ value, billingPeriod, perMonthLabel, perWeekLabel, perYearLabel, billedAnnuallyLabel, showYearlyPriceAsMonthly, disabled, children, }: AppPricingPriceProps) => import("react").JSX.Element;
15
+ export declare const AppPricingPrice: ({ value, originalValue, priceSubLabel, billingPeriod, perMonthLabel, perYearLabel, billedAnnuallyLabel, showYearlyPriceAsMonthly, disabled, variant, children, }: AppPricingPriceProps) => import("react").JSX.Element;
14
16
  //# sourceMappingURL=AppPricingPrice.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"AppPricingPrice.d.ts","sourceRoot":"","sources":["../../../../../../src/components/website/PricingHeroBlock/AppPricing/AppPricingCardsContainer/AppPricingPrice.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAErE,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,uBAAuB,GAAG,SAAS,CAAC;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC,CAAC;AAEH,eAAO,MAAM,eAAe,GAAI,yIAU7B,oBAAoB,gCAsBtB,CAAC"}
1
+ {"version":3,"file":"AppPricingPrice.d.ts","sourceRoot":"","sources":["../../../../../../src/components/website/PricingHeroBlock/AppPricing/AppPricingCardsContainer/AppPricingPrice.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAErE,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,uBAAuB,GAAG,SAAS,CAAC;IACpD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC,CAAC;AAEH,eAAO,MAAM,eAAe,GAAI,kKAY7B,oBAAoB,gCAoCtB,CAAC"}
@@ -1,4 +1,5 @@
1
1
  export * from "./AppPricingCardsContainer";
2
+ export * from "./AppPricingCardsGroup";
2
3
  export * from "./AppPricingCardsItemV2";
3
4
  export * from "./utils";
4
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/website/PricingHeroBlock/AppPricing/AppPricingCardsContainer/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/website/PricingHeroBlock/AppPricing/AppPricingCardsContainer/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,SAAS,CAAC"}
@@ -1,32 +1,27 @@
1
1
  import { SubscriptionType } from "@photoroom/shared/utils/pricing";
2
+ import type { AppPricingBillingPeriod } from "./AppPricingCardsContainer";
2
3
  export type AppPricingPlanType = SubscriptionType | "free" | "enterprise" | undefined;
3
- export declare function getWeeklyPriceDetails(planType: AppPricingPlanType): ({
4
- countryName: string;
5
- currency: string;
6
- price: number;
7
- countryCode: string;
8
- } | {
9
- countryName: string;
10
- currency: string;
11
- price: null;
12
- countryCode: string;
13
- })[] | undefined;
14
4
  export declare function getMonthlyPriceDetails(planType: AppPricingPlanType, countryCode: string): import("@photoroom/shared/utils/pricing").PriceMetadata | undefined;
15
5
  export declare function getYearlyPriceDetails(planType: AppPricingPlanType, countryCode: string): import("@photoroom/shared/utils/pricing").PriceMetadata | undefined;
16
6
  export declare function useBillingPeriodPrices(planType: AppPricingPlanType, userCountryCode: string | undefined): {
17
- weekly: ({
18
- countryName: string;
19
- currency: string;
20
- price: number;
21
- countryCode: string;
22
- } | {
23
- countryName: string;
24
- currency: string;
25
- price: null;
26
- countryCode: string;
27
- })[] | undefined;
28
7
  monthly: import("@photoroom/shared/utils/pricing").PriceMetadata | undefined;
29
8
  yearly: import("@photoroom/shared/utils/pricing").PriceMetadata | undefined;
30
9
  } | undefined;
10
+ /**
11
+ * Formats the localized display price for a plan, plus the struck-through full
12
+ * monthly price when a yearly-billing discount applies. Shared by the plan cards
13
+ * and the comparison-table header so both show identical prices.
14
+ */
15
+ export declare function useAppLocalizedPrice({ lang, planType, subscriptionType, billingPeriod, userCountryCode, showYearlyPriceAsMonthly, }: {
16
+ lang: string;
17
+ planType: AppPricingPlanType;
18
+ subscriptionType?: AppPricingPlanType;
19
+ billingPeriod: AppPricingBillingPeriod | undefined;
20
+ userCountryCode: string | undefined;
21
+ showYearlyPriceAsMonthly?: boolean;
22
+ }): {
23
+ value?: string;
24
+ originalValue?: string;
25
+ };
31
26
  export declare function useLocalizedAppPriceInfo(planType: AppPricingPlanType, userCountryCode: string | undefined): string[] | undefined;
32
27
  //# sourceMappingURL=utils.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/components/website/PricingHeroBlock/AppPricing/AppPricingCardsContainer/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,gBAAgB,EACjB,MAAM,iCAAiC,CAAC;AAQzC,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,GAAG,MAAM,GAAG,YAAY,GAAG,SAAS,CAAC;AAEtF,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,kBAAkB;;;;;;;;;;iBAejE;AAED,wBAAgB,sBAAsB,CAAC,QAAQ,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,uEAyBvF;AAED,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,uEAyBtF;AACD,wBAAgB,sBAAsB,CACpC,QAAQ,EAAE,kBAAkB,EAC5B,eAAe,EAAE,MAAM,GAAG,SAAS;;;;;;;;;;;;;;cAapC;AAED,wBAAgB,wBAAwB,CACtC,QAAQ,EAAE,kBAAkB,EAC5B,eAAe,EAAE,MAAM,GAAG,SAAS,wBA6BpC"}
1
+ {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/components/website/PricingHeroBlock/AppPricing/AppPricingCardsContainer/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,gBAAgB,EACjB,MAAM,iCAAiC,CAAC;AAIzC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAG1E,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,GAAG,MAAM,GAAG,YAAY,GAAG,SAAS,CAAC;AAEtF,wBAAgB,sBAAsB,CAAC,QAAQ,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,uEAyBvF;AAED,wBAAgB,qBAAqB,CAAC,QAAQ,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,uEAyBtF;AACD,wBAAgB,sBAAsB,CACpC,QAAQ,EAAE,kBAAkB,EAC5B,eAAe,EAAE,MAAM,GAAG,SAAS;;;cAYpC;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,QAAQ,EACR,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,wBAAwB,GACzB,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,gBAAgB,CAAC,EAAE,kBAAkB,CAAC;IACtC,aAAa,EAAE,uBAAuB,GAAG,SAAS,CAAC;IACnD,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,aAAa,CAAC,EAAE,MAAM,CAAA;CAAE,CAsD7C;AAED,wBAAgB,wBAAwB,CACtC,QAAQ,EAAE,kBAAkB,EAC5B,eAAe,EAAE,MAAM,GAAG,SAAS,wBA6BpC"}
@@ -0,0 +1,25 @@
1
+ import { AppPricingBillingPeriod } from "./AppPricingCardsContainer/AppPricingCardsContainer";
2
+ import { AppPricingPlanType } from "./AppPricingCardsContainer/utils";
3
+ export type AppPricingFeaturesPlanHeaderProps = Readonly<{
4
+ lang: string;
5
+ planName?: string;
6
+ planType?: AppPricingPlanType;
7
+ /** Plan type used for price lookup; defaults to planType (Ultra passes its credit tier). */
8
+ pricePlanType?: AppPricingPlanType;
9
+ billingPeriod?: AppPricingBillingPeriod;
10
+ userCountryCode?: string;
11
+ showYearlyPriceAsMonthly?: boolean;
12
+ /** Enterprise price label, e.g. "Custom". */
13
+ planPriceLabelOverride?: string;
14
+ /** The plan's CTA, reused from the matching pricing card. */
15
+ cta?: React.ReactNode;
16
+ perMonthLabel: string;
17
+ perYearLabel: string;
18
+ billedAnnuallyLabel?: string;
19
+ }>;
20
+ /**
21
+ * A comparison-table column header: plan name, price + period, and the plan's
22
+ * CTA — single-sourced from the matching pricing card so the two stay in sync.
23
+ */
24
+ export declare const AppPricingFeaturesPlanHeader: ({ lang, planName, planType, pricePlanType, billingPeriod, userCountryCode, showYearlyPriceAsMonthly, planPriceLabelOverride, cta, perMonthLabel, perYearLabel, billedAnnuallyLabel, }: AppPricingFeaturesPlanHeaderProps) => import("react").JSX.Element;
25
+ //# sourceMappingURL=AppPricingFeaturesPlanHeader.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AppPricingFeaturesPlanHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/website/PricingHeroBlock/AppPricing/AppPricingFeaturesPlanHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,qDAAqD,CAAC;AAC9F,OAAO,EAAE,kBAAkB,EAAwB,MAAM,kCAAkC,CAAC;AAE5F,MAAM,MAAM,iCAAiC,GAAG,QAAQ,CAAC;IACvD,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,4FAA4F;IAC5F,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,aAAa,CAAC,EAAE,uBAAuB,CAAC;IACxC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,6CAA6C;IAC7C,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,6DAA6D;IAC7D,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC,CAAC;AAEH;;;GAGG;AACH,eAAO,MAAM,4BAA4B,GAAI,uLAa1C,iCAAiC,gCAoCnC,CAAC"}
@@ -1,4 +1,5 @@
1
1
  export * from "./AppPricingCardsContainer";
2
2
  export * from "./AppPricingFeaturesLegend";
3
+ export * from "./AppPricingFeaturesPlanHeader";
3
4
  export * from "./AppPricingFeaturesSectionItemBadge";
4
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/website/PricingHeroBlock/AppPricing/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sCAAsC,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/website/PricingHeroBlock/AppPricing/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sCAAsC,CAAC"}
@@ -3,6 +3,8 @@ export type PricingFeaturesProps = Readonly<{
3
3
  legend?: React.ReactNode;
4
4
  sections?: React.ReactNode;
5
5
  fairLimitsLabel?: string;
6
+ /** One entry per plan column (legend order); `true` tints that column — the card's highlighted plan. */
7
+ columnHighlights?: boolean[];
6
8
  }>;
7
- export declare const PricingFeatures: ({ title, legend, sections, fairLimitsLabel, ...rest }: PricingFeaturesProps) => import("react").JSX.Element;
9
+ export declare const PricingFeatures: ({ title, legend, sections, fairLimitsLabel, columnHighlights, ...rest }: PricingFeaturesProps) => import("react").JSX.Element;
8
10
  //# sourceMappingURL=PricingFeatures.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"PricingFeatures.d.ts","sourceRoot":"","sources":["../../../../../src/components/website/PricingHeroBlock/PricingFeatures/PricingFeatures.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC;IAC1C,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC,CAAC;AAEH,eAAO,MAAM,eAAe,GAAI,uDAM7B,oBAAoB,gCAqBtB,CAAC"}
1
+ {"version":3,"file":"PricingFeatures.d.ts","sourceRoot":"","sources":["../../../../../src/components/website/PricingHeroBlock/PricingFeatures/PricingFeatures.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC;IAC1C,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wGAAwG;IACxG,gBAAgB,CAAC,EAAE,OAAO,EAAE,CAAC;CAC9B,CAAC,CAAC;AAsCH,eAAO,MAAM,eAAe,GAAI,yEAO7B,oBAAoB,gCA2DtB,CAAC"}
@@ -1,6 +1,7 @@
1
1
  export type PricingFeaturesSectionProps = Readonly<{
2
2
  title?: string;
3
+ subtitle?: string;
3
4
  items?: React.ReactNode;
4
5
  }>;
5
- export declare const PricingFeaturesSection: ({ title, items, ...rest }: PricingFeaturesSectionProps) => import("react").JSX.Element;
6
+ export declare const PricingFeaturesSection: ({ title, subtitle, items, ...rest }: PricingFeaturesSectionProps) => import("react").JSX.Element;
6
7
  //# sourceMappingURL=PricingFeaturesSection.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"PricingFeaturesSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/website/PricingHeroBlock/PricingFeatures/PricingFeaturesSection.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,2BAA2B,GAAG,QAAQ,CAAC;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,CAAC,CAAC;AAEH,eAAO,MAAM,sBAAsB,GAAI,2BAA2B,2BAA2B,gCAU5F,CAAC"}
1
+ {"version":3,"file":"PricingFeaturesSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/website/PricingHeroBlock/PricingFeatures/PricingFeaturesSection.tsx"],"names":[],"mappings":"AAAA,MAAM,MAAM,2BAA2B,GAAG,QAAQ,CAAC;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,CAAC,CAAC;AAEH,eAAO,MAAM,sBAAsB,GAAI,qCAKpC,2BAA2B,gCAe7B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"PricingFeaturesSectionItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/website/PricingHeroBlock/PricingFeatures/PricingFeaturesSectionItem.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,+BAA+B,GAAG,QAAQ,CAAC;IACrD,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC,CAAC,CAAC;AAEH,eAAO,MAAM,0BAA0B,GAAI,6DAKxC,+BAA+B,gCAoBjC,CAAC"}
1
+ {"version":3,"file":"PricingFeaturesSectionItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/website/PricingHeroBlock/PricingFeatures/PricingFeaturesSectionItem.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,+BAA+B,GAAG,QAAQ,CAAC;IACrD,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC,CAAC,CAAC;AAEH,eAAO,MAAM,0BAA0B,GAAI,6DAKxC,+BAA+B,gCAsBjC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"PricingFeaturesSectionItemBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/website/PricingHeroBlock/PricingFeatures/PricingFeaturesSectionItemBadge.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,oCAAoC,GAAG,QAAQ,CAAC;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC,CAAC;AAEH,eAAO,MAAM,+BAA+B,GAAI,qEAM7C,oCAAoC,gCAgCtC,CAAC"}
1
+ {"version":3,"file":"PricingFeaturesSectionItemBadge.d.ts","sourceRoot":"","sources":["../../../../../src/components/website/PricingHeroBlock/PricingFeatures/PricingFeaturesSectionItemBadge.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,oCAAoC,GAAG,QAAQ,CAAC;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC,CAAC;AAEH,eAAO,MAAM,+BAA+B,GAAI,qEAM7C,oCAAoC,gCAmCtC,CAAC"}
@@ -0,0 +1,3 @@
1
+ export declare const FEATURES_NAME_COLUMN = "xl:w-[360px] xl:shrink-0";
2
+ export declare const FEATURES_COLUMN_GAP = "xl:gap-8";
3
+ //# sourceMappingURL=constants.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/website/PricingHeroBlock/PricingFeatures/constants.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,oBAAoB,6BAA6B,CAAC;AAC/D,eAAO,MAAM,mBAAmB,aAAa,CAAC"}