@stigg/react-sdk 8.3.1 → 8.4.0
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.
- package/dist/{CreditUsageChart-SJHPAPNN.cjs.js → CreditUsageChart-OVITKW24.cjs.js} +19 -19
- package/dist/{CreditUsageChart-H5YQVWQC.esm.js → CreditUsageChart-ZMJSAJM4.esm.js} +1 -1
- package/dist/{chunk-LCMKGDCO.esm.js → chunk-HNVJHUPY.esm.js} +1 -1
- package/dist/{chunk-QWTIXN4N.cjs.js → chunk-SP4W22SC.cjs.js} +1 -1
- package/dist/stigg-sdk.cjs.js +170 -170
- package/dist/stigg-sdk.esm.js +3 -3
- package/package.json +1 -1
package/dist/stigg-sdk.esm.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}from'./chunk-
|
|
1
|
+
import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}from'./chunk-HNVJHUPY.esm.js';export{s as StiggContext,t as StiggProvider,D as useActiveSubscriptions,x as useBooleanEntitlement,A as useCreditEntitlement,L as useCreditUsage,F as useCustomerPortal,B as useEnumEntitlement,z as useMeteredEntitlement,y as useNumericEntitlement,E as usePaywall,u as useStiggContext}from'./chunk-HNVJHUPY.esm.js';import {BillingModel,PaymentCollection,SubscriptionStatus,PricingType,BillingPeriod,SubscriptionScheduleType,ThresholdType,DiscountType,DiscountDurationType,Currency,BillingVendorIdentifier,CreditGrantType,WidgetType,BillingCadence,FontWeight,MeterType,EntitlementResetPeriod,TiersMode,Alignment,CreditCadence,SubscriptionProrationBehavior,SubscriptionBillingCycleAnchor}from'@stigg/js-client-sdk';export*from'@stigg/js-client-sdk';import yi,{forwardRef,lazy,useContext,useMemo,useState,useEffect,Suspense,useCallback,useRef,createElement}from'react';import zu from'classnames';import Re from'@mui/material/Grid/index.js';import Cc from'lodash/compact.js';import {NumericFormat,numericFormatter}from'react-number-format';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import Wa from'lodash/isFunction.js';import tu from'react-spinners/ClipLoader.js';import {css,useTheme}from'@emotion/react';import Bo from'dayjs';import Zm from'dayjs/plugin/utc.js';import Ym from'dayjs/plugin/relativeTime.js';import Qm from'dayjs/plugin/advancedFormat.js';import Fo from'lodash/isNil.js';import jm from'lodash/sum.js';import mu from'currency-symbol-map';import bu from'@mui/material/InputAdornment/index.js';import fu,{buttonClasses}from'@mui/material/Button/index.js';import Cu from'@mui/material/TextField/index.js';import El from'@mui/material/Divider/index.js';import Su from'@mui/material/OutlinedInput/index.js';import Tu from'@mui/material/Select/index.js';import ku from'@mui/material/MenuItem/index.js';import wu from'lodash/map.js';import ke from'@mui/material/Box/index.js';import ug from'react-switch';import Bg from'lodash/countBy.js';import Ag from'lodash/uniq.js';import ac from'lodash/sortBy.js';import Lg from'lodash/merge.js';import Je from'react-loading-skeleton';import Yg from'lodash/flatMap.js';import Qs from'@mui/material/Tab/index.js';import Qg from'lodash/isEmpty.js';import ef from'@mui/material/Tabs/index.js';import nf from'@mui/material/useMediaQuery/index.js';import {ExternalLink,ChevronRight,Info,Minus,Plus,ArrowDown}from'react-feather';import zf from'@mui/material/Link/index.js';import Rf,{tooltipClasses}from'@mui/material/Tooltip/index.js';import Dl from'lodash/keyBy.js';import Li from'color';import Zf,{linearProgressClasses}from'@mui/material/LinearProgress/index.js';import py from'lodash/padStart.js';import Yl from'lodash/isUndefined.js';import {BillingModel as BillingModel$1,BillingPeriod as BillingPeriod$1}from'@stigg/api-client-js/src/generated/sdk.js';import Xn from'lodash/lowerCase.js';import Ty from'lodash/range.js';import {produce}from'immer';import Ly from'lodash/cloneDeep.js';import Ny from'lodash/remove.js';import {Elements,useStripe,useElements,AddressElement,PaymentElement}from'@stripe/react-stripe-js';import Rh from'@mui/material/StepIcon/index.js';import Ox from'lodash/partition.js';import Yh from'@mui/material/CircularProgress/index.js';import Yx from'@mui/material/Paper/index.js';import Qx from'@mui/material/Alert/index.js';import jh from'@mui/material/Checkbox/index.js';import eC from'@mui/material/FormControlLabel/index.js';import tC from'lodash/isString.js';import OP from'@mui/material/Autocomplete/index.js';import HP from'@mui/material/Collapse/index.js';import {AL,AD,AO,AR,AM,AW,AU,AT,AZ,BS as BS$1,BH,BD,BB,BY,BE,BJ,BO,BA,BR,BG,BF,KH,CM,CA,CV,CL,CN,CO,CD,CR,HR,CY,CZ,DK,DO,EC,EG,SV,EE,ET,EU,FI,FR,GE,DE,GR,GN,HK,HU,IS as IS$1,IN,ID,IE,IL,IT,JP,KZ,KE,KG,LA,LV,LI,LT,LU,MY,MT,MR,MX,MD,ME,MA,NP,NL,NZ,NG,MK,NO,OM,PE,PH,PL,PT,RO,RU,SA,SN,RS,SG,SK,SI,ZA,KR,ES as ES$1,SR,SE,CH,TW,TJ,TZ,TH,TR,UG,UA,AE,GB,US,UY,UZ,VE,VN,ZM,ZW}from'country-flag-icons/react/3x2';import gd from'lodash/startCase.js';import fd from'lodash/upperCase.js';import lx from'react-lottie';import Dx from'@mui/material/IconButton/index.js';import {styled}from'@mui/material/styles/index.js';import Pb from'@mui/material/Radio/index.js';import Ab from'@mui/material/Chip/index.js';import rT from'lodash/capitalize.js';import {TableContainer,Table,Divider,TableCell,TableRow,TablePagination,TableBody,TableHead}from'@mui/material';import MS from'@mui/material/TableRow/index.js';function So(e,t,o){let r=o?` ${o}`:"";return (!e||e===1)&&t?`Up to ${t}${r}`:e&&e>1&&t?`${e}-${t}${r}`:e&&e>1?`Minimum ${e}${r}`:""}function se(e,t="en-US"){if(e==null)return;let o={thousandSeparator:t==="en-US"?",":" ",decimalSeparator:".",decimalScale:0,fixedDecimalScale:true};return numericFormatter(String(Math.round(e)),o)}function dn(e,t="en-US"){let o={thousandSeparator:t==="en-US"?",":" ",decimalSeparator:".",decimalScale:2,fixedDecimalScale:true};return numericFormatter(String(e),o)}function Gt(e,t=1){if(e<1e6)return se(e)||"0";let o=[{value:1e12,suffix:"T"},{value:1e9,suffix:"B"},{value:1e6,suffix:"M"}];for(let{value:r,suffix:n}of o)if(e>=r){let a=(e/r).toFixed(t);return a.includes(".")&&(a=a.replace(/\.0+$/,"").replace(/(\.\d*[1-9])0+$/,"$1")),`${a}${n}`}return se(e)||"0"}var km=e(f)`
|
|
2
2
|
margin: 0;
|
|
3
3
|
`,wm=e.div`
|
|
4
4
|
display: flex;
|
|
@@ -12,7 +12,7 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
12
12
|
width: 24px;
|
|
13
13
|
height: 24px;
|
|
14
14
|
color: ${({theme:e})=>e.stigg.palette.primary};
|
|
15
|
-
`;function To({displayName:e,className:t}){return jsxs(wm,{className:`stigg-entitlement-row-container ${t}`,children:[jsx(Bm,{children:jsx(Am,{icon:"EntitlementCheck",className:"stigg-entitlement-row-icon"})}),jsx(km,{className:"stigg-entitlement-name",variant:"h6",color:"secondary",children:e})]})}function Fm(e){if(!e)return "";switch(e){case EntitlementResetPeriod.Day:return "per day";case EntitlementResetPeriod.Hour:return "per hour";case EntitlementResetPeriod.Week:return "per week";case EntitlementResetPeriod.Month:return "per month";case EntitlementResetPeriod.Year:return "per year";default:return ""}}function vm({hasUnlimitedUsage:e,feature:t,resetPeriod:o,usageLimit:r,minUnitQuantity:n,maxUnitQuantity:i,isCustom:a,enumValues:l}){let s=n||i,c=`${o&&r?`${Fm(o)}`:""}`;if(l){let u=l.length===1?t==null?void 0:t.featureUnits:t==null?void 0:t.featureUnitsPlural;return `${l.length} ${u}`}if(e)return `Unlimited ${t==null?void 0:t.featureUnitsPlural}`;if(a)return `Custom ${t==null?void 0:t.featureUnitsPlural}`;if(r){let u=r===1?t==null?void 0:t.featureUnits:t==null?void 0:t.featureUnitsPlural;return `${se(r)} ${u} ${c}`}return s?So(n,i,t==null?void 0:t.featureUnitsPlural):t==null?void 0:t.displayName}function mn(e){let i=e,{displayNameOverride:t,feature:o}=i,r=c(i,["displayNameOverride","feature"]),n=t||vm(a({feature:o},r))||"";return jsx(To,{displayName:n,className:`stigg-entitlement-${o==null?void 0:o.refId}`})}function Lm(e){switch(e){case BillingPeriod.Monthly:return "per month";case BillingPeriod.Annually:return "per year";default:return ""}}function Nm(e){var
|
|
15
|
+
`;function To({displayName:e,className:t}){return jsxs(wm,{className:`stigg-entitlement-row-container ${t}`,children:[jsx(Bm,{children:jsx(Am,{icon:"EntitlementCheck",className:"stigg-entitlement-row-icon"})}),jsx(km,{className:"stigg-entitlement-name",variant:"h6",color:"secondary",children:e})]})}function Fm(e){if(!e)return "";switch(e){case EntitlementResetPeriod.Day:return "per day";case EntitlementResetPeriod.Hour:return "per hour";case EntitlementResetPeriod.Week:return "per week";case EntitlementResetPeriod.Month:return "per month";case EntitlementResetPeriod.Year:return "per year";default:return ""}}function vm({hasUnlimitedUsage:e,feature:t,resetPeriod:o,usageLimit:r,minUnitQuantity:n,maxUnitQuantity:i,isCustom:a,enumValues:l}){let s=n||i,c=`${o&&r?`${Fm(o)}`:""}`;if(l){let u=l.length===1?t==null?void 0:t.featureUnits:t==null?void 0:t.featureUnitsPlural;return `${l.length} ${u}`}if(e)return `Unlimited ${t==null?void 0:t.featureUnitsPlural}`;if(a)return `Custom ${t==null?void 0:t.featureUnitsPlural}`;if(r){let u=r===1?t==null?void 0:t.featureUnits:t==null?void 0:t.featureUnitsPlural;return `${se(r)} ${u} ${c}`}return s?So(n,i,t==null?void 0:t.featureUnitsPlural):t==null?void 0:t.displayName}function mn(e){let i=e,{displayNameOverride:t,feature:o}=i,r=c(i,["displayNameOverride","feature"]),n=t||vm(a({feature:o},r))||"";return jsx(To,{displayName:n,className:`stigg-entitlement-${o==null?void 0:o.refId}`})}function Lm(e){switch(e){case BillingPeriod.Monthly:return "per month";case BillingPeriod.Annually:return "per year";default:return ""}}function Nm(e){var c,u,f;let{amount:t,customCurrency:o,displayNameOverride:r,billingPeriod:n}=e,i=t!=null?t:0;if(r)return r;let a=i===1?(c=o.units)==null?void 0:c.singular:(u=o.units)==null?void 0:u.plural,l=`${se(i)} ${a||o.displayName}`;(f=e.dependencyFeature)!=null&&f.featureUnits&&(l=`${l} / ${e.dependencyFeature.featureUnits}`);let s=Lm(n);return s?`${l} ${s}`:l}function un({entitlement:e}){let t=Nm(e);return jsx(To,{displayName:t,className:`stigg-credit-entitlement-${e.id}`})}function Vt(e){return e.pricingModel===BillingModel.PerUnit&&!!e.topUpCustomCurrencyId}function Um(e){return Vt(e)&&e.billingCadence===BillingCadence.OneOff}function Ot(e){return Vt(e)&&e.isTieredPrice}function ko(e,t){return e.pricePoints.find(o=>o.billingPeriod===t&&Ot(o))}function wo(e){var t,o;return ((o=(t=e.tiers)==null?void 0:t.length)!=null?o:0)>1}function _m(e){return e.pricingModel===BillingModel.CreditBased}function Ct(e){return !_m(e)&&!Um(e)}function Na(e){var t,o,r;return (t=e.customCurrency)!=null&&t.units?e.customCurrency.units.plural||e.customCurrency.units.singular||e.customCurrency.displayName:((o=e.feature)==null?void 0:o.unitsPlural)||((r=e.feature)==null?void 0:r.units)||""}function zm(e){return e.__typename==="PackageCreditEntitlement"}function Vm(e){switch(e){case CreditCadence.Month:return BillingPeriod.Monthly;case CreditCadence.Year:return BillingPeriod.Annually}}var Om=e.div`
|
|
16
16
|
display: flex;
|
|
17
17
|
flex-direction: column;
|
|
18
18
|
gap: 16px;
|
|
@@ -883,7 +883,7 @@ import {e,f,i,j,a,g,b,h,c,p,w,u,v,d,x,y,z,B,G,A,H as H$1,C,I,q,r,k,K,o,l,m,n}fro
|
|
|
883
883
|
border-radius: 8px;
|
|
884
884
|
border: 1px solid ${({theme:e})=>{var t,o;return (o=(t=e.stigg)==null?void 0:t.palette)==null?void 0:o.outlinedBorder}};
|
|
885
885
|
background-color: ${({theme:e})=>{var t,o;return (o=(t=e==null?void 0:e.stigg)==null?void 0:t.palette)==null?void 0:o.backgroundPaper}};
|
|
886
|
-
`;function $p({currencyId:e,localization:t,decimalPlaces:o,showUnits:r=true,onAddCredits:n}){let i=he(ee),a$1=u({optional:true}),l=a$1==null?void 0:a$1.theme,{title:s,addCredits:c,formatResetPeriod:u$1}=a(a({},G),t),f$1=A({currencyId:e}),y=jsx(hS,{className:"stigg-credit-balance-container",children:jsxs(CS,{className:"stigg-credit-balance-card",children:[jsxs(Rt,{children:[jsx(f,{variant:"h6",color:"primary",className:"stigg-credit-balance-title",children:s}),n&&!f$1.isFallback&&jsxs(Ut,{type:"button",onClick:()=>n(f$1),className:"stigg-credit-balance-add-credits-button",children:[jsx(Hr,{className:"stigg-credit-balance-add-credits-icon"}),c]})]}),jsx(Dp,{entitlement:f$1,decimalPlaces:o,showUnits:r,formatResetPeriod:u$1})]})});return i?y:jsx(w,{componentTheme:l,children:y})}var bS=lazy(()=>import('./CreditUsageChart-
|
|
886
|
+
`;function $p({currencyId:e,localization:t,decimalPlaces:o,showUnits:r=true,onAddCredits:n}){let i=he(ee),a$1=u({optional:true}),l=a$1==null?void 0:a$1.theme,{title:s,addCredits:c,formatResetPeriod:u$1}=a(a({},G),t),f$1=A({currencyId:e}),y=jsx(hS,{className:"stigg-credit-balance-container",children:jsxs(CS,{className:"stigg-credit-balance-card",children:[jsxs(Rt,{children:[jsx(f,{variant:"h6",color:"primary",className:"stigg-credit-balance-title",children:s}),n&&!f$1.isFallback&&jsxs(Ut,{type:"button",onClick:()=>n(f$1),className:"stigg-credit-balance-add-credits-button",children:[jsx(Hr,{className:"stigg-credit-balance-add-credits-icon"}),c]})]}),jsx(Dp,{entitlement:f$1,decimalPlaces:o,showUnits:r,formatResetPeriod:u$1})]})});return i?y:jsx(w,{componentTheme:l,children:y})}var bS=lazy(()=>import('./CreditUsageChart-ZMJSAJM4.esm.js').then(e=>({default:e.CreditUsageChart})));function zp(e){return jsx(Suspense,{fallback:null,children:jsx(bS,a({},e))})}var SS=(e,t,o)=>o==="primary"?t.palette.primary:e>=100?t.palette.progress.high:e>=75?t.palette.progress.medium:t.palette.progress.low,TS=e.div`
|
|
887
887
|
width: 100%;
|
|
888
888
|
height: 8px;
|
|
889
889
|
background-color: ${({theme:e})=>e.stigg.palette.progress.background};
|
package/package.json
CHANGED